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 地址。

1.9 KiB Raw Blame History

AutoBee 后台管理系统

功能特性

技术栈

开发

项目结构

API 接口

环境配置

1.9 KiB

Raw Blame History