获取方案

管理后台开发

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与错误解析复用集中客户端,不散落到各表单。路由访问、菜单显示与实际接口权限分别检查。

表单状态怎么设计?

状态 预期行为
打开编辑 使用当前对象与修订号
取消重开 丢弃临时草稿,重新读取
保存冲突 保留输入,说明数据已更新
请求失败 显示真实错误及可重试反馈
权限撤销 后继请求被拒绝,页面状态同步

怎样检查开发完成?

用当前账号沿真实操作链检查回填、提交、持久读取、空态和无权限。列表异步请求应避免旧响应覆盖新筛选。不要将无实现的入口伪造成可用页面,也不以默认组件样式代替已核对的产品界面。