Vue项目之---RBAC权限设计

Vue项目之—RBAC权限设计原理

RGBA的权限设计模式,可以对不同用户进行管理并分配角色以及设置不同级别的管理人员对页面各个功能的使用和操作权限,实现了多角色根据权限进行登录使用。

实现逻辑:

首先实现角色的分配以及权限点的增删改查,项目的权限有两个方面的权限,一是页面权限,二是页面各个功能的使用和操作权限。

页面权限的完成逻辑主要是,在用户登录后,获取后台标识,标识与路由相关联,结合 filter 方法,完成对权限数据的过滤筛选。采用 addRouters 方法,更改成动态添加式路由,实现页面访问权限设置。

页面各个功能的使用和操作权限的实现主要是通过mixin混入一个全局函数,获取后台标识,返回布尔值控制功能按钮的显示隐藏。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wendyymei

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值