管理后台开发
Admin 路由、集中API与生成类型共同组织管理页面,前端权限提示必须配合服务端真实拒绝。
文档导航
本页目录
怎样准备管理端?
Admin 使用 Vue 3.5.43、Element Plus 2.14.6、Vite 8.3.1;PC 使用 Nuxt 4.5.2;两端锁定 pnpm 10.18.2 和 Node 24。
pnpm --dir frontend/admin install --frozen-lockfile
pnpm --dir frontend/admin api:types
pnpm --dir frontend/admin typecheck
pnpm --dir frontend/admin lint
pnpm --dir frontend/admin build
安装写本地依赖,类型生成更新声明,build生成dist,不发布服务器。合同主源在contracts,不手改schema.d.ts以掩盖接口不一致。
页面和请求放在哪里?
管理页放src/views对应业务目录,集中API模块处理请求和公开类型。会话、CSRF与错误解析复用集中客户端,不散落到各表单。路由访问、菜单显示与实际接口权限分别检查。
表单状态怎么设计?
| 状态 | 预期行为 |
|---|---|
| 打开编辑 | 使用当前对象与修订号 |
| 取消重开 | 丢弃临时草稿,重新读取 |
| 保存冲突 | 保留输入,说明数据已更新 |
| 请求失败 | 显示真实错误及可重试反馈 |
| 权限撤销 | 后继请求被拒绝,页面状态同步 |
怎样检查开发完成?
用当前账号沿真实操作链检查回填、提交、持久读取、空态和无权限。列表异步请求应避免旧响应覆盖新筛选。不要将无实现的入口伪造成可用页面,也不以默认组件样式代替已核对的产品界面。