一、角色列表 模块

1、创建 角色列表 视图模板

2、编辑 角色列表 视图模板


resources/views/admins/groups/index.blade.php

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>角色列表</title>
  5.     <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css">
  6.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  7. </head>
  8. <body style="padding: 10px;">
  9. <div style="text-align: right;">
  10.     <button class="layui-btn layui-btn-sm" onclick="add()"><i class="layui-icon layui-icon-addition"></i>添加</button>
  11. </div>
  12. <table class="layui-table">
  13.     <thead>
  14.     <tr>
  15.         <th>ID</th>
  16.         <th>角色名称</th>
  17.         <th>操作</th>
  18.     </tr>
  19.     </thead>
  20.     <tbody>
  21.     @foreach($list as $item)
  22.         <tr>
  23.             <td>{{$item['gid']}}</td>
  24.             <td>{{$item['title']}}</td>
  25.             <td>
  26.                 <button class="layui-btn layui-btn-xs" onclick="edit({{$item['gid']}})">修改</button>
  27.             </td>
  28.         </tr>
  29.     @endforeach
  30.     </tbody>
  31. </table>
  32. </body>
  33. </html>
  34. <script type="text/javascript">
  35.     layui.use(['layer'],function(){
  36.         $ = layui.jquery;
  37.         layer = layui.layer;
  38.     });
  40.     // 添加管理员
  41.     function add(){
  42.         layer.open({
  43.             type: 2,
  44.             title: '添加角色',
  45.             shade: 0.3,
  46.             area: ['650px', '90%'],
  47.             content: '/admins/groups/add'
  48.         });
  49.     }
  51.     // 修改菜单
  52.     function edit(gid){
  53.         layer.open({
  54.             type: 2,
  55.             title: '修改角色',
  56.             shade: 0.3,
  57.             area: ['650px', '90%'],
  58.             content: '/admins/groups/edit?gid='+gid
  59.         });
  60.     }
  61. </script>

3、创建 角色管理 控制器


app/Http/Controllers/admins/Groups.php

  1. <?php
  4. namespace App\Http\Controllers\admins;
  6. use App\Http\Controllers\Controller;
  8. /**
  9.  * 角色管理
  10.  * @package App\Http\Controllers\admins
  11.  */
  12. class Groups extends Controller{
  14. }

4、角色列表 控制器处理

app/Http/Controllers/admins/Groups.php

  1. use Illuminate\Support\Facades\DB;
  3. // 角色列表
  4. public function index() {
  5.   $data['list'] = DB::table('admin_group')->lists();
  6.   return view('admins/groups/index', $data);
  7. }

5、角色列表 注册路由

routes/web.php

  1. use App\Http\Controllers\admins\Groups;
  3. //显示角色管理列表
  4. Route::get('/admins/Groups/index', [Groups::class, 'index']);

6、查看效果

二、添加与保存角色 模块

1、创建 添加与保存角色 视图模板

2、编辑 添加与保存角色 视图模板


resources/views/admins/groups/add.blade.php

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>添加角色</title>
  5.     <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css">
  6.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  7. </head>
  8. <body style="padding: 10px;">
  9. <form class="layui-form">
  10.     @csrf
  11.     <div class="layui-form-item">
  12.         <label class="layui-form-label">角色名称</label>
  13.         <div class="layui-input-block">
  14.             <input type="text" name="title" class="layui-input">
  15.         </div>
  16.     </div>
  17.     <div class="layui-form-item">
  18.         <label class="layui-form-label">菜单</label>
  19.         <div class="layui-input-block">
  20.             @foreach($menus_list as $menu)
  21.                 <div>
  22.                     <input type="checkbox" lay-skin="primary" name="menus[{{$menu['mid']}}]"
  23.                            title="<span style='font-weight:bold'>{{$menu['title']}}</span>">
  24.                 </div>
  25.                 @foreach($menu['children'] as $chd)
  26.                     <input type="checkbox" lay-skin="primary" name="menus[{{$chd['mid']}}]" title="{{$chd['title']}}">
  27.                 @endforeach
  28.                 <hr>
  29.             @endforeach
  30.         </div>
  31.     </div>
  32. </form>
  33. <div class="layui-input-block">
  34.     <button class="layui-btn" onclick="save()">保存</button>
  35. </div>
  36. </body>
  37. </html>
  38. <script type="text/javascript">
  39.     layui.use(['form', 'layer'], function () {
  40.         $ = layui.jquery;
  41.         form = layui.form;
  42.         layer = layui.layer;
  43.     });
  45.     // 保存
  46.     function save() {
  47.         var title = $('input[name="title"]').val();
  48.         if (title == '') {
  49.             return layer.alert('请填写角色名称', {icon: 2});
  50.         }
  51.         $.post('/admins/groups/save', $('form').serialize(), function (res) {
  52.             if (res.code > 0) {
  53.                 return layer.alert(res.msg, {icon: 2});
  54.             }
  55.             layer.msg(res.msg);
  56.             setTimeout(function () {
  57.                 parent.window.location.reload();
  58.             }, 1000);
  59.         }, 'json');
  60.     }
  61. </script>

3、添加与保存角色 控制器处理

app/Http/Controllers/admins/Groups.php

  1.  // 添加角色
  2.     public function add() {
  3.         // 查询数据库可用的菜单
  4.         $data['menus_list'] = DB::table('admin_menu')->where('pid', 0)->where('isdel', 0)->where('status', 0)->lists();
  6.         // 所有菜单
  7.         $all_menus = DB::table('admin_menu')->where('isdel', 0)->where('status', 0)->lists();
  8.         foreach ($data['menus_list'] as $key => $val) {
  9.             $data['menus_list'][$key]['children'] = [];
  10.             foreach ($all_menus as $k => $item) {
  11.                 if ($val['mid'] == $item['pid']) {
  12.                     $data['menus_list'][$key]['children'][] = $item;
  13.                 }
  14.             }
  15.         }
  16.         return view('admins/groups/add', $data);
  17.     }
  19.     // 保存角色
  20.     public function save(Request $req) {
  21.         $data['title'] = trim($req->title);
  22.         $menus = $req->menus;
  23.         $menu_ids = array_keys($menus);
  25.         if ($data['title'] == '') {
  26.             return json_encode(array('code' => 1, 'msg' => '角色名称不能为空'));
  27.         }
  28.         $data['rights'] = json_encode($menu_ids);
  29.         DB::table('admin_group')->insert($data);
  30.         return json_encode(array('code' => 0, 'msg' => '保存成功'));
  31.     }

4、添加与保存角色 注册路由

routes/web.php

  1. //添加角色 处理
  2. Route::get('/admins/groups/add', [Groups::class, 'add']);
  3. //保存角色 处理
  4. Route::post('/admins/groups/save', [Groups::class, 'save']);

5、查看效果

三、编辑与保存编辑角色 模块

1、创建 编辑与保存编辑角色 视图模板

2、编辑 编辑与保存编辑角色 视图模板


resources/views/admins/groups/edit.blade.php

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>修改角色</title>
  5.     <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css">
  6.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  7. </head>
  8. <body style="padding: 10px;">
  9. <form class="layui-form">
  10.     @csrf
  11.     <input type="hidden" name="gid" value="{{$group['gid']}}">
  12.     <div class="layui-form-item">
  13.         <label class="layui-form-label">角色名称</label>
  14.         <div class="layui-input-block">
  15.             <input type="text" name="title" class="layui-input" value="{{$group['title']}}">
  16.         </div>
  17.     </div>
  18.     <div class="layui-form-item">
  19.         <label class="layui-form-label">菜单</label>
  20.         <div class="layui-input-block">
  21.             @foreach($menus_list as $menu)
  22.                 <div>
  23.                     <input type="checkbox" lay-skin="primary" name="menus[{{$menu['mid']}}]"
  24.                            {{in_array($menu['mid'],$group['rights'])?'checked':''}}
  25.                            title="<span style='font-weight:bold'>{{$menu['title']}}</span>">
  26.                 </div>
  27.                 @foreach($menu['children'] as $chd)
  28.                     <input type="checkbox" lay-skin="primary" name="menus[{{$chd['mid']}}]"
  29.                           {{in_array($chd['mid'],$group['rights'])?'checked':''}} title="{{$chd['title']}}">
  30.                 @endforeach
  31.                 <hr>
  32.             @endforeach
  33.         </div>
  34.     </div>
  35. </form>
  36. <div class="layui-input-block">
  37.     <button class="layui-btn" onclick="save()">保存</button>
  38. </div>
  39. </body>
  40. </html>
  41. <script type="text/javascript">
  42.     layui.use(['form', 'layer'], function () {
  43.         $ = layui.jquery;
  44.         form = layui.form;
  45.         layer = layui.layer;
  46.     });
  48.     // 保存
  49.     function save() {
  50.         var title = $('input[name="title"]').val();
  51.         if (title == '') {
  52.             return layer.alert('请填写角色名称', {icon: 2});
  53.         }
  54.         $.post('/admins/groups/save_edit', $('form').serialize(), function (res) {
  55.             if (res.code > 0) {
  56.                 return layer.alert(res.msg, {icon: 2});
  57.             }
  58.             layer.msg(res.msg);
  59.             setTimeout(function () {
  60.                 parent.window.location.reload();
  61.             }, 1000);
  62.         }, 'json');
  63.     }
  64. </script>

3、编辑与编辑保存角色 控制器处理

app/Http/Controllers/admins/Groups.php

  1. // 修改
  2.     public function edit(Request $req) {
  3.         // 当前角色
  4.         $gid = (int)$req->gid;
  5.         $data['group'] = DB::table('admin_group')->where('gid', $gid)->item();
  7.         if ($data['group']['rights']) {
  8.             $data['group']['rights'] = json_decode($data['group']['rights'], true);
  9.         }
  10.         // 查询数据库可用的菜单
  11.         $data['menus_list'] = DB::table('admin_menu')->where('pid', 0)->where('isdel', 0)->where('status', 0)->lists();
  13.         // 所有菜单
  14.         $all_menus = DB::table('admin_menu')->where('isdel', 0)->where('status', 0)->lists();
  15.         foreach ($data['menus_list'] as $key => $val) {
  16.             $data['menus_list'][$key]['children'] = [];
  17.             foreach ($all_menus as $k => $item) {
  18.                 if ($val['mid'] == $item['pid']) {
  19.                     $data['menus_list'][$key]['children'][] = $item;
  20.                 }
  21.             }
  22.         }
  23.         return view('admins/groups/edit', $data);
  24.     }
  26.     // 保存修改
  27.     public function save_edit(Request $req) {
  28.         $gid = (int)$req->gid;
  29.         $data['title'] = trim($req->title);
  30.         $menus = $req->menus;
  31.         $menu_ids = array_keys($menus);
  33.         if ($data['title'] == '') {
  34.             return json_encode(array('code' => 1, 'msg' => '角色名称不能为空'));
  35.         }
  36.         $data['rights'] = json_encode($menu_ids);
  37.         DB::table('admin_group')->where('gid', $gid)->update($data);
  38.         return json_encode(array('code' => 0, 'msg' => '保存成功'));
  39.     }

4、编辑与编辑保存角色 注册路由

  1. //编辑角色 弹窗
  2. Route::get('/admins/groups/edit', [Groups::class, 'edit']);
  3. //保存编辑角色 处理
  4. Route::post('/admins/groups/save_edit', [Groups::class, 'save_edit']);

5、查看效果

更多相关文章

  1. 后台四 菜单列表
  2. 后台三 账号列表
  3. 后台一 搭建项目
  4. 使用RBAC在Kubernetes中配置权限
  5. 细粒度授权在安全领域的重要性
  6. 2.32 Windows Server 2012 R2 iSCSI 角色安装
  7. （EXIT）Copy PR header text to PO header when ME21N
  8. 谷歌浏览器无法保存密码
  9. Android(安卓)使用RxJava保存图片到本地、并刷新本地图库

随机推荐

  1. 学习SQL：MySQL必知必会
  2. 醒醒！Python已经支持中文变量名啦！
  3. Python 幕后解释器：一系列的学习资源
  4. SQL每日一题
  5. 再说相关性分析
  6. SQL今日一题（7）：去重
  7. 为什么继承 Python 内置类型会出问题？！
  8. SQL今日一题（2）
  9. SQL今日一题（8）
  10. 脑洞：如何用一个整数来表示一个列表？