卡链后台管理系统

一个基于React + TypeScript + Material UI开发的现代化后台管理系统，用于管理卡密商城的各项功能。

技术栈

• React 18.3.1
• TypeScript 5.5.4
• Material UI 5.16.6
• React Query 5.51.16
• Material React Table 2.13.1
• Vite 5.3.5

功能特性

• 📊 仪表板

  • 今日销售统计图表
  • 今日成交金额统计
  • 最近订单列表

• 🛍️ 商品管理

  • 商品列表管理
  • 商品分类管理
  • 支持商品图片上传
  • 商品状态控制

• 🎫 卡密管理

  • 卡密列表管理
  • 批量导入卡密
  • 卡密状态跟踪

• 📝 订单管理

  • 订单列表查看
  • 订单状态管理
  • 订单搜索功能
  • 订单统计数据

• ⚙️ 系统设置

  • 网站信息配置
  • 邮箱配置
  • 管理员账号配置
  • 支付接口配置
  • 支付商户配置

• 🚫 黑名单管理

  • IP黑名单
  • 邮箱黑名单

开发环境配置

1. 安装依赖

npm instal

2. 配置环境变量 复制.env.sample文件并重命名为.env，根据实际情况修改以下配置：

VITE_API_BASE=http://your-api-base-url
VITE_API_VERSION=administrator/v1

3. 启动开发服务器

npm run dev

4. 构建生产版本

npm run build

项目结构

src/
├── components/        # 通用组件
├── modules/          # 功能模块
│   ├── dashboard/    # 仪表板
│   ├── Product/      # 商品管理
│   └── ...
├── utils/            # 工具函数
├── App.tsx          # 应用入口
└── main.tsx         # 主入口文件

浏览器支持

• Chrome (最新版本)
• Firefox (最新版本)
• Safari (最新版本)
• Edge (最新版本)