【学生管理系统】权限管理之用户管理

server/2025/1/2 7:47:25/

目录

6. 权限管理

6.1 环境搭建

6.1.1 数据库

6.1.2 后端环境

6.2 用户管理

6.2.1 查询所有用户(关联角色)

6.2.2 核心1:给用户授予角色

6. 权限管理

6.1 环境搭建

6.1.1 数据库

  • 权限管理的5张表的关系

  • 添加4张表

# 权限表(菜单表)
CREATE TABLE `sys_permission`  (`id` int(10) NOT NULL AUTO_INCREMENT,`permName` varchar(50) ,`parent_id` int(11) ,`path` varchar(255) ,PRIMARY KEY (`id`) USING BTREE
);
​
INSERT INTO `sys_permission` VALUES (1, '班级管理', 0, '/classes');
INSERT INTO `sys_permission` VALUES (2, '添加班级', 1, '/classes/classesAdd');
INSERT INTO `sys_permission` VALUES (3, '班级列表', 1, '/classes/classesList');
​
INSERT INTO `sys_permission` VALUES (4, '学生管理', 0, '/student');
INSERT INTO `sys_permission` VALUES (5, '学生列表', 4, '/student/studentList');
​
INSERT INTO `sys_permission` VALUES (6, '权限管理', 0, '/perm');
INSERT INTO `sys_permission` VALUES (7, '权限列表', 6, '/perm/permissionList');
INSERT INTO `sys_permission` VALUES (8, '角色列表', 6, '/perm/roleList');
INSERT INTO `sys_permission` VALUES (9, '用户列表', 6, '/perm/userList');
​
​
# 角色表
CREATE TABLE `sys_role`  (`id` int(10) NOT NULL AUTO_INCREMENT,`roleName` varchar(50),`roleDesc` varchar(50),PRIMARY KEY (`id`) USING BTREE
) ;
​
INSERT INTO `sys_role` VALUES (1, 'admin', '超级管理员');
INSERT INTO `sys_role` VALUES (2, 'sms_admin', 'sms管理员');
INSERT INTO `sys_role` VALUES (3, 'user', '普通用户');
​
​
​
#中间表:角色权限表
CREATE TABLE `sys_role_permission`  (`role_id` int(10),`perm_id` int(10),INDEX `FK_Reference_3`(`role_id`) USING BTREE,INDEX `FK_Reference_4`(`perm_id`) USING BTREE,CONSTRAINT `sys_role_permission_ibfk_1` FOREIGN KEY (`perm_id`) REFERENCES `sys_permission` (`id`) ,CONSTRAINT `sys_role_permission_ibfk_2` FOREIGN KEY (`role_id`) REFERENCES `sys_role` (`id`) 
);
​
​
INSERT INTO `sys_role_permission` VALUES (1, 1);
INSERT INTO `sys_role_permission` VALUES (1, 2);
INSERT INTO `sys_role_permission` VALUES (1, 3);
INSERT INTO `sys_role_permission` VALUES (1, 4);
INSERT INTO `sys_role_permission` VALUES (1, 5);
INSERT INTO `sys_role_permission` VALUES (1, 6);
INSERT INTO `sys_role_permission` VALUES (1, 7);
INSERT INTO `sys_role_permission` VALUES (1, 8);
INSERT INTO `sys_role_permission` VALUES (1, 9);
​
INSERT INTO `sys_role_permission` VALUES (2, 1);
INSERT INTO `sys_role_permission` VALUES (2, 2);
INSERT INTO `sys_role_permission` VALUES (2, 3);
INSERT INTO `sys_role_permission` VALUES (2, 4);
INSERT INTO `sys_role_permission` VALUES (2, 5);
​
​
# 中间表:用户角色表
CREATE TABLE `sys_user_role`  (`user_id` VARCHAR(32),`role_id` INT(10) ,INDEX `FK_Reference_1`(`user_id`) USING BTREE,INDEX `FK_Reference_2`(`role_id`) USING BTREE,CONSTRAINT `sys_user_role_ibfk_1` FOREIGN KEY (`role_id`) REFERENCES `sys_role` (`id`),CONSTRAINT `sys_user_role_ibfk_2` FOREIGN KEY (`user_id`) REFERENCES `tb_user` (`u_id`)
);
​
INSERT INTO `sys_user_role` VALUES ('u001', 1);
INSERT INTO `sys_user_role` VALUES ('u001', 2);
INSERT INTO `sys_user_role` VALUES ('u002', 2);
​

6.1.2 后端环境

  • 基本内容:JavaBean、Mapper、Service、Controller

    • JavaBean

    • 基本结构

6.2 用户管理

6.2.1 查询所有用户(关联角色)

1)后端

  • 修改javaBean:List<SysRole> roleList

  • 编写Mapper:使用注解的方式查询关联数据

  • 编写Service

  • 编写Controller

  • 修改javaBean:List<SysRole> roleList

  • 编写Mapper:使用注解的方式查询关联数据

    • 修改UserMapper:查询所有,含角色

      package com.czxy.classes.mapper;
      ​
      import com.baomidou.mybatisplus.core.mapper.BaseMapper;
      import com.czxy.domain.TbUser;
      import org.apache.ibatis.annotations.*;
      ​
      import java.util.List;
      ​
      /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
      @Mapper
      public interface TbUserMapper extends BaseMapper<TbUser> {
      ​@Select("SELECT * FROM tb_user")@Results({@Result(property = "uid", column = "u_id"),@Result(property = "userName", column = "user_name"),@Result(property = "password", column = "password"),@Result(property = "gender", column = "gender"),@Result(property = "image", column = "image"),@Result(property = "roleList", many = @Many(select = "com.czxy.classes.mapper.SysRoleMapper.findAllByUid") , column = "u_id")})public List<TbUser> findAll();
      }
      ​

    • 修改RoleMapper:查询指定用户的角色

      package com.czxy.classes.mapper;
      ​
      import com.baomidou.mybatisplus.core.mapper.BaseMapper;
      import com.czxy.sys.SysRole;
      import org.apache.ibatis.annotations.Mapper;
      import org.apache.ibatis.annotations.Param;
      import org.apache.ibatis.annotations.Select;
      ​
      import java.util.List;
      ​
      /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
      @Mapper
      public interface SysRoleMapper extends BaseMapper<SysRole> {/*** 查询指定用户的所有角色* @author 桐叔* @email liangtong@itcast.cn* @return*/@Select("SELECT r.* FROM sys_role r, sys_user_role ur WHERE r.id = ur.role_id AND ur.user_id = #{uid}")public List<SysRole> findAllByUid(@Param("uid") String uid);
      }
      ​

  • 编写Service

    package com.czxy.classes.service;
    ​
    import com.baomidou.mybatisplus.extension.service.IService;
    import com.czxy.domain.TbUser;
    ​
    import java.util.List;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    public interface TbUserService extends IService<TbUser> {
    ​public List<TbUser> findAll();
    }
    ​

    package com.czxy.classes.service.impl;
    ​
    import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
    import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
    import com.czxy.domain.TbUser;
    import com.czxy.classes.mapper.TbUserMapper;
    import com.czxy.classes.service.TbUserService;
    import org.springframework.stereotype.Service;
    import org.springframework.transaction.annotation.Transactional;
    ​
    import java.util.List;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    @Service
    @Transactional
    public class TbUserServiceImpl extends ServiceImpl<TbUserMapper, TbUser> implements TbUserService {
    ​@Overridepublic List<TbUser> findAll() {return baseMapper.findAll();}
    }
    ​

  • 编写Controller

    package com.czxy.classes.controller;
    ​
    import com.czxy.classes.config.JwtProperties;
    import com.czxy.classes.utils.JwtUtils;
    import com.czxy.domain.TbUser;
    import com.czxy.classes.service.TbUserService;
    import com.czxy.vo.BaseResult;
    import org.springframework.web.bind.annotation.*;
    ​
    import javax.annotation.Resource;
    import java.util.List;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    @RestController
    @RequestMapping("/user")
    public class TbUserController {@Resourceprivate TbUserService tbUserService;
    ​@GetMappingpublic BaseResult findAll() {List<TbUser> list = tbUserService.findAll();return BaseResult.ok("查询成功", list);}
    ​
    ​
    }
    ​

2)前端

<template><div><!-- 列表start --><el-table:data="userList"stripestyle="width: 100%"><el-table-columntype="selection"width="55"></el-table-column><el-table-columnprop="uid"label="用户ID"fixedwidth="80"></el-table-column><el-table-columnprop="userName"label="姓名"fixedwidth="100"></el-table-column><el-table-columnprop="gender"label="性别"width="80"><template slot-scope="scope">{{scope.row.gender == 1 ? '男': '女'}}</template></el-table-column><el-table-columnprop="image"label="头像"width="80"><template slot-scope="scope"><el-avatar size="20" :src="scope.row.image"></el-avatar></template></el-table-column><el-table-columnlabel="角色"width="300"><template slot-scope="scope"><el-tag v-for="(role,index) in scope.row.roleList" :key="index" closable>{{role.roleName}}</el-tag></template></el-table-column><el-table-columnlabel="操作" fixed="right"><template slot-scope="scope"><el-button size="mini">编辑</el-button><el-button size="mini" type="danger">删除</el-button></template></el-table-column></el-table><!-- 列表end --></div>
</template>
​
<script>
export default {data() {return {userList: []}},methods: {async findAllUser() {// ajaxlet { data: baseResult } = await this.$axios.get('/user-service/user')// 处理if(baseResult.code == 20000) {this.userList = baseResult.data} else {this.$message.error(baseResult.message)}},},mounted() {// 查询所有的用户this.findAllUser()},
}
</script>
​
<style>
​
</style>

6.2.2 核心1:给用户授予角色

1)分析

  • 前置功能:查询所有的角色

    • 后端:查询所有

    • 前端:下拉列表展示

  • 核心:给用户授予角色

    • 完成修改的部分功能,将用户选择的角色更新到数据库(先删除、后添加)

    • 后端:用户角色直接操作,给一个用户,添加一组角色

    • 前端:弹出框,直接使用table中的数据填充前端额下拉列表

2)前置功能:查询所有的角色-后端

package com.czxy.classes.controller;
​
import com.czxy.classes.service.SysRoleService;
import com.czxy.sys.SysRole;
import com.czxy.vo.BaseResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
​
import javax.annotation.Resource;
import java.util.List;
​
/*** @author 桐叔* @email liangtong@itcast.cn* @description*/
@RestController
@RequestMapping("/role")
public class SysRoleController {@Resourceprivate SysRoleService sysRoleService;
​@GetMappingpublic BaseResult findAll() {List<SysRole> list = sysRoleService.list();return BaseResult.ok("查询成功", list);}
​
​
}
​

3)核心:给用户授予角色-后端

  • 用户角色直接操作,给一个用户,添加一组角色

  • 编写mapper:通过uid删除关联信息

  • 编写service:先删除后,后添加

  • 编写controller

  • 编写mapper:通过uid删除关联信息

    package com.czxy.classes.mapper;
    ​
    import com.baomidou.mybatisplus.core.mapper.BaseMapper;
    import com.czxy.sys.SysRole;
    import com.czxy.sys.SysUserRole;
    import org.apache.ibatis.annotations.Delete;
    import org.apache.ibatis.annotations.Mapper;
    import org.apache.ibatis.annotations.Param;
    import org.apache.ibatis.annotations.Select;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    @Mapper
    public interface SysUserRoleMapper extends BaseMapper<SysUserRole> {@Delete("DELETE FROM sys_user_role WHERE user_id = #{uid}")int deleteByUid(@Param("uid") String uid);
    }
    ​

  • 编写service:先删除后,后添加

    package com.czxy.classes.service;
    ​
    import com.baomidou.mybatisplus.extension.service.IService;
    import com.czxy.domain.TbUser;
    import com.czxy.sys.SysUserRole;
    import org.springframework.stereotype.Service;
    import org.springframework.transaction.annotation.Transactional;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    @Service
    @Transactional
    public interface SysUserRoleService extends IService<SysUserRole> {/*** 给指定用户收取角色* @author 桐叔* @email liangtong@itcast.cn* @return*/void addRoleWithUser(TbUser tbUser);
    }
    ​
    package com.czxy.classes.service.impl;
    ​
    import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
    import com.czxy.classes.mapper.SysUserRoleMapper;
    import com.czxy.classes.service.SysUserRoleService;
    import com.czxy.domain.TbUser;
    import com.czxy.sys.SysUserRole;
    import org.springframework.stereotype.Service;
    import org.springframework.transaction.annotation.Transactional;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    @Service
    @Transactional
    public class SysUserRoleServiceImpl extends ServiceImpl<SysUserRoleMapper, SysUserRole> implements SysUserRoleService {
    ​@Overridepublic void addRoleWithUser(TbUser tbUser) {
    ​//1 删除baseMapper.deleteByUid(tbUser.getUid());
    ​//2 添加for (Integer roleId : tbUser.getRoleIds()) {SysUserRole sysUserRole = new SysUserRole(tbUser.getUid(), roleId);baseMapper.insert(sysUserRole);}}
    }
    ​

  • 编写controller

    package com.czxy.classes.controller;
    ​
    import com.czxy.classes.service.SysUserRoleService;
    import com.czxy.domain.TbUser;
    import com.czxy.vo.BaseResult;
    import org.springframework.web.bind.annotation.PostMapping;
    import org.springframework.web.bind.annotation.RequestBody;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    ​
    import javax.annotation.Resource;
    ​
    /*** @author 桐叔* @email liangtong@itcast.cn* @description*/
    @RestController
    @RequestMapping("/userRole")
    public class SysUserRoleController {@Resourceprivate SysUserRoleService sysUserRoleService;
    ​@PostMapping("/addRoleWithUser")public BaseResult addRoleWithUser(@RequestBody TbUser tbUser) {// 给用户添加角色sysUserRoleService.addRoleWithUser(tbUser);return BaseResult.ok("授权成功");}
    ​
    ​
    }
    ​

4)前置功能:查询所有的角色-后端

5)核心:给用户授予角色-前端

<template><div><!-- 列表start --><el-table:data="userList"stripestyle="width: 100%"><el-table-columntype="selection"width="55"></el-table-column><el-table-columnprop="uid"label="用户ID"fixedwidth="80"></el-table-column><el-table-columnprop="userName"label="姓名"fixedwidth="100"></el-table-column><el-table-columnprop="gender"label="性别"width="80"><template slot-scope="scope">{{scope.row.gender == 1 ? '男': '女'}}</template></el-table-column><el-table-columnprop="image"label="头像"width="80"><template slot-scope="scope"><el-avatar :size="20" :src="scope.row.image"></el-avatar></template></el-table-column><el-table-columnlabel="角色"width="300"><template slot-scope="scope"><el-tag v-for="(role,index) in scope.row.roleList" :key="index" closable>{{role.roleName}}</el-tag></template></el-table-column><el-table-columnlabel="操作" fixed="right"><template slot-scope="scope"><el-button size="mini" @click="openRoleDialog(scope.row)">授权</el-button><el-button size="mini">编辑</el-button><el-button size="mini" type="danger">删除</el-button></template></el-table-column></el-table><!-- 列表end -->
​<!-- 弹出框 start --><el-dialog title="授权" :visible.sync="dialogRoleVisible"><el-form :model="user" label-width="80px"><el-form-item label="角色列表"><el-select v-model="user.roleIds" multiple placeholder="请选择角色"><el-option v-for="(role,index) in roleList" :key="index" :label="role.roleName" :value="role.id"></el-option></el-select></el-form-item></el-form>{{user}}<div slot="footer" class="dialog-footer"><el-button @click="dialogRoleVisible = false">取 消</el-button><el-button type="primary" @click="addRoleWithUser">确 定</el-button></div></el-dialog><!-- 弹出框 end --></div>
</template>
​
<script>
export default {data() {return {userList: [],dialogRoleVisible: false,user: {},roleList: []}},methods: {async findAllUser() {// ajaxlet { data: baseResult } = await this.$axios.get('/user-service/user')// 处理if(baseResult.code == 20000) {this.userList = baseResult.data} else {this.$message.error(baseResult.message)}},async findAllRole() {// ajaxlet { data: baseResult } = await this.$axios.get('/user-service/role')// 处理if(baseResult.code == 20000) {this.roleList = baseResult.data} else {this.$message.error(baseResult.message)}},openRoleDialog(user) {// 查询所有角色this.findAllRole()// 填充表单this.user.uid = user.uid// 处理数据:从role对象过滤出role.id// this.user.roleIds = user.roleList.map(role => role.id)   //只能回显,不能操作this.$set(this.user, 'roleIds', user.roleList.map(role => role.id))// 打开弹出框this.dialogRoleVisible = true},async addRoleWithUser() {// ajaxlet { data: baseResult } = await this.$axios.post('/user-service/userRole/addRoleWithUser', this.user)// 处理if(baseResult.code == 20000) {// 成功this.$message.success(baseResult.message)// 刷新页面this.findAllUser()// 关闭弹出框this.dialogRoleVisible = false} else {this.$message.error(baseResult.message)}}},mounted() {// 查询所有的用户this.findAllUser()},
}
</script>
​
<style>
​
</style>

http://www.ppmy.cn/server/154429.html

相关文章

DinD docker 嵌套部署踩坑

最近要把一个 web 服务容器化部署。开发的时候没写 dockerfile&#xff0c;部署的时候可头疼死我了。 把相关的依赖在 dockerfile 里装好&#xff0c;写好环境变量用了 6h。然后更重量级的来了&#xff0c;DinD 的路径需要填 host 的路径&#xff0c;container 里调用 docker…

STM32-笔记12-实现SysTick模拟多线程流水灯

1、前言 正常STM32实现多线程&#xff0c;需要移植一个操作系统FreeRTOS。但是在这里不移植FreeRTOS怎么实现多线程呢&#xff1f;使用SysTick&#xff0c;那么怎么使用SysTick来模拟多线程呢&#xff1f;前面我们知道SysTick就是一个定时器&#xff0c;它不是在主函数的while循…

路由器RIP动态路由配置

路由器RIP动态路由配置 目录 实验目的 实验背景 技术原理 配置RIP动态路由的一般步骤 学习任务 实验设备 实验拓扑 实验步骤 实验目的 掌握RIP协议的配置方法&#xff1a;掌握查看通过动态路由协议RIP学习产生的路由&#xff1b;熟悉广域网线缆的链接方式&#xff1b;…

FFmpeg 的常用API

FFmpeg 的常用API 附录&#xff1a;FFmpeg库介绍 库介绍libavcodec音视频编解码核心库编码 (avcodec_send_frame, avcodec_receive_packet)。解码 (avcodec_send_packet, avcodec_receive_frame)。libavformat提供了音视频流的解析和封装功能&#xff0c;多种多媒体封装格式&…

Flink的Watermark水位线详解

一、Flink的时间语义 Flink有如下三种时间语义&#xff1a; Flink的三种时间语义-CSDN博客 在实际应用中&#xff0c;一般会采用事件时间语义。而正如前面所说的&#xff0c;事件时间语义需要等窗口的数据全部到齐了&#xff0c;才能进行窗口计算。那么&#xff0c;什么时候数…

go语言的成神之路-筑基篇-gin常用功能

第一节-gin参数绑定 目录 第一节-?gin参数绑定 ShouldBind简要概述 功能&#xff1a; 使用场景&#xff1a; 可能的错误&#xff1a; 实例代码 效果展示 第二节-gin文件上传 选择要上传的文件 选择要上传的文件。 效果展示? 代码部分 第三节-gin请求重定向 第…

天天 AI-241226:今日热点-OpenAI正研发实体机器人,终结者时代还是来了

2AGI.NET | 探索 AI 无限潜力&#xff0c;2AGI 为您带来最前沿资讯。 2AGI.NET&#xff1a;天天AI-20241225 AI技术正在多个领域实现突破&#xff0c;从实体机器人的研发到企业级生成式AI的应用趋势&#xff0c;再到AI安全平台的融资消息&#xff0c;每一项技术的发展都在推动着…

windows C#-委托

委托是一种引用类型&#xff0c;表示对具有特定参数列表和返回类型的方法的引用。 在实例化委托时&#xff0c;你可以将其实例与任何具有兼容签名和返回类型的方法相关联。 你可以通过委托实例调用方法。 委托用于将方法作为参数传递给其他方法。 事件处理程序就是通过委托调用…