• 需求征集系统第九天


    今天完成了角色权限的管理部分



    <%--
      Created by IntelliJ IDEA.
      User: 张志伟
      Date: 2020/10/26
      Time: 10:38
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>权限管理</title>
        <link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap/css/bootstrap.min.css">
        <script src="${pageContext.request.contextPath }/bootstrap/js/jquery-3.5.1.min.js"></script>
        <script src="${pageContext.request.contextPath }/bootstrap/js/bootstrap.min.js"></script>
        <script>
            $(function () {
    
    
    
                $("#addRoleBtn").click(function(){
                    $("#addRoleModal").modal({
                        show:true
                    });
                })
    
            });
    
    
    
        </script>
    </head>
    <body>
    
    
    <!--导航栏-->
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">重大需求征集系统 <small>V1.0</small></a>
            </div>
    
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"> <span class="text-danger">${sessionScope.user.username}</span> 您好</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">个人中心 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">我的信息</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">修改密码</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="${pageContext.request.contextPath}/exitServlet">退出登录</a></li>
                        <li role="separator" class="divider"></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!--导航栏-->
    
    <!--页面中心内容-->
    <div class="container-fluid">
    
        <div class="row">
            <!--左半区-->
            <div class="col-sm-2">
    
                <!--菜单组件-->
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    用户管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <a class="list-group-item" href="${pageContext.request.contextPath}/usermangeServlet">用户管理</a>
                                    <a class="list-group-item active"href="${pageContext.request.contextPath}/rolemangeServlet">权限管理</a>
                                </ul>
                            </div>
                        </div>
                    </div>
    
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
                                    需求管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingTwo">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <a class="list-group-item" href="">需求征集</a>
                                    <a class="list-group-item" href="">需求管理</a>
                                </ul>
                            </div>
                        </div>
                    </div>
    
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
                                    审核
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingThree">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <a class="list-group-item" href="">形式审核</a>
                                    <a class="list-group-item" href="">部门审核</a>
                                </ul>
                            </div>
                        </div>
                    </div>
    
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFour">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseOne">
                                    统计查询
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingFour">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <a class="list-group-item" href="">分类检索</a>
                                    <a class="list-group-item" href="">综合检索</a>
                                    <a class="list-group-item" href="">统计图表</a>
                                </ul>
                            </div>
                        </div>
                    </div>
    
                </div>
    
            </div>
            <!--左半区-->
    
            <!--中间部分-->
            <div id="content">
                <!--页面中心内容-->
                <div class="col-sm-10">
    
                    <!--中心内容-->
                    <!--标签页-->
                    <div>
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#home" aria-controls="home" role="tab"
                                   data-toggle="tab">角色列表</a>
                            </li>
                            <li role="presentation" class="dropdown">
                                <a href="#" id="myTabDrop1" class="dropdown-toggle"
                                   data-toggle="dropdown">角色权限
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
                                    <c:forEach items="${requestScope.roles}" var="role" varStatus="s">
                                        <li><a href="#role${s.count}" aria-controls="role${s.count}" role="tab" tabindex="-1" data-toggle="tab">${role.rolename}</a></li>
                                    </c:forEach>
                                </ul>
                            </li>
    
    
                            <li role="presentation">
                                <a  id="addRoleBtn">添加角色</a>
                            </li>
                        </ul>
    
                        <!-- Tab panes -->
                        <div class="tab-content">
    
                            <div role="tabpanel" class="tab-pane active" id="home">
                                <!--用户表格-->
                                <table class="table table-bordered table-hover table-striped">
                                    <tr>
                                        <th class="text-center">角色编号</th>
                                        <th class="text-center">角色名称</th>
                                        <th class="text-center">操作</th>
                                    </tr>
                                    <c:forEach items="${requestScope.roles}" var="role" varStatus="s">
                                        <tr class="text-center">
                                            <td>${s.count}</td>
                                            <td>${role.rolename}</td>
                                            <td>
                                                <a  onclick="updateRole('${role.roleid}');"  data-toggle="modal" data-target="#updateRoleModal" class="btn btn-info btn-sm"  >修改角色名称</a>
                                                <script>
                                                    function updateRole(id){
                                                        $("#eid").val(id)
                                                    }
                                                </script>
                                                <a onclick="deleteRole('${role.roleid}');"  data-toggle="modal" data-target="#deleteRoleModal" class="btn btn-danger btn-sm"   >删除角色</a>
                                                <script>
                                                    function deleteRole(id){
                                                        $("#deleteid").val(id)
                                                    }
                                                </script>
                                            </td>
                                        </tr>
                                    </c:forEach>
    
    
    
                                </table>
    
                            </div>
    
                            <c:forEach items="${requestScope.roles}" var="role" varStatus="s">
                                <div role="tabpanel" class="tab-pane " id="role${s.count}">
                                    <form method="post" action="${pageContext.request.contextPath }/updateRoleServlet">
                                        <span>当前角色为<strong class="text-danger">${role.rolename}</strong></span>
                                        <input type="hidden" name="roleid" value="${role.roleid}">
    
                                        <!--权限表格-->
                                        <table class="table table-bordered table-hover table-striped">
                                            <tr>
                                                <th class="text-center">权限名称</th>
                                                <th class="text-center">权限说明</th>
                                                <th class="text-center">是否赋予</th>
                                            </tr>
                                            <tr class="text-center">
                                                <td>个人信息</td>
                                                <td>可以查看并修改个人信息</td>
                                                <td>
    
                                                    <input type="radio" name="selfmsg"
                                                           <c:if test="${role.selfmsg==1}">checked</c:if> value="1" >是
                                                    <input type="radio" name="selfmsg"
                                                           <c:if test="${role.selfmsg==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
                                            <tr class="text-center">
                                                <td>修改密码</td>
                                                <td>可以修改密码</td>
                                                <td>
                                                    <input type="radio" name="updatepwd"
                                                           <c:if test="${role.updatepwd==1}">checked</c:if> value="1">是
                                                    <input type="radio" name="updatepwd"
                                                           <c:if test="${role.updatepwd==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
                                            <tr class="text-center">
                                                <td>需求征集</td>
                                                <td>可以填写需求报表</td>
                                                <td>
                                                    <input type="radio" name="addDemand"
                                                           <c:if test="${role.addDemand==1}">checked</c:if> value="1">是
                                                    <input type="radio" name="addDemand"
                                                           <c:if test="${role.addDemand==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
                                            <tr class="text-center">
                                                <td>需求管理</td>
                                                <td>可以查看自己填报的需求</td>
                                                <td>
                                                    <input type="radio" name="demandMange"
                                                           <c:if test="${role.demandMange==1}">checked</c:if> value="1">是
                                                    <input type="radio" name="demandMange"
                                                           <c:if test="${role.demandMange==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
                                            <tr class="text-center">
                                                <td>形式审核</td>
                                                <td>可以对需求进行形式审核</td>
                                                <td>
                                                    <input type="radio" name="xssh"
                                                           <c:if test="${role.xssh==1}">checked</c:if> value="1">是
                                                    <input type="radio" name="xssh"
                                                           <c:if test="${role.xssh==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
                                            <tr class="text-center">
                                                <td>部门审核</td>
                                                <td>可以对需求进行部门审核</td>
                                                <td>
                                                    <input type="radio" name="bmsh"
                                                           <c:if test="${role.bmsh==1}">checked</c:if> value="1">是
                                                    <input type="radio" name="bmsh"
                                                           <c:if test="${role.bmsh==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
                                            <tr class="text-center">
                                                <td>报表查询</td>
                                                <td>可以对需求进行统计查询</td>
                                                <td>
                                                    <input type="radio" name="report"
                                                           <c:if test="${role.report==1}">checked</c:if> value="1">是
                                                    <input type="radio" name="report"
                                                           <c:if test="${role.report==0}">checked</c:if> value="0">否
                                                </td>
                                            </tr>
    
                                        </table>
                                        <button class="btn btn-primary " type="submit">保存修改</button>
                                    </form>
    
                                </div>
                            </c:forEach>
    
    
    
                        </div>
                    </div>
                    <!--中间部分-->
                </div>
            </div>
        </div>
    </div>
    <!--页面中心内容-->
    
    <!--页面底部-->
    <footer class="footer navbar-fixed-bottom ">
        <div class="container">
            <!--分页工具栏-->
            <div class=" text-center" >
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li class="disabled">
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li class="active"><a href="#">1</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    
    </footer>
    <!--页面底部-->
    <!--添加角色的对话框-->
    <div class="modal fade" id="addRoleModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">添加角色信息</h4>
                </div>
                <form action="${pageContext.request.contextPath}/addRoleServlet" method="post">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="rolename">角色名</label>
                            <input type="text" name="rolename" class="form-control" id="rolename" placeholder="角色名">
                        </div>
    
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">确认添加</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消添加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <!--修改角色的对话框-->
    <div class="modal fade" id="updateRoleModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">编辑角色信息</h4>
                </div>
                <form action="${pageContext.request.contextPath}/updateRolenameServlet" method="post">
                    <div class="modal-body">
                            <input type="hidden" id="eid" name="eid">
                        <div class="form-group">
                            <label for="erolename">角色名</label>
                            <input type="text" name="erolename" class="form-control" id="erolename" placeholder="角色名">
                        </div>
    
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">确认修改</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消修改</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <!--删除角色的对话框-->
    <div class="modal fade" id="deleteRoleModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">删除</h4>
                </div>
                <form method="post" action="${pageContext.request.contextPath}/deleteRoleServlet">
                <div class="modal-body">
                <input type="hidden" id="deleteid" name="deleteid">
                    您即将删除角色
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">确认删除</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消删除</button>
                </div>
                </form>
            </div>
        </div>
    </div>
    
    
    
    </body>
    </html>
    
    
  • 相关阅读:
    CentOS linux系统搭建LAMP环境
    网站跳出率高的优化方案
    IT痴汉的工作现状24-Just for fun
    windows下远程连接ubantu
    Hibernate基础映射
    我院同学在2013年第四届“蓝桥杯”全国软件专业人才设计与创业大赛全国总决赛中获得佳绩
    Linux下打开串口设置
    zoj 3261 Connections in Galaxy War
    Android之startActivityForResult的使用
    当心Azure跨区域数据传输产生额外费用
  • 原文地址:https://www.cnblogs.com/yeyueweiliang/p/13894489.html
Copyright © 2020-2023  润新知