后台用户管理_查询用户角色_前端页面-【官方】百战程序员_IT在线教育培训机构


xxxxxxxxxx
// 带有状态的角色，状态表示用户是否拥有该角色
@Data
public class RoleWithStatus {
    private Integer rid;
    private String roleName; // 角色名
    private String roleDesc; // 角色介绍
    private Boolean adminHas; // 用户是否拥有该角色
}

编写RoleMapper


xxxxxxxxxx
public interface RoleMapper extends BaseMapper<Role> {
    // 查询用户拥有的所有角色的id
    List<Integer> findRoleIdByAdmin(Integer aid);
}

编写RoleMapper.xml


xxxxxxxxxx
<mapper namespace="com.itbaizhan.travel.mapper.RoleMapper">
    <select id="findRoleIdByAdmin" parameterType="int" resultType="int">
        SELECT rid FROM admin_role WHERE aid = #{aid}
    </select>
</mapper>

编写AdminService


xxxxxxxxxx
// 查询用户的角色情况
public List<RoleWithStatus> findRole(Integer aid){
    // 查询所有角色
    List<Role> roles = roleMapper.selectList(null);
    // 查询用户拥有的所有角色id
    List<Integer> rids = roleMapper.findRoleIdByAdmin(aid);

    // 带有状态的角色集合
    List<RoleWithStatus> roleList = new ArrayList();
    // 遍历所有角色
    for (Role role:roles){
        // 创建带有状态的角色
        RoleWithStatus roleWithStatus = new RoleWithStatus();
        // 将角色属性复制给带有状态的角色
        BeanUtils.copyProperties(role,roleWithStatus);
        if(rids.contains(role.getRid())){ //用户拥有该角色，角色状态设置为true
            roleWithStatus.setAdminHas(true);
        }else { //用户不拥有该角色，角色状态设置为false
            roleWithStatus.setAdminHas(false);
        }
        roleList.add(roleWithStatus);
    }
    return roleList;
}

编写AdminController


xxxxxxxxxx
@RequestMapping("/findRole")
public ModelAndView findRole(Integer aid) {
    List<RoleWithStatus> roles = adminService.findRole(aid);
    ModelAndView modelAndView = new ModelAndView();
    modelAndView.addObject("roles", roles);
    modelAndView.addObject("aid", aid);
    modelAndView.setViewName("/backstage/admin_role");
    return modelAndView;
}

编写页面admin_role.html


xxxxxxxxxx
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>分配角色</title>
    <th:block th:replace="/backstage/common_resources::common_css"></th:block>
    <th:block th:replace="/backstage/common_resources::common_js"></th:block>
</head>
<body class="hold-transition skin-purple sidebar-mini">
<header th:replace="~{/backstage/common_header::header}"></header>
<aside th:replace="~{/backstage/common_aside::aside}"></aside>
<div class="wrapper">
    <div class="content-wrapper">
        <!-- 内容头部 -->
        <section class="content-header">
            <h1>
                用户管理
                <small>分配角色</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="@{/backstage/index}"><i class="fa fa-dashboard"></i> 首页</a></li>
                <li><a href="@{/backstage/admin/all}"> 用户管理</a></li>
                <li class="active">分配角色</li>
            </ol>
        </section>
        <!-- 内容头部 /-->

        <!-- 正文区域 -->
        <section class="content">
            <!-- .box-body -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">列表</h3>
                </div>
                <div class="box-body">
                    <!-- 数据表格 -->
                    <div class="table-box">
                        <form th:action="@{/backstage/admin/updateRole}">
                            <input type="hidden" name="aid" th:value="${aid}">
                            <!--数据列表-->
                            <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                                <thead>
                                <tr>
                                    <th class="" style="padding-right:0px;">
                                        <input id="selall" type="checkbox" class="icheckbox_square-blue">
                                    </th>
                                    <th>角色名</th>
                                    <th>角色描述</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="role:${roles}">
                                    <td th:if="${role.adminHas}">
                                        <input name="ids" type="checkbox" th:value="${role.rid}"
                                               class="icheckbox_square-blue" checked>
                                    </td>
                                    <td th:if="${!role.adminHas}">
                                        <input name="ids" type="checkbox" th:value="${role.rid}"
                                               class="icheckbox_square-blue">
                                    </td>
                                    <td th:text="${role.roleName}"></td>
                                    <td th:text="${role.roleDesc}"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="box-title text-center">
                                <button type="submit" class="btn bg-maroon">保存</button>
                                <button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
                            </div>
                        </form>
                        <!--数据列表/-->
                    </div>
                    <!-- 数据表格 /-->
                </div>
                <!-- /.box-body -->

            </div>

        </section>
        <!-- 正文区域 /-->

    </div>
</div>
<footer th:replace="~{/backstage/common_footer::footer}"></footer>
</body>
</html>

启动项目，测试功能

后台用户管理_查询用户角色_后端代码后台用户管理_修改用户角色_后端代码

北京市昌平区回龙观镇南店村综合商业楼2楼226室