第十二节:Vben Admin 最新 v5.0 (vben5) 快速入门 - 两种权限控制方式(附前后端代码)
目录
- 前言
- 用户 - 角色关联
- 角色 - 菜单关联
- Vben Admin(vben ) 权限实现分析
- Vben Admin(vben ) 权限 - 前端访问控制
- 确保当前权限控制模式
- 添加动态路由文件
- modules\system\system.ts
- modules\navigation\navigation.ts
- Vben Admin(vben ) 权限 - 后端访问控制
- 确保当前模式为后端访问控制模式
- 再次登录
- python 后端代码
- 根据用户获取对应角色菜单
- 前端代码
- 修改前端接口
- 验证效果
- 注意事项
- 前后端代码下载
前言
通过前面几节课的内容,我们基本实现了,角色管理,用户管理,菜单管理的功能。
用户 - 角色关联
用户角色目前是按照多对一的模式,即一个用户一个角色,一个角色可以被多个用户拥有。通过在用户表设置role_code字段和角色表role_code关联实现
角色 - 菜单关联
角色和菜单关联,是需要实现多对多模式,一个角色可以拥有多个菜单权限,一个菜单可以被多个角色拥有。
Vben Admin(vben ) 权限实现分析
Vben Admin(vben ) 权限 - 前端访问控制
实现原理: 在前端固定写死路由的权限,指定路由有哪些权限可以查看。只初始化通用的路由,需要权限才能访问的路由没有被加入路由表内。在登录后或者其他方式获取用户角色后,通过角色去遍历路由表,获取该角色可以访问的路由表,生成路由表,再通过 router.addRoute 添加到路由实例,实现权限的过滤。