ReelShort 内容管理后台

短剧内容管理后台。界面和工程结构使用 vue-element-plus-admin 的 main 分支，在上面接入了短剧、剧集、角色、菜单和管理员页面。

环境

• Node.js 18 或更高版本
• pnpm 8 或更高版本

开始

pnpm install
pnpm dev

开发服务地址是 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 的结构。本项目新增的业务代码在：

• 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。