# AutoBee 后台管理系统 基于 Umi + React + Ant Design Pro 的现代化后台管理系统。 ## 功能特性 - 🔐 **用户认证** - 支持用户名/密码 + 手机短信验证码登录 - 📊 **仪表盘** - 系统统计信息展示 - 👥 **用户管理** - 管理员用户增删改查 - 🖼️ **镜像管理** - 镜像文件上传和管理 - 📝 **剧本审核** - 剧本内容审核功能 - 🔍 **能力查询** - 能力信息查询 - 📚 **剧本后台** - 剧本管理功能 ## 技术栈 - **框架**: Umi 4 + React 18 - **UI 组件**: Ant Design + Ant Design Pro - **语言**: TypeScript - **状态管理**: Umi Model - **路由**: Umi 路由系统 - **样式**: Less + CSS Modules ## 开发 ```bash # 安装依赖 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 地址。