AutoBee 后台管理系统

基于 Umi + React + Ant Design Pro 的现代化后台管理系统。

功能特性

• 🔐 用户认证 - 支持用户名/密码 + 手机短信验证码登录
• 📊 仪表盘 - 系统统计信息展示
• 👥 用户管理 - 管理员用户增删改查
• 🖼️ 镜像管理 - 镜像文件上传和管理
• 📝 剧本审核 - 剧本内容审核功能
• 🔍 能力查询 - 能力信息查询
• 📚 剧本后台 - 剧本管理功能

技术栈

• 框架: Umi 4 + React 18
• UI 组件: Ant Design + Ant Design Pro
• 语言: TypeScript
• 状态管理: Umi Model
• 路由: Umi 路由系统
• 样式: Less + CSS Modules

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

项目结构

src/
├── components/     # 公共组件
├── pages/         # 页面组件
│   ├── Login/     # 登录页面
│   ├── Dashboard/ # 仪表盘
│   ├── UserManagement/ # 用户管理
│   ├── ImageManagement/ # 镜像管理
│   ├── ScriptReview/ # 剧本审核
│   ├── AbilityQuery/ # 能力查询
│   └── ScriptBackend/ # 剧本后台
├── services/      # API 服务
├── types/         # 类型定义
├── utils/         # 工具函数
└── models/        # 数据模型

API 接口

系统使用 RESTful API 设计，主要接口包括：

• /api/v1/admin/login - 管理员登录
• /api/v1/admin-backend/users - 用户管理
• /api/v1/admin-backend/images - 镜像管理
• /api/v1/admin-backend/script-reviews - 剧本审核
• /api/v1/admin-backend/abilities - 能力查询
• /api/v1/admin-backend/scripts - 剧本管理

环境配置

项目默认连接本地开发服务器 http://localhost:6000，可在 .umirc.ts 中修改 API 地址。