角色权限管理-优快云博客

本文链接：https://blog.youkuaiyun.com/helloworld_1996/article/details/81159454

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'updPower.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  <link rel="stylesheet" href="<%=basePath%>/css/index_work.css" type="text/css"></link>
  <script type="text/javascript" src="<%=basePath%>/js/jquery-1.8.2.js"></script>
  <script type="text/javascript">
  //用ajax回显角色下拉框与有权限复选框
    $.ajaxSettings.async = false;
        var roleList;
         $(function (){
            $.post(
                "<%=basePath%>/getRoleAndPower.do",
                {},
                function (data){
                    roleList = data.roleList;
                    for ( var i in roleList) {
                        $("select").append("<option value="+roleList[i].rid+">"+roleList[i].rname+"</option>");
                    }
                    var powerList = data.powerList;
                    for ( var i in powerList) {
                        $("span").append("<input type='checkbox' value="+powerList[i].pid+" name='pid'>"+powerList[i].pname);
                    }
                    change();
                },"json"
            );
         });

         function change(){
            $("[name='pid']").attr("checked",false);
            for ( var i in roleList) {
                var rid = roleList[i].rid;
                if(rid==$("select").val()){
                    var p = roleList[i].p;
                    for(var i in p){
                        $("[name='pid'][value="+p[i].pid+"]").attr("checked",true);
                    }
                }
            }
         }
        function sub(){
            $.post(
                "updatePower.do",
                $("form").serialize(),
                function (data){
                    if(data>=0){
                        alert("修改成功");
                        location="<%=basePath%>/list.do";
                    }
                },"json"
            );
        }

  </script>

  </head>

  <body>
  <center>
    <h1>角色分配权限</h1>
    <form>
    角色下拉框:<select name="rid" onchange="change()">

    </select><br>
    权限多选框:<span>

    </span><br>
    </form>
    <input type="button" value="提交" onclick="sub()">
  </center>
  </body>
</html>