feat: 搭建后台管理框架

README.md

@@ -1,38 +1,60 @@
-# ReelShort Studio Console
+# ReelShort 内容管理后台
 
-Frontend-only short-drama content management console built with Vue 3, Vite, Vue Router, and Element Plus.
+短剧内容管理后台。界面和工程结构使用 [vue-element-plus-admin](https://element-plus-admin-doc.cn/) 的 `main` 分支，在上面接入了短剧、剧集、角色、菜单和管理员页面。
 
-## Development
+## 环境
+
+- Node.js 18 或更高版本
+- pnpm 8 或更高版本
+
+## 开始
 
 ```sh
-npm install
-npm run dev
+pnpm install
+pnpm dev
 ```
 
-## Production build
+开发服务地址是 [http://localhost:3005](http://localhost:3005)。同一局域网的设备可以使用终端里的 Network 地址打开。
 
-```sh
-npm run build
-npm run preview
-```
+演示账号：
 
-## Demo access
+| 账号    | 密码       |
+| ------- | ---------- |
+| `admin` | `admin123` |
+| `test`  | `test`     |
 
-- Username: `admin`
-- Password: `admin123`
+`admin` 拥有全部菜单。`test` 只用于对照框架自带的权限示例。
 
-Data and RBAC changes are local demo state. No backend service is connected.
+## 命令
 
-## Source layout
+| 命令              | 作用         |
+| ----------------- | ------------ |
+| `pnpm dev`        | 启动开发服务 |
+| `pnpm build:dev`  | 构建开发包   |
+| `pnpm build:test` | 构建测试包   |
+| `pnpm build:pro`  | 构建生产包   |
+| `pnpm serve:pro`  | 预览生产包   |
 
-- `src/views/common/` contains shared route pages such as login and dashboard.
-- `src/views/contentManagement/` contains short-drama and episode pages.
-- `src/views/permission/` contains role, menu, and role-category pages plus their composables.
-- `src/views/userManagement/` contains administrator pages and their page data/composables.
-- `src/views/systemManagement/` contains system settings pages.
-- `src/views/components/` contains reusable page-level UI components.
-- `src/data/` contains shared domain records used across views.
-- `src/layouts/` contains the authenticated application shell.
-- `src/router/` contains routes and access guards.
-- `src/stores/` contains auth, RBAC, and theme state.
-- `src/permissions/` contains permission definitions and role defaults.
+## 页面
+
+登录后菜单包括：
+
+- 工作台
+- 内容管理：短剧管理、剧集管理
+- 后台管理：角色权限配置、管理员用户列表、菜单管理、角色分类、系统设置
+
+这些页面的数据仍是前端演示数据，没有接后端。登录和菜单由框架的 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`。