70 lines
1.9 KiB
Markdown
70 lines
1.9 KiB
Markdown
|
# 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 地址。
|