后台管理系统权限实现 完整版
2022-08-03 09:57:03
329
{{single.collect_count}}

ERP管理系统权限篇

一.动态左侧路由菜单权限配置
1.tree树左侧菜单路由权限(Element框架)
将后端返回的tree菜单遍历出tree树结构(tree使用参考:https://element.eleme.cn/#/zhCN/component/tree)
在这里插入图片描述
2.将勾选的id回传给服务器
在这里插入图片描述
3.账号登录时获取服务器返回的路由列表 遍历出左侧菜单栏
在这里插入图片描述
菜单权限配置–完结

二.权限按钮篇
1.在系统管理中新增菜单管理模块
在这里插入图片描述
获取菜单数组将其以递归组件的形式展开层级 对其增加按钮权限 插入按钮权限自定义字符串
在这里插入图片描述
加入的权限字符串会在角色管理中tree树上勾选 如此保存之后在用户获取登录信息的时候 会将勾选的所有权限字符串存入一个数组中由服务器返回给前端,
在这里插入图片描述
前端将其存入vuex中编写自定义权限方法通过v-if控制页面DOM的显示隐藏
在这里插入图片描述

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}