search

博客列表 >laravel实战-通用后台管理系统-菜单管理和角色管理

laravel实战-通用后台管理系统-菜单管理和角色管理

岂几岂几
岂几岂几原创
2020年06月26日 12:53:451457浏览

laravel实战-通用后台管理系统-菜单管理和角色管理

学习心得

  • 控制器部分的编码跟管理员管理很像, 有点机械的写完了.

  • 西门老师说很难理解的递归实现, 自己感觉理解得还行, 就是很难用文字描述出来. 简单粗暴的解释, 就是方法自己调用自己, 但是方法处理的参数变了.

  • 在全选/全消, 本级全选/全消的实现倒花了些时间. jQuery和js方面还得加强学习. 另外, 不需要钻牛角尖, 明明使用自定义属性pid就能轻松实现的功能, 偏偏要用上下级/兄弟选择器/过滤器来实现, 把自己绕晕了.

  • 在参数验证方面, 有些许疑惑. 比如, 想验证管理员账号, 只能是以字母开头, 后续只能接字母, 数字和下划线, 似乎没有现成的方法可以使用, 变量过滤器好像也无法实现. 自己实现, 正则又不会, 且不同的验证, 要写很多验证规则, 也很繁琐. 请教老师, 有没有什么composer插件能简化参数验证的代码编写?

1. 菜单管理

  • 菜单管理基本可以参照管理员管理的编码思路来编码.

  • 根据菜单上下级关系, 设置不同缩进量的伪树形下拉菜单项列表实现

    • 方法实现, 根据传入的父id(从父id=0开始)查找其子菜单项, 对其子菜单项, 再递归调用当前方法, 传入的父id变成子菜单项的id, 一直递归到查找不到子菜单(末级菜单)为止.
  1. /**
  3. * 根据菜单层级关系设置缩进量的伪树形结构下拉菜单项
  5. */
  6. protected function getMenuTree($menus, $pid = 0, &$menuTree = [], $prefix = '      |-- ')
  7. {
  8.     // 遍历所有菜单项
  9.     foreach ($menus as $menu) {
  10.         // 获取当前父id下的所有子选项
  11.         if ($menu['pid'] == $pid) {
  12.             // 带有缩进量的菜单名
  13.             $menu['show_title'] = $prefix . $menu['title'];
  14.             // 加入到下拉菜单项数组
  15.             $menuTree[] = $menu;
  16.             // 下一级子选项, 增加6个空格缩进量
  17.             $nextPrefix = str_repeat(' ', 6) . $prefix;
  19.             // 递归获取当前菜单项的子菜单
  20.             $this->getMenuTree($menus, $menu['mid'], $menuTree, $nextPrefix);
  21.         }
  22.     }
  23.     return $menuTree;
  24. }

2. 角色管理

  • layui监听某个复选框选择事件的方法:

    • 需监听的复选框添加 lay-filter="filter_tag" 属性, 给它添加一个区别于其他复选框的标签.

    • 使用layui的form组件的on方法, 绑定具有标签名为 filter_tag 的复选框的选择事件及其处理脚本方法.

  1.     <!-- 其他布局元素... -->
  2.     <div class="layui-form-item">
  3.         <label for="all_rights" class="layui-form-label">
  4.             <input type="checkbox" name="all" id="all" class="layui-input" title="菜单全选" lay-filter="all" lay-skin="primary">
  5.         </label>
  6.     </div>
  7.     <!-- 其他布局元素... -->
  9.     <!-- 绑定事件处理方法 -->
  10.     <script>
  11.     layui.use(['layer', 'form'], function() {
  12.         var layer = layui.layer;
  13.         var form = layui.form;
  14.         $ = layui.jquery;
  16.         form.on('checkbox(sel_all)', function(data) {
  17.             var val = data.elem.checked;
  18.             // 一定要用prop， 用attr会有bug（jquery的bug）
  19.             $(data.elem).parent().parent().find('input[name="rights[]"]').prop('checked', val);
  20.             form.render('checkbox');
  21.         })
  23.         // 其他处理逻辑...
  24.     }
  25.     </script>

  • 全选/全消当前菜单的所有子菜单

    • 把当前菜单项的选择情况, 赋值给其子菜单项即可.

    • 获取当前父菜单的所有子菜单的方法

      • 方法1: 子菜单增加一个自定义属性 pid 值为父id, 使用 $('input[type="checkbox"][pid="父id"]') 获取.
      • 方法2: 根据当前父菜单和子菜单的层级关系, 使用上下文选择器/过滤器获取.
      • 很明显, 方法1更简单优雅. 注意: 赋值语句一定要用 prop('checked', true/false) 方法, 使用 attr('checked', true/false) 会出现只有前两次点击生效, 第三次点击开始无效的bug.
    • 选中/取消选中子菜单时, 判断兄弟菜单项是否全都已选中, 若是, 则把父菜单的选中情况设置为选中; 否则设为取消选中.
      • 思路: 获取所有选中的兄弟复选框, 获取所有兄弟复选框. 如果两者的数量相等, 代表所有兄弟复选框全都已选中, 把父菜单的复选框选中. 否则,把父菜单的复选框取消选中.

3. 代码清单

3.1 菜单管理

  • 视图文件代码

    • 1-菜单列表
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>菜单列表</title>
  8.     <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
  9.     <script src="/static/plugin/layui/layui.js"></script>
  10. </head>
  12. <body>
  13.     <div style="text-align: center; color: #666;">
  14.         <h2>菜单列表</h2>
  15.     </div>
  16.     @if(!empty($pid))
  17.     <div style="float: left; height: 50px; line-height: 50px; padding: 0 10px;">
  18.         <button class="layui-btn layui-btn-primary layui-btn-sm" onclick="returnBack({{$dad_menu['pid']}})">返回上一级</button>
  19.     </div>
  20.     @endif
  21.     <div style="float: right; height: 50px; line-height: 50px; padding: 0 10px;">
  22.         <button class="layui-btn layui-btn-success layui-btn-sm" onclick="add()">新增</button>
  23.     </div>
  24.     <table class="layui-table">
  25.         <thead>
  26.             <tr style="text-align: center">
  27.                 <th>排序</th>
  28.                 <th>ID</th>
  29.                 <th>图标</th>
  30.                 <th>菜单名称</th>
  31.                 <th>控制器</th>
  32.                 <th>方法</th>
  33.                 <th>是否隐藏</th>
  34.                 <th>菜单状态</th>
  35.                 <th>操作</th>
  36.             </tr>
  37.         </thead>
  38.         <tbody>
  39.             @csrf
  40.             @foreach($menus as $menu)
  41.             <tr>
  42.                 <td>{{$menu['ord']}}</td>
  43.                 <td>{{$menu['mid']}}</td>
  44.                 <td>{{$menu['icon']}}</td>
  45.                 <td>{{$menu['title']}}</td>
  46.                 <td>{{$menu['controller']}}</td>
  47.                 <td>{{$menu['action']}}</td>
  48.                 <td>{{$menu['ishidden'] ? '隐藏' : '显示'}}</td>
  49.                 <td>{{$menu['status'] == 0 ? '正常' : '禁用'}}</td>
  50.                 <td>
  51.                     <button class="layui-btn layui-btn-primary layui-btn-xs" onclick="getSonMenu({{$menu['mid']}})">子菜单</button>
  52.                     <button class="layui-btn layui-btn-xs" onclick="edit({{$menu['mid']}})">修&nbsp;&nbsp;&nbsp;改</button>
  53.                     @if($menu['status'] == 0)
  54.                     <button class="layui-btn layui-btn-danger layui-btn-xs" onclick="delOrResume(1, {{$menu['mid']}}, '{{$menu['title']}}')">禁&nbsp;&nbsp;&nbsp;用</button>
  55.                     @else
  56.                     <button class="layui-btn layui-btn-normal layui-btn-xs" onclick="delOrResume(0, {{$menu['mid']}}, '{{$menu['title']}}')">恢&nbsp;&nbsp;&nbsp;复</button>
  57.                     @endif
  58.                 </td>
  59.             </tr>
  60.             @endforeach
  61.         </tbody>
  62.     </table>
  63. </body>
  64. <script>
  65.     layui.use(['layer'], function() {
  66.         layer = layui.layer;
  67.         $ = layui.jquery;
  68.     });
  70.     function edit(id) {
  71.         layer.open({
  72.             type: 2,
  73.             title: '修改管理员信息',
  74.             shadeClose: false,
  75.             // 应该是阴影区域的透明度
  76.             shade: 0.8,
  77.             // 分别是宽，高
  78.             area: ['400px', '560px'],
  79.             content: '/admin/menu/edit?mid=' + id,
  80.             btn: ["提交"],
  81.             yes: function(index, layero) {
  82.                 var body = layer.getChildFrame('body', index);
  83.                 // 得到iframe页的窗口对象
  84.                 var iframeWin = window[layero.find('iframe')[0]['name']];
  85.                 // 执行iframe页的方法: iframeWin.要调用的方法名();
  86.                 iframeWin.save();
  87.             }
  88.         });
  89.     } 
  91.     function getSonMenu(pid) {
  92.         window.location.href = "?pid=" + pid;
  93.     }
  95.     // 返回上一级: 参数是父菜单的父id
  96.     function returnBack(ppid) {
  97.         window.location.href="?pid=" + ppid;
  98.     }
  100.     function add() {
  101.         layer.open({
  102.             type: 2,
  103.             title: '添加新菜单',
  104.             // 点击弹出窗口外的阴影区域是否关闭弹出窗口
  105.             shadeClose: false,
  106.             shade: 0.8,
  107.             area: ['400px', '560px'],
  108.             content: '/admin/menu/add?pid={{empty($pid) ? 0 : $pid}}' //iframe的url
  109.             , btn: ['保存']
  110.             // 对应按钮区第一个按钮的执行脚本.
  111.             , yes: function(index, layero) {
  112.                 var body = layer.getChildFrame('body', index);
  113.                 // 得到iframe页的窗口对象
  114.                 var iframeWin = window[layero.find('iframe')[0]['name']];
  115.                 // 执行iframe页的方法: iframeWin.要调用的方法名();
  116.                 iframeWin.save();
  117.             }
  118.             });
  119.     }
  121.     function delOrResume(status, id, title) {
  122.         var msg = status == 1 ? '禁用' : '恢复';
  123.         //询问框
  124.         layer.confirm('确定要' + msg + title + '吗?', {
  125.         btn: ['确定','取消'] //按钮
  126.         }, function(){
  127.             var _token = $('input[name="_token"]').val();
  128.             $.post('/admin/menu/del_resume', {id: id, resume: status, _token: _token}, function(res) {
  129.                 if(res.status != undefined && res.status == "0") {
  130.                     layer.msg(res.message, {icon: 1});
  131.                     setTimeout(() => {
  132.                         window.location.reload();
  133.                     }, 1000); 
  134.                 } else if(res.status != undefined) {
  135.                     layer.alert(res.message, {icon: 2});
  136.                 } else {
  137.                     layer.alert('操作失败', {icon: 2});
  138.                 }
  139.                 // layer.alert(res);
  140.             }, 'json');
  141.         }, function() {
  143.         });
  144.     }
  145. </script>
  147. </html>
  • 2-增加菜单
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>添加菜单</title>
  8.     <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
  9.     <script src="/static/plugin/layui/layui.js"></script>
  10.     <style>
  11.         body {
  12.             padding: 10px;
  13.         }
  15.         .cms-label {
  16.             text-align-last: justify;
  17.         }
  18.     </style>
  19. </head>
  21. <body>
  22.     <div class="layui-form">
  23.         @csrf
  24.         <div class="layui-form-item">
  25.             <label for="pid" class="layui-form-label cms-label">上级菜单</label>
  26.             <div class="layui-input-inline">
  27.                 <select name="pid" id="pid" value="{{empty($pid) ? 0 : $pid}}">
  28.                     <option value="0" selected>一级菜单</option>
  29.                     @foreach($menuTree as $menu)
  30.                     <option value="{{$menu['mid']}}" {{$menu['mid'] == $pid ? 'selected' : ''}}>{!!$menu['show_title']!!}
  31.                     <option>
  32.                         @endforeach
  33.                 </select>
  34.             </div>
  35.         </div>
  36.         <div class="layui-form-item">
  37.             <label for="title" class="layui-form-label cms-label">菜单名称</label>
  38.             <div class="layui-input-inline">
  39.                 <input type="text" class="layui-input" name="title" id="title">
  40.             </div>
  41.         </div>
  42.         <div class="layui-form-item">
  43.             <label for="controller" class="layui-form-label cms-label">控制器</label>
  44.             <div class="layui-input-inline">
  45.                 <input type="text" class="layui-input" name="controller" id="controller">
  46.             </div>
  47.         </div>
  48.         <div class="layui-form-item">
  49.             <label for="action" class="layui-form-label cms-label">方法名</label>
  50.             <div class="layui-input-inline">
  51.                 <input type="text" class="layui-input" name="action" id="action">
  52.             </div>
  53.         </div>
  54.         <div class="layui-form-item">
  55.             <label for="ishidden" class="layui-form-label cms-label">是否隐藏</label>
  56.             <div class="layui-inpu-inline">
  57.                 <input type="checkbox" name="ishidden" id="ishidden" title="隐藏">
  58.             </div>
  59.         </div>
  60.         <div class="layui-form-item">
  61.             <label for="status" class="layui-form-label cms-label">状态</label>
  62.             <div class="layui-inpu-inline">
  63.                 <input type="checkbox" name="status" id="status" title="禁用">
  64.             </div>
  65.         </div>
  66.         <div class="layui-form-item">
  67.             <label for="icon" class="layui-form-label cms-label">菜单图标</label>
  68.             <div class="layui-input-inline">
  69.                 <input type="text" class="layui-input" name="icon" id="icon">
  70.             </div>
  71.         </div>
  72.         <div class="layui-form-item">
  73.             <label for="ord" class="layui-form-label cms-label">菜单排序</label>
  74.             <div class="layui-input-inline">
  75.                 <input type="number" name="ord" id="ord" class="layui-input" value="0" min="0">
  76.             </div>
  77.         </div>
  78.         <!-- <div class="layui-form-item">
  79.             <div class="layui-input-block">
  81.                 <button type="button" class="layui-btn" onclick="save()">保存</button>
  82.             </div>
  83.         </div> -->
  84.     </div>
  85. </body>
  86. <script>
  87.     layui.use(['layer', 'form'], function() {
  88.         layer = layui.layer;
  89.         form = layui.form;
  90.         $ = layui.jquery;
  91.     });
  93.     function save() {
  94.         // 数据
  95.         var data = {
  96.             _token: $('input[name="_token"]').val(),
  97.             pid: $.trim($('select[name="pid"]').val()),
  98.             title: $.trim($('input[name="title"]').val()),
  99.             controller: $.trim($('input[name="controller"]').val()),
  100.             action: $.trim($('#action').val()),
  101.             icon: $.trim($('#icon').val()),
  102.             status: $('#status').prop('checked') ? 1 : 0,
  103.             ord: $('#ord').val(),
  104.             ishidden: $('#ishidden').prop('checked') ? 1 : 0
  105.         };
  107.         // 判断数据有消息
  108.         var res = dataCheck(data);
  109.         if(res.status == 1) {
  110.             return layer.alert(res.message, {icon: 2});
  111.         }
  113.         // 保存数据
  114.         $.post('/admin/menu/save', data, function(res){
  115.             if(res.status != undefined && res.status == '0') {
  116.                 layer.msg(res.message, {icon: 1});
  117.                 setTimeout(() => {
  118.                     window.parent.location.reload();
  119.                 }, 1000);
  120.             } else if(res.status != undefined) {
  121.                 return layer.alert(res.message, {icon: 2});
  122.             } else {
  123.                 return layer.alert('提交保存失败');
  124.             }
  125.         }, 'json');
  126.     }
  128.     function dataCheck(data) {
  129.         var res = {
  130.             status: 1
  131.         };
  133.         if(data.pid == undefined || data.pid == '') {
  134.             res.message = '上级菜单id不能为空';
  135.             return res;
  136.         }
  137.         if(data.title == undefined || data.title == '') {
  138.             res.message = '菜单标题不能为空';
  139.             return res;
  140.         }
  141.         if(data.controller == undefined || data.controller == '') {
  142.             res.message = "控制器不能为空";
  143.             return res;
  144.         }
  145.         if(data.ord == undefined || data.ord == '') {
  146.             res.message = '排序不能为空';
  147.             return res;
  148.         }
  149.         if(isNaN(data.ord)) {
  150.             res.message = "排序必须为数字";
  151.             return res;
  152.         }
  154.         return {
  155.             status: 0
  156.         };
  157.     }
  158. </script>
  160. </html>
  • 3- 修改菜单
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>修改菜单</title>
  8.     <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
  9.     <script src="/static/plugin/layui/layui.js"></script>
  10.     <style>
  11.         body {
  12.             padding: 10px;
  13.         }
  15.         .cms-label {
  16.             text-align-last: justify;
  17.         }
  18.     </style>
  19. </head>
  21. <body>
  22.     <div class="layui-form">
  23.         @csrf
  24.         <input type="hidden" name="mid" id="mid" value="{{$menu['mid']}}">
  25.         <div class="layui-form-item">
  26.             <label for="pid" class="layui-form-label cms-label">上级菜单</label>
  27.             <div class="layui-input-inline">
  28.                 <select name="pid" id="pid" value="{{$menu['pid']}}">
  29.                     <option value="0" selected>一级菜单</option>
  30.                     @foreach($menuTree as $menuT)
  31.                     <option value="{{$menuT['mid']}}" {{$menu['pid'] == $menuT['mid'] ? 'selected' : ''}}>{!!$menuT['show_title']!!}
  32.                     <option>
  33.                     @endforeach
  34.                 </select>
  35.             </div>
  36.         </div>
  37.         <div class="layui-form-item">
  38.             <label for="title" class="layui-form-label cms-label">菜单名称</label>
  39.             <div class="layui-input-inline">
  40.                 <input type="text" class="layui-input" name="title" id="title" value="{{$menu['title']}}">
  41.             </div>
  42.         </div>
  43.         <div class="layui-form-item">
  44.             <label for="controller" class="layui-form-label cms-label">控制器</label>
  45.             <div class="layui-input-inline">
  46.                 <input type="text" class="layui-input" name="controller" id="controller" value="{{$menu['controller']}}">
  47.             </div>
  48.         </div>
  49.         <div class="layui-form-item">
  50.             <label for="action" class="layui-form-label cms-label">方法名</label>
  51.             <div class="layui-input-inline">
  52.                 <input type="text" class="layui-input" name="action" id="action" value="{{$menu['action']}}">
  53.             </div>
  54.         </div>
  55.         <div class="layui-form-item">
  56.             <label for="ishidden" class="layui-form-label cms-label">是否隐藏</label>
  57.             <div class="layui-inpu-inline">
  58.                 <input type="checkbox" name="ishidden" id="ishidden" title="隐藏" {{$menu['ishidden'] ? 'checked' : ''}}>
  59.             </div>
  60.         </div>
  61.         <div class="layui-form-item">
  62.             <label for="status" class="layui-form-label cms-label">是否禁用</label>
  63.             <div class="layui-inpu-inline">
  64.                 <input type="checkbox" name="status" id="status" title="禁用" {{$menu['status'] ? 'checked' : ''}}>
  65.             </div>
  66.         </div>
  67.         <div class="layui-form-item">
  68.             <label for="icon" class="layui-form-label cms-label">菜单图标</label>
  69.             <div class="layui-input-inline">
  70.                 <input type="text" class="layui-input" name="icon" id="icon" value="{{$menu['icon']}}">
  71.             </div>
  72.         </div>
  73.         <div class="layui-form-item">
  74.             <label for="ord" class="layui-form-label cms-label">菜单排序</label>
  75.             <div class="layui-input-inline">
  76.                 <input type="number" name="ord" id="ord" class="layui-input" value="{{$menu['ord']}}" min="0">
  77.             </div>
  78.         </div>
  79.     </div>
  80. </body>
  81. <script>
  82.     layui.use(['layer', 'form'], function() {
  83.         layer = layui.layer;
  84.         form = layui.form;
  85.         $ = layui.jquery;
  86.     });
  88.     function save() {
  89.         // 数据
  90.         var data = {
  91.             _token: $('input[name="_token"]').val(),
  92.             mid: $.trim($('input[name="mid"]').val()),
  93.             pid: $.trim($('select[name="pid"]').val()),
  94.             title: $.trim($('input[name="title"]').val()),
  95.             controller: $.trim($('input[name="controller"]').val()),
  96.             action: $.trim($('#action').val()),
  97.             icon: $.trim($('#icon').val()),
  98.             status: $('#status').prop('checked') ? 1 : 0,
  99.             ord: $('#ord').val(),
  100.             ishidden: $('#ishidden').prop('checked') ? 1 : 0
  101.         };
  103.         // 判断数据有消息
  104.         var res = dataCheck(data);
  105.         if(res.status == 1) {
  106.             return layer.alert(res.message, {icon: 2});
  107.         }
  109.         // 保存数据
  110.         $.post('/admin/menu/update', data, function(res){
  111.             if(res.status != undefined && res.status == '0') {
  112.                 layer.msg(res.message, {icon: 1});
  113.                 setTimeout(() => {
  114.                     window.parent.location.reload();
  115.                 }, 1000);
  116.             } else if(res.status != undefined) {
  117.                 return layer.alert(res.message, {icon: 2});
  118.             } else {
  119.                 return layer.alert('提交保存失败');
  120.             }
  121.         }, 'json');
  122.     }
  124.     // 验证数据有效性
  125.     function dataCheck(data) {
  126.         var res = {
  127.             status: 1
  128.         };
  130.         if(data.pid == undefined || data.pid == '') {
  131.             res.message = '上级菜单id不能为空';
  132.             return res;
  133.         }
  134.         if(data.title == undefined || data.title == '') {
  135.             res.message = '菜单标题不能为空';
  136.             return res;
  137.         }
  138.         if(data.controller == undefined || data.controller == '') {
  139.             res.message = "控制器不能为空";
  140.             return res;
  141.         }
  142.         if(data.ord == undefined || data.ord == '') {
  143.             res.message = '排序不能为空';
  144.             return res;
  145.         }
  146.         if(isNaN(data.ord)) {
  147.             res.message = "排序必须为数字";
  148.             return res;
  149.         }
  151.         return {
  152.             status: 0
  153.         };
  154.     }
  155. </script>
  157. </html>
  • 服务端
    • 4- 菜单中间件
  1. <?php
  3. namespace App\Http\Controllers\admins;
  5. use App\Http\Controllers\Controller;
  6. use Illuminate\Http\Request;
  7. use Illuminate\Support\Facades\DB;
  8. use Illuminate\Support\Facades\Validator;
  10. class Menu extends Controller
  11. {
  12.     /**
  13.      * 当前层级菜单列表
  14.      */
  15.     public function index(Request $req)
  16.     {
  17.         // 获取父id, 如果没有传参, 则返回null, 强转null为整型, 则转为0.
  18.         $pid = (int) $req->pid;
  19.         // 入参的父id对应的0菜单项
  20.         $data['menus'] = DB::table('admin_menu')->where('pid', $pid)->orderBy('controller')->orderBy('ord', 'desc')->lists();
  22.         // 父菜单
  23.         $data['dad_menu'] = DB::table('admin_menu')->where('mid', $pid)->getFirst();
  25.         $data['pid'] = $pid;
  27.         return view('/admins/menu/index', $data);
  28.     }
  30.     /**
  31.      * 禁用/恢复菜单项
  32.      */
  33.     public function delOrResume(Request $req)
  34.     {
  35.         $mid = $req->id;
  36.         $status = $req->resume;
  38.         // 菜单id有效性判断
  39.         if (!filter_var($mid, FILTER_VALIDATE_INT, ['option' => ['min_range' => 1]])) {
  40.             return json_decode(['status' => 1, 'message' => '无效的菜单id']);
  41.         };
  43.         // 1=禁用; 0=启用
  44.         if ($status)
  45.             $status = 1;
  46.         else
  47.             $status = 0;
  49.         $opera = $status ? '禁用' : '恢复';
  51.         // 开启QueryLog
  52.         // DB::connection()->enableQueryLog();
  53.         // 执行
  54.         $res = DB::table('admin_menu')->where('mid', $mid)->update(['status' => $status]);
  55.         // 输出sql
  56.         // dump(DB::getQueryLog());die;
  57.         if ($res) {
  58.             return json_encode(['status' => 0, 'message' => $opera . '成功!']);
  59.         } else {
  60.             return json_encode(['status' => 1, 'message' => $opera . '失败!']);
  61.         }
  62.     }
  64.     /**
  65.      * 添加菜单项页面
  66.      */
  67.     public function add(Request $req)
  68.     {
  69.         $menus = DB::table('admin_menu')->lists();
  70.         // 获取根据层级关系进行缩进的菜单列表
  71.         $data['menuTree'] = $this->getMenuTree($menus);
  72.         $data['pid'] = $req->pid;
  74.         return view('/admins/menu/add', $data);
  75.     }
  77.     /**
  78.      * 新增保存
  79.      */
  80.     public function save(Request $req)
  81.     {
  82.         // 要保存的菜单数据
  83.         $data = [
  84.             'title' => trim($req->title),
  85.             'controller' => trim($req->controller),
  86.             'action' => trim($req->action),
  87.             'icon' => trim($req->icon),
  88.             'status' => intval(boolval(trim($req->status))),
  89.             'ord' => intval(trim($req->ord)),
  90.             'pid' => intval(trim($req->pid)),
  91.             'ishidden' => intval(boolval(trim($req->ishidden))),
  92.             'status' => intval(trim($req->status))
  93.         ];
  95.         // 验证数据有效性
  96.         $checked = $this->checkInput($data);
  98.         if ($checked['status']) {
  99.             return json_encode($checked);
  100.         }
  102.         // 返回插入的记录的id
  103.         $res = DB::table('admin_menu')->insertGetId($data);
  105.         // 开发人员默认拥有所有权限, 所以把新增的权限加入到开发人员的权限字段中
  106.         $group = DB::table('admin_group')->where('gid', 1)->getFirst();
  107.         $rights = json_decode($group['rights'], true);
  108.         $rights[] = $res;
  109.         $group['rights'] = '[' . implode(',', $rights) . ']';
  110.         DB::table('admin_group')->where('gid', 1)->update($group);
  112.         if ($res) {
  113.             return json_encode(['status' => 0, 'message' => '创建成功']);
  114.         }
  116.         return json_encode(['status' => 1, 'message' => '创建失败']);
  117.     }
  119.     public function edit(Request $req)
  120.     {
  121.         $mid = $req->mid;
  122.         if (!is_numeric($mid) || $mid < 1) {
  123.             return response('无效的菜单ID: ' . $mid, 200);
  124.         }
  126.         // 查询待编辑的菜单项
  127.         $menu = DB::table('admin_menu')->where('mid', $mid)->getFirst();
  128.         if (!$menu) {
  129.             return response('菜单项不存在', 200);
  130.         }
  132.         $data['menu'] = $menu;
  134.         // 获取有缩进量的菜单下拉列表项
  135.         $menus = DB::table('admin_menu')->lists();
  136.         $data['menuTree'] = $this->getMenuTree($menus);
  138.         return view('/admins/menu/edit', $data);
  139.     }
  141.     public function update(Request $req)
  142.     {
  143.         // 要保存的菜单数据
  144.         $data = [
  145.             'mid' => trim($req->mid),
  146.             'title' => trim($req->title),
  147.             'controller' => trim($req->controller),
  148.             'action' => trim($req->action),
  149.             'icon' => trim($req->icon),
  150.             'status' => intval(boolval(trim($req->status))),
  151.             'ord' => intval(trim($req->ord)),
  152.             'pid' => intval(trim($req->pid)),
  153.             'ishidden' => intval(boolval(trim($req->ishidden)))
  154.         ];
  156.         // 验证数据有效性
  157.         $checked = $this->checkInput($data, true);
  158.         if ($checked['status']) {
  159.             return json_encode($checked);
  160.         }
  162.         $res = DB::table('admin_menu')->where('mid', $data['mid'])->update($data);
  164.         if ($res) {
  165.             return json_encode(['status' => 0, 'message' => '修改成功']);
  166.         }
  168.         return json_encode(['status' => 1, 'message' => '修改失败']);
  169.     }
  171.     /**
  172.      * 数据验证方法
  173.      */
  174.     protected function checkInput($data, $checkId = false)
  175.     {
  176.         $res = ['status' => 1];
  178.         if($checkId) {
  179.             if (empty($data['mid'])) {
  180.                 $res['message'] = '菜单主键不能为空';
  181.                 return $res;
  182.             }
  183.         }
  184.         if (empty($data['title'])) {
  185.             $res['message'] = '菜单标题不能为空';
  186.             return $res;
  187.         }
  188.         if (empty($data['controller'])) {
  189.             $res['message'] = '控制器名称不能为空';
  190.             return $res;
  191.         }
  193.         return ['status' => 0];
  194.     }
  196.     /**
  197.      * 根据菜单层级关系设置缩进量的伪树形结构下拉菜单项
  198.      */
  199.     protected function getMenuTree($menus, $pid = 0, &$menuTree = [], $prefix = '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|--&nbsp;')
  200.     {
  201.         // 遍历所有菜单项
  202.         foreach ($menus as $menu) {
  203.             // 获取当前父id下的所有子选项
  204.             if ($menu['pid'] == $pid) {
  205.                 // 带有缩进量的菜单名
  206.                 $menu['show_title'] = $prefix . $menu['title'];
  207.                 // 加入到下拉菜单项数组
  208.                 $menuTree[] = $menu;
  209.                 // 下一级子选项, 增加6个空格缩进量
  210.                 $nextPrefix = str_repeat('&nbsp;', 6) . $prefix;
  212.                 // 递归获取当前菜单项的子菜单
  213.                 $this->getMenuTree($menus, $menu['mid'], $menuTree, $nextPrefix);
  214.             }
  215.         }
  216.         return $menuTree;
  217.     }
  218. }

3.2 用户组管理

  • 视图文件代码

    • 1- 用户组列表
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>角色组列表</title>
  7.     <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
  8.     <script src="/static/plugin/layui/layui.js"></script>
  9. </head>
  10. <body>
  11.     <div style="text-align: center; color: #666;">
  12.         <h2>角色组列表</h2>
  13.     </div>
  14.     <div style="float: right; height: 50px; line-height: 50px; padding: 0 10px;">
  15.         <button class="layui-btn layui-btn-success layui-btn-sm" onclick="add()">新增</button>
  16.     </div>
  17.     <table class="layui-table">
  18.         <thead>
  19.             <tr>
  20.                 <th>ID</th>
  21.                 <th>角色组名称</th>
  22.                 <th>授权菜单</th>
  23.                 <th>操作</th>
  24.             </tr>
  25.         </thead>
  26.         <tbody>
  27.             @foreach($groups as $group)
  28.             <tr>
  29.                 <td>{{$group['gid']}}</td>
  30.                 <td style="min-width: 100px;">{{$group['title']}}</td>
  31.                 <td>{{$group['right_title']}}</td>
  32.                 <td style="min-width: 100px;">
  33.                     <span class="layui-btn layui-btn-success layui-btn-xs" onclick="setRights({{$group['gid']}})">授权</span>
  34.                     <span class="layui-btn layui-btn-warm layui-btn-xs">停用</span>
  35.                 </td>
  36.             </tr>
  37.             @endforeach
  38.         </tbody>
  39.     </table>
  40. </body>
  41. <script>
  42.     layui.use(['layer', 'form'], function() {
  43.         layer = layui.layer;
  44.         form = layui.form;
  45.         $ = layui.jquery;
  46.     });
  48.     function add() {
  49.         layer.open({
  50.             type: 2,
  51.             title: '添加角色组',
  52.             // 点击弹出窗口外的阴影区域是否关闭弹出窗口
  53.             shadeClose: false,
  54.             shade: 0.8,
  55.             area: ['400px', '85%'],
  56.             content: '/admin/groups/add' //iframe的url
  57.             , btn: ['保存']
  58.             , yes: function(index, layero) {
  59.                 var body = layer.getChildFrame('body', index);
  60.                 // 得到iframe页的窗口对象
  61.                 var iframeWin = window[layero.find('iframe')[0]['name']];
  62.                 // 执行iframe页的方法: iframeWin.要调用的方法名();
  63.                 iframeWin.save();
  64.             }
  65.         });
  66.     }
  68.     function setRights(gid) {
  69.         layer.open({
  70.             type: 2,
  71.             title: '角色组授权',
  72.             shadeClose: false,
  73.             shade: 0.8,
  74.             area: ['400px', '650px'],
  75.             content: '/admin/groups/edit?gid=' + gid,
  76.             btn: ['提交'],
  77.             yes: function(index, layero) {
  78.                 var body = layer.getChildFrame('body', index);
  79.                 var iframeWin = window[layero.find('iframe')[0]['name']];
  80.                 iframeWin.save();
  81.             }
  82.         });
  83.     }
  84. </script>
  85. </html>
  • 2- 修改用户组/用户组授权
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>角色组授权</title>
  7.     <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
  8.     <script src="/static/plugin/layui/layui.js"></script>
  9.     <style>
  10.         body {padding: 10px;}
  12.         .sel_all{
  13.             padding-top: 0px;
  14.         }
  15.     </style>
  16. </head>
  17. <body>
  18.     <div class="layui-form">
  19.         @csrf
  20.         <input type="hidden" name="gid" value="{{$group['gid']}}">
  21.         <div class="layui-form-item">
  22.             <label for="title" class="layui-form-label">角色组名</label>
  23.             <div class="layui-input-inline">
  24.                 <span class="layui-input">{{$group['title']}}</span>
  25.             </div>
  26.         </div>
  27.         <div class="layui-form-item">
  28.             <label for="all_rights" class="layui-form-label">
  29.                 <input type="checkbox" name="all" id="all" class="layui-input" title="菜单全选" lay-filter="all" lay-skin="primary">
  30.             </label>
  31.         </div>
  32.         @foreach($menus as $menu)
  33.             <div class="layui-form-item">
  35.                 <label for="" class="layui-form-label sel_all">
  36.                     <input type="checkbox" name="sel_all" class="layui-input" lay-skin="primary" title="本级全选" lay-filter="sel_all">
  37.                 </label>
  38.                 @if(!empty($menu['child_menus']))
  39.                 <div class="layui-input-inline">
  40.                     <input type="checkbox" {{in_array($menu['mid'], $group['rights']) ? 'checked' : ''}} name="rights[]" data-id="{{$menu['mid']}}" title="{{$menu['title']}}" class="layui-input" lay-skin="primary" lay-filter="sel_one">
  41.                     <br>
  42.                     @foreach($menu['child_menus'] as $cmenu)
  43.                     <input type="checkbox" {{in_array($cmenu['mid'], $group['rights']) ? 'checked' : ''}} name="rights[]" data-id="{{$cmenu['mid']}}" title="{{$cmenu['title']}}" class="layui-input" lay-skin="primary" lay-filter="sel_one">
  44.                     @endforeach
  45.                 </div>
  46.                 @endif
  47.             </div>
  48.         @endforeach
  49.     </div>
  50. </body>
  51. <script>
  52.     layui.use(['layer', 'form'], function() {
  53.         var layer = layui.layer;
  54.         var form = layui.form;
  55.         $ = layui.jquery;
  57.         form.on('checkbox(sel_all)', function(data) {
  58.             var val = data.elem.checked;
  59.             // 一定要用prop， 用attr会有bug（jquery的bug）
  60.             $(data.elem).parent().parent().find('input[name="rights[]"]').prop('checked', val);
  61.             form.render('checkbox');
  62.         })
  64.         // 子菜单项选装事件
  65.         form.on('checkbox(sel_one)', function(data) {
  66.             // 当前复选框的选中情况
  67.             var val = data.elem.checked;
  68.             // $(data.elem).attr('checked', val);
  69.             // 获取所有选中的兄弟复选框
  70.             var checked = $(data.elem).parent().find('input[type="checkbox"]:checked');
  71.             // 获取所有兄弟复选框
  72.             var allOne = $(data.elem).parent().find('input[type="checkbox"]');
  74.             if(checked.length == allOne.length) {
  75.                 $(data.elem).parent().prev().children().filter('input').prop('checked', true);
  76.             } else {
  77.                 $(data.elem).parent().prev().children().filter('input').prop('checked', false);
  79.             }
  80.             form.render('checkbox');
  81.         });
  83.         form.on('checkbox(all)', function(data) {
  84.             var val = data.elem.checked;
  85.             $('.layui-form-item:nth-child(n+2) input[type="checkbox"]').prop('checked', val);
  86.             form.render('checkbox');
  87.         });
  88.     });
  90.     function save() {
  91.         var gid = $.trim($('input[name="gid"]').val());
  92.         if(gid == "") {
  93.             return layer.alert('用户组id出错', {icon: 2});
  94.         }
  96.         // 把选中的复选框对应的菜单id放入数组中
  97.         var rights = [];
  98.         $('input[name="rights[]"]:checked').each(function(index, checkbox) {
  99.             rights.push($(checkbox).data('id'));
  100.         });
  101.         if(rights.length < 1) {
  102.             return layer.alert('请选择权限', {icon: 2});
  103.         }
  105.         var _token = $('input[name="_token"]').val();
  106.         var data = {
  107.             gid: gid,
  108.             _token: _token,
  109.             // title: title,
  110.             rights: rights
  111.         };
  113.         $.ajax({
  114.             url: '/admin/groups/update',
  115.             method: 'POST',
  116.             data: data,
  117.             dataType: 'json',
  118.             success: function(res) {
  119.                 if(res.status != undefined && res.status == 0) {
  120.                     layer.msg(res.message, {icon: 1});
  121.                     setTimeout(() => {
  122.                         window.parent.location.reload();
  123.                     }, 1000);
  124.                 } else if(res.status != undefined) {
  125.                     return layer.alert(res.message, {icon: 2});
  126.                 } else {
  127.                     return layer.alert('保存失败', {icon: 2});
  128.                 }
  129.             }
  130.         });
  131.     }
  132. </script>
  133. </html>
  • 3- 新增用户组
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>新增角色组</title>
  7.     <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
  8.     <script src="/static/plugin/layui/layui.js"></script>
  9.     <style>
  10.         body {padding: 10px;}
  12.         .sel_all{
  13.             padding-top: 0px;
  14.         }
  15.     </style>
  16. </head>
  17. <body>
  18.     <div class="layui-form">
  19.         @csrf
  20.         <div class="layui-form-item">
  21.             <label for="title" class="layui-form-label">角色组名</label>
  22.             <div class="layui-input-inline">
  23.                 <input type="text" class="layui-input" name="title" id="title">
  24.             </div>
  25.         </div>
  26.         <div class="layui-form-item">
  27.             <label for="all_rights" class="layui-form-label">
  28.                 <input type="checkbox" name="all" id="all" class="layui-input" title="菜单全选" lay-filter="all" lay-skin="primary">
  29.             </label>
  30.         </div>
  31.         @foreach($menus as $menu)
  32.             <div class="layui-form-item">
  34.                 <label for="" class="layui-form-label sel_all">
  35.                     <input type="checkbox" name="sel_all" class="layui-input" lay-skin="primary" title="本级全选" lay-filter="sel_all">
  36.                 </label>
  37.                 @if(!empty($menu['child_menus']))
  38.                 <div class="layui-input-inline">
  39.                     <input type="checkbox" name="rights[]" data-id="{{$menu['mid']}}" title="{{$menu['title']}}" class="layui-input" lay-skin="primary" lay-filter="sel_one">
  40.                     <br>
  41.                     @foreach($menu['child_menus'] as $cmenu)
  42.                     <input type="checkbox" name="rights[]" data-id="{{$cmenu['mid']}}" title="{{$cmenu['title']}}" class="layui-input" lay-skin="primary" lay-filter="sel_one">
  43.                     @endforeach
  44.                 </div>
  45.                 @endif
  46.             </div>
  47.         @endforeach
  48.     </div>
  49. </body>
  50. <script>
  51.     layui.use(['layer', 'form'], function() {
  52.         var layer = layui.layer;
  53.         var form = layui.form;
  54.         $ = layui.jquery;
  56.         // 本级所有子菜单全选/全消
  57.         form.on('checkbox(sel_all)', function(data) {
  58.             var val = data.elem.checked;
  59.             // 一定要用prop， 用attr会有bug（jquery的bug）
  60.             $(data.elem).parent().parent().find('input[name="rights[]"]').prop('checked', val);
  61.             form.render('checkbox');
  62.         })
  64.         // 子菜单选中/取消选中
  65.         form.on('checkbox(sel_one)', function(data) {
  66.             var val = data.elem.checked;
  67.             // $(data.elem).attr('checked', val);
  68.             var notChecked = $(data.elem).parent().find('input[type="checkbox"]:checked');
  69.             var allOne = $(data.elem).parent().find('input[type="checkbox"]');
  71.             if(notChecked.length == allOne.length) {
  72.                 $(data.elem).parent().prev().children().filter('input').prop('checked', true);
  73.             } else {
  74.                 $(data.elem).parent().prev().children().filter('input').prop('checked', false);
  76.             }
  77.             form.render('checkbox');
  78.         });
  80.         // 全选/全消所有菜单
  81.         form.on('checkbox(all)', function(data) {
  82.             var val = data.elem.checked;
  83.             $('.layui-form-item:nth-child(n+2) input[type="checkbox"]').prop('checked', val);
  84.             form.render('checkbox');
  85.         });
  86.     });
  88.     function save() {
  89.         // 用户组名称
  90.         var title = $.trim($('input[name="title"]').val());
  91.         if(title == undefined || title == "") {
  92.             return layer.alert('请输入用户组名称', {icon: 2});
  93.         }
  95.         // 获得授权的权限id数组
  96.         var rights = [];
  97.         $('input[name="rights[]"]:checked').each(function(index, checkbox) {
  98.             rights.push($(checkbox).data('id'));
  99.         });
  100.         if(rights.length < 1) {
  101.             return layer.alert('请选择权限', {icon: 2});
  102.         }
  104.         // token不能漏
  105.         var _token = $('input[name="_token"]').val();
  106.         var data = {
  107.             _token: _token,
  108.             title: title,
  109.             rights: rights
  110.         };
  112.         // 提交请求
  113.         $.ajax({
  114.             url: '/admin/groups/save',
  115.             method: 'POST',
  116.             data: data,
  117.             dataType: 'json',
  118.             success: function(res) {
  119.                 if(res.status != undefined && res.status == 0) {
  120.                     layer.msg(res.message, {icon: 1});
  121.                     setTimeout(() => {
  122.                         window.parent.location.reload();
  123.                     }, 1000);
  124.                 } else if(res.status != undefined) {
  125.                     return layer.alert(res.message, {icon: 2});
  126.                 } else {
  127.                     return layer.alert('保存失败', {icon: 2});
  128.                 }
  129.             }
  130.         });
  131.     }
  132. </script>
  133. </html>

服务端代码

  • 1- 用户组控制器
  1. <?php
  2. namespace App\Http\Controllers\admins;
  4. use App\Http\Controllers\Controller;
  5. use Illuminate\Support\Facades\DB;
  6. use Illuminate\Http\Request;
  8. class Groups extends Controller {
  9.     public function index() {
  10.         // 角色列表
  11.         $groups = DB::table('admin_group')->lists();
  13.         // 菜单列表
  14.         $menus = DB::table('admin_menu')->where('status', 0)->orderBy('pid')->orderBy('mid')->keyval('mid', 'title');
  16.         foreach($groups as &$group) {
  17.             // 把json格式的字符串转为菜单id数组
  18.             $rights = json_decode($group['rights'], true);
  20.             // 拼接已授权的菜单字符串
  21.             $rightTitles = '';
  22.             foreach($rights as $right) {
  23.                 // 有效的权限id才拼接
  24.                 if(key_exists($right, $menus))
  25.                     $rightTitles .= ($menus[$right] . ',');
  26.             }
  27.             $group['right_title'] = substr($rightTitles, 0, -1);
  28.         }
  30.         return view('/admins/groups/index', ['groups' => $groups]);
  31.     }
  33.     public function add() {
  34.         return view('/admins/groups/add', ['menus' => $this->getMenus()]);
  35.     }
  37.     function save(Request $req) {
  38.         $title = $req->title;
  39.         $rights = $req->rights;
  40.         if(empty($title)) {
  41.             return json_encode(['status' => 1, 'message' => '请录入用户组名称']);
  42.         }
  43.         if(!is_array($rights) || count($rights) < 1) {
  44.             return json_encode(['status' => 1, `message` => '请选择权限']);
  45.         }
  47.         $data = [
  48.             'title' => $title,
  49.             // $req传过来的参数都是字符串/字符串数组, 所以不能用json_encode()方法转换.
  50.             'rights' => '[' . implode(',', $rights) . ']'
  51.         ];
  53.         $res = DB::table('admin_group')->insert($data);
  54.         if($res) {
  55.             return json_encode(['status' => 0, 'message' => '用户组添加成功']);
  56.         } else {
  57.             return json_encode(['status' => 1, `message` => '用户组添加失败']);
  58.         }
  59.     }
  61.     function update(Request $req) {
  62.         $gid = $req->gid;
  63.         // $title = $req->title;
  64.         $rights = $req->rights;
  65.         if(empty($gid)) {
  66.             return json_encode(['status' => 1, 'message' => '请录入用户组名称']);
  67.         }
  68.         if(!is_array($rights) || count($rights) < 1) {
  69.             return json_encode(['status' => 1, `message` => '请选择权限']);
  70.         }
  72.         $data = [
  73.             // 'title' => $title,
  74.             'rights' => '[' . implode(',', $rights) . ']'
  75.         ];
  77.         $res = DB::table('admin_group')->where('gid', $gid)->update($data);
  78.         if($res) {
  79.             return json_encode(['status' => 0, 'message' => '权限分配成功']);
  80.         } else {
  81.             return json_encode(['status' => 1, `message` => '权限分配失败']);
  82.         }
  83.     }
  85.     function edit(Request $req) {
  86.         // 要编辑的用户组id
  87.         $gid = $req->gid;
  88.         if(!is_numeric($gid) || $gid < 1) {
  89.             return json_encode(['status' => 1, 'message' => '无效的用户组ID']);
  90.         }
  92.         // 查询要编辑的用户组数据
  93.         $group = DB::table('admin_group')->where('gid', $gid)->getFirst();
  94.         if(!$group) {
  95.             return json_encode(['status' => 1, 'message' => '没有该用户组']);
  96.         }
  98.         // 该用户组已被授权的菜单id, 转为数组
  99.         $group['rights'] = json_decode($group['rights'], true);
  101.         $data['group'] = $group;
  102.         // 有层级关系的菜单列表\
  103.         $data['menus'] = $this->getMenus();
  105.         return view('/admins/groups/edit', $data);
  107.     }
  109.     /**
  110.      * 获取菜单列表
  111.      */
  112.     protected function getMenus() {
  113.         // 一级菜单
  114.         $menu1sts = DB::table('admin_menu')->where('status', 0)->where('pid', 0)->keyval('mid');
  115.         // 所有菜单
  116.         $menus = DB::table('admin_menu')->where('status', 0)->keyval('mid');
  118.         // 遍历所有菜单
  119.         foreach($menus as $menu) {
  120.             $pid = $menu['pid'];
  121.             // 找到父级菜单
  122.             if(key_exists($pid, $menu1sts)) {
  123.                 // 为父级菜单添加'child_menus'元素
  124.                 if(!isset($menu1sts[$pid]['child_menus'])) $menu1sts[$pid]['child_menus'] = [];
  126.                 $menu1sts[$pid]['child_menus'][] = $menu;
  127.             }
  128.         }
  130.         return $menu1sts;
  131.     }
  132. }
上一条：ftp工具上传 ftp工具上传基础分享 ftp工具上传本地代码到服务器下一条：文字的自动分列 flex 弹性盒子的一些使用方法
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多