项目一众筹网06_03,给角色分配Auth/菜单或者说是权限、回显checkbox、建角色与菜单/权限关联关系表、执行给角色分配菜单

EP小良_007

已于 2022-01-26 14:38:09 修改

阅读量709

点赞数

分类专栏：笔记文章标签： java

于 2022-01-23 00:29:53 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_41753340/article/details/122632286

版权

笔记专栏收录该内容

43 篇文章

订阅专栏

Role分配Auth-系列文章目录

项目一众筹网06_03
在这里插入图片描述

必须要先了解的思路，怎么实现权限管理的

在这里插入图片描述

文章目录

Role分配Auth-系列文章目录
必须要先了解的思路，怎么实现权限管理的
19-打开模态框-显示树-展开并显示checkbox
20-勾选已分配-后端-查询数据 Role分配Auth
21-勾选已分配-前端-发请求拿到数据
22-勾选已分配-前端-勾选已分配
23-执行分配-前端-获取已经勾选的authId
24-前端-发送请求执行分配
25-后端-handler和service代码
26-执行分配-后端-SQL
27-执行分配-后端-修复Bug
28-Role分配Auth-小结
29-给Menu分配权限（给菜单分配权限）
30-JavaScript代码在浏览器上Debug调试
- 谷歌浏览器打断点
- 火狐浏览器打断点，调试代码
debugger;

19-打开模态框-显示树-展开并显示checkbox

在这里插入图片描述
默认展开用户体验会好很多
除了我们之前的办法，设置open，还有一种办法

之后我们刷新页面再看，就是默认展开的了

在这里插入图片描述

然后就可以了

20-勾选已分配-后端-查询数据 Role分配Auth

已经分配的，怎么回显

回显checkBox

Role分配Auth：一个角色可以被分配很多个权限，一个权限也可以被很多个角色所拥有，也是多对多
在这里插入图片描述

建中间表：角色与权限/菜单关联关系表

在这里插入图片描述

比如上图，id 为 1的角色的权限有哪些，查询就这样查

准备假数据，我们开发一个新的项目的时候，也是完全可以采用这种思路，
因为完全没有假数据的情况，并不直观，会增加开发难度
而我们程序员要做的事情就偷懒，美其名曰：一劳永逸
在这里插入图片描述
接下来就是

接下来就是一条sql语句，我们从handler开始

根据角色id （根据中间表）查询出该角色id所拥有的权限id 后台代码

在这里插入图片描述
简洁固然是好，但是为了简洁，失去了对这个接口的友好说明，其实是不太好的

在这里插入图片描述

然后就是mapper，开始写sql
在这里插入图片描述

21-勾选已分配-前端-发请求拿到数据

经过上面的一套走完，后端处理好，我们看前端
在这里插入图片描述

确保能够拿到数据我们再来进行下一步

22-勾选已分配-前端-勾选已分配

拿到数据后，下一步怎么操作？
在这里插入图片描述

联动是什么意思

我们这里不要选择联动，联动的话，后端回显的时候，难度要大很多，不太方便

23-执行分配-前端-获取已经勾选的authId

在这里插入图片描述
思路：

看一下能不能拿到数据

在这里插入图片描述

24-前端-发送请求执行分配

在这里插入图片描述
想一想，这样的数据我们怎么发送给服务器？

假设如果是这样的话，会有什么问题？

这样的话，服务器端接收的时候，要加花/方括号
所以我们把它放到一个对象里面

25-后端-handler和service代码

在这里插入图片描述

实现类

26-执行分配-后端-SQL

在这里插入图片描述

27-执行分配-后端-修复Bug

成功了不要弹出状态码给客户看
在这里插入图片描述

28-Role分配Auth-小结

29-给Menu分配权限（给菜单分配权限）

给菜单分配
在这里插入图片描述

其实跟我们上面讲的是一样的
在这里插入图片描述

30-JavaScript代码在浏览器上Debug调试

谷歌浏览器打断点

在这里插入图片描述

就跟我们java里面这个差不多

火狐浏览器打断点，调试代码

在这里插入图片描述

debugger;

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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