61 lines
1.8 KiB
Markdown
61 lines
1.8 KiB
Markdown
# ReelShort 内容管理后台
|
|
|
|
短剧内容管理后台。界面和工程结构使用 [vue-element-plus-admin](https://element-plus-admin-doc.cn/) 的 `main` 分支，在上面接入了短剧、剧集、角色、菜单和管理员页面。
|
|
|
|
## 环境
|
|
|
|
- Node.js 18 或更高版本
|
|
- pnpm 8 或更高版本
|
|
|
|
## 开始
|
|
|
|
```sh
|
|
pnpm install
|
|
pnpm dev
|
|
```
|
|
|
|
开发服务地址是 [http://localhost:3005](http://localhost:3005)。同一局域网的设备可以使用终端里的 Network 地址打开。
|
|
|
|
演示账号：
|
|
|
|
| 账号 | 密码 |
|
|
| ------- | ---------- |
|
|
| `admin` | `admin123` |
|
|
| `test` | `test` |
|
|
|
|
`admin` 拥有全部菜单。`test` 只用于对照框架自带的权限示例。
|
|
|
|
## 命令
|
|
|
|
| 命令 | 作用 |
|
|
| ----------------- | ------------ |
|
|
| `pnpm dev` | 启动开发服务 |
|
|
| `pnpm build:dev` | 构建开发包 |
|
|
| `pnpm build:test` | 构建测试包 |
|
|
| `pnpm build:pro` | 构建生产包 |
|
|
| `pnpm serve:pro` | 预览生产包 |
|
|
|
|
## 页面
|
|
|
|
登录后菜单包括：
|
|
|
|
- 工作台
|
|
- 内容管理：短剧管理、剧集管理
|
|
- 后台管理：角色权限配置、管理员用户列表、菜单管理、角色分类、系统设置
|
|
|
|
这些页面的数据仍是前端演示数据，没有接后端。登录和菜单由框架的 mock 接口提供。
|
|
|
|
## 目录
|
|
|
|
框架原有代码保持 [vue-element-plus-admin](https://github.com/kailong321200875/vue-element-plus-admin/tree/mini) 的结构。本项目新增的业务代码在：
|
|
|
|
- `src/views/common/DashboardView.vue`
|
|
- `src/views/contentManagement/`
|
|
- `src/views/permission/`
|
|
- `src/views/userManagement/`
|
|
- `src/views/systemManagement/`
|
|
- `src/data/`、`src/permissions/`、`src/stores/`
|
|
- `src/styles/business/`
|
|
|
|
路由写在 `src/router/index.ts` 的 `asyncRouterMap`。
|