为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第24天 了解RBAC

标签:
Vue.js

课程名称:基于Vue3最新标准,实现后台前端综合解


课程章节: 第一章


课程讲师:Sunday


课程内容

    RBAC 定义了 用户-> 角色-> 权限 得关系

当我们通过角色为某一个用户指定到不同得权限后,那么该用户就会在项目中体会到不同权限得功能,那么这样得

一套关系就是我们的 RBAC 权限控制体系,也就是 基于 角色的权限 控制 用户的访问通过以下图片可以很好的说明这种权限控制体系的含义:

https://img1.sycdn.imooc.com//63742cc8000114f908100435.jpg

用户和权限之间不直接连 而是通过角色, 形成多对多得关系

员工列表 中设置了 姓名 练习方式 头像 角色 开通实践 查看(可打印)角色(可配置) 删除 等功能

https://img1.sycdn.imooc.com//63742f4a0001de1812930381.jpg

角色列表 中展示角色得名称 及 描述 以及分配权限

https://img1.sycdn.imooc.com//63742f5200013d0d12540343.jpg

权限列表 中展示系统中所有得权限用树形得方式展示

https://img1.sycdn.imooc.com//63742f42000177f707340463.jpg



在权限部分 如何具体呈现呢

  1. 我们可以先为 员工角色 指定 空权限

  2. 然后为我们的 测试用户 指定指定 员工角色

  3. 此时我们重新登录 测试用户

  4. 可以发现左侧菜单中仅存在 个人中心 页面

  5. 然后我们重新登录 超级管理员 账号

  6. 为 员工角色 指定 员工管理 && 分配角色 权限

  7. 然后为我们的 测试用户 指定指定 员工角色

  8. 此时我们重新登录 测试用户

  9. 可以发现左侧菜单中多出 员工管理 页面,并且页面中仅存在指定的 分配角色 功能


其中 页面权限 表示:当前用户可以访问的页面 功能权限 表示:当前用户可以访问的权限功能



https://img1.sycdn.imooc.com//63742fff00017fad10790760.jpg






















点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
25
获赞与收藏
19

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消