项目一众筹网06_01_权限控制角色和权限分配Admin分配RoleRole分配Auth前端jquery实现列表移动过来移动过去有些表是不需要实体类的自然也就不需要做逆向工程sql语句

Posted 平凡加班狗

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了项目一众筹网06_01_权限控制角色和权限分配Admin分配RoleRole分配Auth前端jquery实现列表移动过来移动过去有些表是不需要实体类的自然也就不需要做逆向工程sql语句相关的知识,希望对你有一定的参考价值。

系列文章目录

众筹网

01-角色和权限分配-引入

	我们前面做的事情就是没有管权限管理
	没有去考虑登录进来的人是谁
	不管是谁菜单都一样
	现在我们就要考虑登录进来的人是谁了


把逻辑想明白即可,代码先别管,后面有框架帮我们处理
但是我们必须要清楚他们之间的关系才能去使用框架 搭好他们之间的关系

02-Admin分配Role-目标和思路

我们看前端模板



所以我们需要一个中间表
用户和角色中间表
后面我们还需要一个中间表
角色和菜单中间表==

一个权限管理系统,最少需要五张表,分别是 用户表、角色表、菜单表、用户和角色关系表、角色和菜单关系表


这里注意,,必须是要带数据的

03 Admin 分配 Role 创建中间表


其中需要注意,中间表的主键有两种方式
一种是正常的
一种是联合主键

两种方式都可以,我们这里选择传统的

有些表是不需要实体类的自然也就不需要做逆向工程

思考一下,这个表我们要不要做逆向工程?
答案是:不需要
因为这个表它确实不是实体类,它只是中间表

没有实体类怎么执行sql呢?
在别人那凑合一下就行了,别的地方并不是不能执行sql,所以不必纠结

04-Admin分配Role-前往分配页面-handler方法

修改分配按钮的超链接
首先要找到页面
在这里插入代码片

改成a标签之后,注意要加上href可以模仿 下面的修改、删除等功能

页面创建好之后,我们要做的就是,不是要发请求吗,自然就需要控制器,注意并不是每个控制器都需要实体类
我们先就创建实体类



存入模型实际上就是放到请求域里面了,只是springMvc去帮我们做了

05-Admin分配Role-前往分配页面-Service方法和SQL

把上面我们写的那两个方法写好


中间表加点数据

这个数据的意思就是,比如111 这个账号 拥有哪些角色,比如张三是 超级管理员、也是后端管理员、也是普通用户
小结一下,handler层

service层


mapper层/Dao层注意它是没有实现类的,因为它的实现类就相当于下面这个xml ,我们对着来写:
sql语句暂时看不完整,我们先分析一下,最后揭晓打答案

看不清楚sql语句对吧,我们换个行
这个sql语句很重要,,考验 sql能力 的时候到了
我们假设是这个id登录进来的,我们看它的 已被分配的角色

我们知道他的id是26了
那么我们就应该去找 用户与角色关联表( inner_admin_role )

所以看似复杂,但是要是逻辑清楚了,其实很简单

用户与角色关系表

id 为26 的用户 已匹配的角色 的sql 语句 如下:

id 为26 的用户 未匹配的角色 的sql 语句 如下:

最终在代码里


老师的sql 这样写的,其实说明一个问题
实测也是可以的,说明我们前面的sql是有bug的,仔细想想,不知道你发现没有,我们之前测试没有问题,只是运气好,数据量少,碰巧刚好数据是对应的,所以没有出问题,看下面这个逻辑,就应该查询的是 role_id而不是 id

【注意】如果不放心,我们可以把sql拿出来,先执行一下看看,,确保万无一失

06-Admin分配Role-前往分配页面-页面操作-显示option

打开前端模板,对应的页面,检查——找到对应的代码


把这个网页前端代码整理好,像以前一样放前端去
思路


导入一下jstl ,这样就能够在jsp页面写java代码

注意不要写错,特别是已分配和未分配的,不要搞混

测试看看——测试通过再进行下一步

07-Admin分配Role-前往分配页面-页面操作-调整表单,让表单能够提交

调整表单,让表单能够提交
加一个action,并且设置好隐藏域

注意,加action的时候不要漏掉请求方式,请求方式在开发过程中绝大部分都是 post 请求
这里隐藏域的作用是,为了将来页面能够维持住之前的页面,从哪来回哪去
我们真正要提交的是 已分配的,未分配的我们不需要提交

所以未分配我们不用做特殊处理

下面这个已分配就需要做一些特殊处理了


这个到时候让1前端工程师来处理一下算了,挺麻烦的,我们前端不是特别精通,可能要花很长时间
暂时能用就行,美观 以后再说
暂时可以先这样

08-Admin分配Role-前往分配页面-页面操作-左右移动option


怎么实现这个点一下就过去、过来的功能?

看似很复杂,实际上很简单,就一行代码的事情
但是不会的话,永远可能都不会,因为你会觉得很难很难,其实会了的话,很简单

前端jquery实现列表移动过来移动过去

思路


给他们加上id,这样才能绑定单击函数

下一步就是我们需要 从 这个 selec 里面 找到 被选中的 option

我们当然可以设置id,但是如果有特殊情况,我们不能设置id的话,要怎么解决这个问题呢?

由于此页面只有2个select,所以我们可以这样写

这些用法都是有迹可循的,jquery很熟的话,是可以很好的运用的


就一行代码
加一下注释

这是去右边,去左边就更简单了一样的代码,换一下就行了


放前面还是放后面,都可以自定义选择,jquery都提供了不同的方法

09-Admin分配Role-执行分配-handler方法(下一篇)

10-Admin分配Role-执行分配-Service方法
11-Admin分配Role-执行分配-SQL语句
12-Admin分配Role-执行分配-修正Bug
13-Role分配Auth-目标和思路
14-Role分配Auth-Auth建表
15-Role分配Auth-代码-打开模态框-空模态框
16-Role分配Auth-代码-打开模态框-显示树-发请求
17-Role分配Auth-代码-打开模态框-显示树-发请求[改进]
18-Role分配Auth-代码-打开模态框-显示树-查询Auth并调整树显示
19-Role分配Auth-代码-打开模态框-显示树-展开并显示checkbox
20-Role分配Auth-代码-勾选已分配-后端-查询数据
21-Role分配Auth-代码-勾选已分配-前端-发请求拿到数据
22-Role分配Auth-代码-勾选已分配-前端-勾选已分配
23-Role分配Auth-代码-执行分配-前端-获取已经勾选的authId
24-Role分配Auth-代码-执行分配-前端-发送请求执行分配
25-Role分配Auth-代码-执行分配-后端-handler和service代码
26-Role分配Auth-代码-执行分配-后端-SQL
27-Role分配Auth-代码-执行分配-后端-修复Bug
28-Role分配Auth-小结
29-javascript代码在浏览器上Debug调试

以上是关于项目一众筹网06_01_权限控制角色和权限分配Admin分配RoleRole分配Auth前端jquery实现列表移动过来移动过去有些表是不需要实体类的自然也就不需要做逆向工程sql语句的主要内容,如果未能解决你的问题,请参考以下文章

项目一众筹网06_03给角色分配菜单权限表的设置使用zTree来实现节点判断(后端不写代码也能实现树形开发)接口不能写@service注解,实现类才能写

项目一众筹网07_03_SpringSecurity退出登录禁用CSRF基于角色或权限访问控制自定义403页面

项目一众筹网03_5_RBAC(权限管理)模型-概述

项目一众筹网07_01_SpringSecurity框架简介和用法SpringSecurity负责的是 权限验证Spring的注解模式maven引入Spring环境加入layUI环境

项目一众筹网06_02给用户分配角色执行用户角色的分配提交的 只是我们选中的解决隐藏域的东西,不用传,点击submit的时候就会传过去允许参数是空值mybatis删除和插入数据

项目一众筹网08_03_SpringSecurity数据库登录-思路子类和父类之间的构造器的关系