基于 RBAC 的学员管理系统
1. 项目描述:对校园人工管理效率低、数据分散、权限混乱的痛点所开发的校园后台管理系统 ,实现从学校、专业、班级到学员的全流程管理 ,并基于 RBAC 模型实现多角色权限控制。
2. 技术栈:Vue3 + 组合 API、Vite、TypeScript、Vue-Router、 Pin ia、 Element-Plus、Axios、 ECharts、Vue-tinymce.
3. 主要职责:
(1) 基于 Vite + TypeScript 搭建项目 ,配置路径别名与环境变量 ,通过路由懒加载优化首屏加载速度。运用 AI 工具辅助项目初始化 ,提升开发效率。
(2) Vue-Router + Pin ia 实现动态路由与菜单权限控制,根据后端返回的权限数据,完成不同角色的路由过滤与菜单渲染 ,实现细粒度的权限管理。并使用 AI 工具辅助排查权限路由刷新丢失、状态管理异常等问题。
(3) 基于 Element-Plus 开发六大核心模块,实现 CRUD、分页查询、条件搜索、表单校验等通用交互。借助 AI 工具快速生成页面原型 ,优化开发流程 ,大幅提升开发效率。
(4) 封装 Axios 请求工具 ,统一处理 Token、错误码与请求状态 ,保障前后端交互稳定。
4. 个人收获:通过解决动态路由权限丢失、多角色权限控制、TS 类型适配等问题,掌握了 RBAC 权
限前端落地方案和 AI 辅助开发方法 ,提升了 Vue3 +TS 项目的工程化能力与问题排查效率。