后台管理系统权限实现 完整版

ERP管理系统权限篇

一.动态左侧路由菜单权限配置
1.tree树左侧菜单路由权限(Element框架)
将后端返回的tree菜单遍历出tree树结构(tree使用参考:https://element.eleme.cn/#/zhCN/component/tree)

2.将勾选的id回传给服务器

3.账号登录时获取服务器返回的路由列表 遍历出左侧菜单栏

菜单权限配置–完结

二.权限按钮篇
1.在系统管理中新增菜单管理模块

获取菜单数组将其以递归组件的形式展开层级 对其增加按钮权限 插入按钮权限自定义字符串

加入的权限字符串会在角色管理中tree树上勾选 如此保存之后在用户获取登录信息的时候 会将勾选的所有权限字符串存入一个数组中由服务器返回给前端,

前端将其存入vuex中编写自定义权限方法通过v-if控制页面DOM的显示隐藏