vue-element-admin动态菜单与用户权限演示

257 阅读1分钟

完整功能演示地址

www.bilibili.com/video/BV1TU…

在线演示网址:

element.wmhello.cn/

原理

利用RBAC方式来管理功能授权 分为模块与权限、角色和用户3个重要页面 实际使用中一个用户可以有一个或者多个角色 每一个角色可以使用多个功能权限 权限是基础,包括某个功能模块的增删改查、导入、导出、打印等相关的基础操作

用户登录后获取个人信息,其中就包含用户的角色和权限。根据权限数据能计算出可以使用的路由数据,然后动态添加路由数据到实际的前端路由,而前端的侧边栏等内容又由前端路由渲染而成,因此可以在实现动态授权功能的基础上生成可以访问的页面。

页面

功能列表 增加功能 角色列表 增加角色