之前有很多标签属性没有属性值

    1. //setRole.jsp
    2. <%@ page pageEncoding="utf-8" %>
    3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    4. <!-- 设计分配角色的页面 -->
    5. <style>
    7. </style>
    8. <div class="layui-card">
    9.     <div class="layui-card-header" style="padding:10px;">
    10.         用户编号：<input class="layui-input layui-input-inline" value="${param.uid}" id="uid" name="uid" style="width:150px;" />
    11.         用户名称：<input class="layui-input layui-input-inline" value="${param.uname}" id="uname" name="uname" style="width:150px;" />
    12.     </div>
    13.     <div class="layui-card-body">
    14.         <table class="layui-table">
    15.             <thead>
    16.                 <tr>
    17.                     <th><input type="checkbox" id="allBtn" onclick="toCheckAll()"/></th>
    18.                     <th>角色编号</th>
    19.                     <th>角色名称</th>
    20.                     <th>角色描述</th>
    21.                 </tr>
    22.             </thead>
    23.             <tbody>
    24.                 <c:forEach items="${roles}" var="role">
    25.                     <tr>
    26.                         <td><input type="checkbox" name="rid" value="${role.rid}" <c:if test="${role.flag==1}">checked</c:if> /></td>
    27.                         <td>${role.rid}</td>
    28.                         <td>${role.rname}</td>
    29.                         <td>${role.rdescription}</td>
    30.                     </tr>
    31.                 </c:forEach>
    32.             </tbody>
    33.         </table>
    34.         <%--<div style="text-align: center">
    35.             <button>保存</button>
    36.         </div>--%>
    37.     </div>
    38. </div>
    39. //---------------------------------------------------------
    40. <script>
    41.     function toCheckAll(){
    42.         //将表格行中的复选框状态，与当前触发事件的这个复选框设置相同
    43.         //document.getElementById()
    44.         //根据标签name属性的名字，获得一组同名的标签，返回是一个数组
    45.         var cs = document.getElementsByName('rid') ;
    46.         for(var i=0;i<cs.length;i++){
    47.             var allBtn = document.getElementById('allBtn');
    48.             var c = cs[i] ; //checkbox->c
    49.             c.checked = allBtn.checked ; // checked=true/false
    50.         }
    51.     }
    52. </script>
    • 权限分配-用户分配角色
      1) 分配页面中，设置全选操作(js)
      2) 增加保存
      选择一： 直接在分配页增加保存按钮
      选择二： 继续设置layui的弹出层，可以在弹出层中自动增加保存按钮
      layer.open({
      type:1,
      title:’分配角色’,
      area:[‘600’,500],
      content:resultText, //需要弹出层展示的网页模板内容，请求
      btn:[‘保存’,’取消’],
      yes:function(){
      //点击保存按钮式触发的事件函数
      alert(1);
      }
      });
      3) 保存
      就是将此次选择的(一堆)角色编号和用户编号 传递给服务器，存起来
      a) 获得uid
      b) 获得所有的rid，循环判断，找出被选中的rid，将rid的值组装
      c) ajax发送请求，传递uid+rids
      d) 后台处理
       权限分配—角色分配功能
      1) 概要设计
      //角色分配功能的存储表，角色与功能的关系表
      create table t_role_fun(
      rid int ,
      fid int,
      primary key(rid , fid)
      );

      insert into t_role_fun values(1,1);
      insert into t_role_fun values(1,2);
      insert into t_role_fun values(1,3);
      insert into t_role_fun values(1,4);
      insert into t_role_fun values(1,9);
      insert into t_role_fun values(1,10);

      insert into t_role_fun values(6,5);
      insert into t_role_fun values(6,6);
      insert into t_role_fun values(6,7);
      insert into t_role_fun values(6,8);
      2) 角色列表页中增加分配功能按钮
      a) 点击分配按钮，传递rid和rname
      b) jquery-ajax请求模板页
      c) 将模板页展示layer弹出层
      d) 上部展示rid和rname
      e) 下部treetable展示功能列表信息
      * 需要默认勾选上一次分配的功能