后台管理系统与中后台前端
中后台系统以 权限、菜单、表单、表格、流程 为核心，交互密度高、页面数量多，典型技术栈：Vue + Element Plus、React + Ant Design，或 低代码平台 二次开发。
架构特征
| 维度 | 常见做法 |
|---|---|
| 路由 | 动态路由：按角色下发菜单与路由表 |
| 权限 | 按钮级：v-if / HOC + 权限码；路由守卫拦截 |
| 状态 | 列表页缓存、Tab 多页签（keep-alive）、全局 User/字典 |
| 请求 | Axios 封装：Token 刷新、错误码、重复提交防抖 |
| 布局 | 侧边栏 + 顶栏 + 内容区；可配置主题与国际化 |
选型优势（SPA + 组件库）
- 开发效率高：表格、表单、树、上传等模式成熟。
- 交互一致：后台用户学习成本低。
- 前后端分离清晰：接口契约 + Mock 并行开发。
典型挑战
- 巨型路由与打包体积：按路由 懒加载、业务模块 分包 / Monorepo。
- 复杂表单：动态表单、联动校验，需抽 schema 或表单引擎。
- 大数据表格：虚拟滚动、服务端分页/排序、列定制导出。
- 多环境配置：dev/staging/prod、API 网关与代理。
与 SSR、微前端
- 纯内网后台：多数 CSR 足够，SEO 无关。
- 需要嵌入门户或与多个团队合作：可考虑 微前端（见 08），把 子系统 作为子应用挂载。
小结
中后台架构的重点不在「首屏炫酷」，而在 权限模型清晰、模块边界稳定、表格表单可维护。选型组件库后尽早统一 请求层、布局、字典与权限协议，避免每个业务线复制一套胶水代码。