search

博客列表 >PHP:【商城后台管理系统】部署角色管理，角色添加，菜单权限，删除角色功能

PHP:【商城后台管理系统】部署角色管理，角色添加，菜单权限，删除角色功能

JiaJieChen
JiaJieChen原创
2021年06月18日 15:01:401654浏览

PHP:【商城后台管理系统】部署角色管理，角色添加，菜单权限，删除角色功能

一.角色管理界面

①首页

②角色添加

③角色编辑

④角色删除

二.部署流程

  • 部署流程
    • 后端采用thinkphp6.0框架，角色管理看似简单，但是在菜单权限这一块是很难得，为什么难呢？因为要设计菜单无限级构造树，还要将无限极菜单构造树递归遍历成二级菜单，这样才好将菜单渲染到视图层，在代码块注释中将有这些问题的解决方案。
    • 前端采用Layui框架

HTML 代码块

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>管理员账号列表</title>
  8.     <link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css" />
  9.     <script src="/static/layui-v2.6.8/layui/layui.js"></script>
  11. </head>
  12. <body style="padding: 10px;min-width:737px">
  13.     <div class="layui-item" >
  14.         <span style="color:#777;font-size:20px;height:30px;line-height:30px">首页/</span>
  15.         <span style="color:#ccc">角色列表</span>
  16.         <button class="layui-btn layui-btn-sm" style="float:right;margin:5px" onclick="add()">添加</button>
  17.     </div>
  18.     <table class="layui-table" >
  19.         <thead>
  20.             <tr>
  21.                 <th>ID</th>
  22.                 <th>角色编号</th>
  23.                 <th>角色名称</th>
  24.                 <th>编辑</th>
  25.             </tr>
  26.         </thead>
  27.         <tbody>
  28.         {foreach $data as $v}
  29.             <tr>
  31.                 <td>{$v['id']}</td>
  32.                 <td>{$v['gid']}</td>
  33.                 <td>{$v['title']}</td>
  34.                 <td>
  35.                     <button class="layui-btn layui-btn-sm " onclick="edit({$v['id']})">编辑</button>
  36.                     <button class="layui-btn layui-btn-sm layui-btn-danger" onclick="dle({$v['id']})">删除</button>
  37.                 </td>
  39.             </tr>
  40.         {/foreach}
  41.         </tbody>
  42.     </table>
  43. </body>
  44. <script>
  45.             $ = layui.jquery;
  46.             //编辑角色
  47.             function edit(id) {
  49.                 layer.open({
  50.                 type:2,
  51.                 title: '编辑角色',
  52.                 shadeClose: true,
  53.                 shade: 0.8,
  54.                 area: ['500px', '500px'],
  55.                 content: '/admin/Group/edit?id='+id
  56.                 }); 
  57.             }
  58.             //删除
  59.             function dle(id) {
  60.                 layer.confirm('确定删除吗？', {
  61.                 btn: ['确定','取消'],
  62.                 },
  63.                 function(){
  64.                   let date = {};
  65.                   $.post('/admin/Group/dle?id='+id,date,function(res){
  66.                     if (res.id == 1) {
  67.                         layer.alert(res.msg,{icon:1});
  68.                         setTimeout(() => {
  69.                             window.location.reload();
  70.                         }, 1000);
  71.                     }else{
  72.                         layer.alert(res.msg,{icon:2});
  73.                     }
  74.                   },'json')
  75.                 });
  76.             }
  77.             //添加角色
  78.             function add()
  79.             {
  81.                  layer.open({
  82.                 type:2,
  83.                 title: '添加角色',
  84.                 shadeClose: true,
  85.                 shade: 0.8,
  86.                 area: ['500px', '500px'],
  87.                 content: '/admin/Group/add'
  88.                 }); 
  89.             }
  90. </script>
  91. </html>

PHP 代码块

  1. <?php
  2. namespace app\admin\controller;
  3. use app\admin\controller\Base;
  4. use think\facade\Request;
  5. use think\facade\Db;
  6. use think\facade\View;
  7. use think\facade\Session;
  8. /**
  9.  * 角色管理
  10.  */
  11. class Group extends Base
  12. {
  13.     //角色列表
  14.     public function index()
  15.     {   
  16.         //角色渲染
  17.         $data['group'] = Db::table('admin_group')->select()->toArray();
  19.         View::assign([
  20.             'data' => $data['group']
  21.         ]);
  22.         return View('/group/index');
  23.     }
  25.     //角色添加
  26.     public function add()
  27.     {   
  28.         if (Request::isPost()) {
  29.             $data['gid'] = Request::post('gid');
  30.             $data['title'] = Request::post('title');
  31.             $data['rights'] = array_keys(Request::post('rights'));
  32.             $data['rights'] = json_encode($data['rights']);
  34.             if (empty($data['gid'])) {
  35.                 exit(json_encode(['id' => 0 ,'msg' => '角色编号不能为空']));
  36.             }
  37.             if (empty($data['title'])) {
  38.                 exit(json_encode(['id' => 0 ,'msg' => '角色名称不能为空']));
  39.             }
  41.             $insert = Db::table('admin_group')->insert($data);
  42.             if (!empty($insert)) {
  43.                 echo json_encode(['id' => 1 ,'msg' => '角色添加成功']);
  44.             }else {
  45.                 echo json_encode(['id' => 0 ,'msg' => '角色添加失败']);
  46.             }
  47.         }else {
  48.             //角色权限菜单视图层渲染
  49.             $tmp_menu_list = Db::table('admin_menu')->where('status',0)->select()->toArray();
  51.             //将角色权限菜单数组下标换成角色的mid
  52.             $menu_list = $this->SetKey($tmp_menu_list,array());
  54.             //构造树菜单（无限级）
  55.             $menus = $this->buildMenuTree($menu_list);
  57.             //递归 构造树菜单（无限级）变成二级菜单
  58.             $result = $this->SetMenu($menus,array());
  62.             View::assign([
  63.                 'data' => $result,
  64.             ]);
  65.             return View('/group/add');
  66.         }
  68.     }
  70.     //角色编辑
  71.     public function edit()
  72.     {   
  73.         if (Request::isPost()) {
  74.             $id = Request::post('id');
  75.             $data['title'] = Request::post('title');
  76.             $data['rights'] = array_keys(Request::post('rights'));
  77.             $data['rights'] = json_encode($data['rights']);
  79.             if (empty($data['title'])) {
  80.                 exit(json_encode(['id' => 0 ,'msg' => '角色名称不能为空']));
  81.             }
  83.             $update = Db::table('admin_group')->where('id',$id)->update($data);
  84.             if (!empty($update)) {
  85.                 echo json_encode(['id' => 1,'msg' => '保存成功']);
  86.             }else {
  87.                 echo json_encode(['id' => 0,'msg' => '保存失败']);
  88.             }
  89.         }else {
  90.             $id = Request::get('id');
  92.             $data['group'] = Db::table('admin_group')->where('id',$id)->find();
  93.             $data['group']['rights'] = json_decode($data['group']['rights'],true);
  95.             //角色权限菜单视图层渲染
  96.             $tmp_menu_list = Db::table('admin_menu')->where('status',0)->select()->toArray();
  98.             //将角色权限菜单数组下标换成角色的mid
  99.             $menu_list = $this->SetKey($tmp_menu_list,array());
  101.             //构造树菜单（无限级）
  102.             $menus = $this->buildMenuTree($menu_list);
  104.             //递归 构造树菜单（无限级）变成二级菜单
  105.             $result = $this->SetMenu($menus,array());
  107.             View::assign([
  108.                 'result' => $result,
  109.                 'id' => $id,
  110.                 'group' => $data['group'],
  111.                 'rights' =>  $data['group']['rights']
  112.             ]);
  113.             return View('/group/edit');
  114.         }
  116.     }
  118.     //角色删除
  119.     public function dle()
  120.     {
  121.         $id =  Request::param("id");
  123.         if (!empty($id)) {
  124.             $delete = Db::table("admin_group")->where('id',$id)->delete();
  125.         }
  127.         if (!empty($delete)) {
  128.            echo json_encode(['id' => 1 ,'msg'=>'删除成功']);
  129.         }else {
  130.             echo json_encode(['id' => 0 ,'msg'=>'删除失败']);
  131.         }
  132.     }
  134.     //将数组下标换成角色的mid
  135.     private function SetKey($item,$array)
  136.     {
  137.         foreach ($item as $v) {
  138.             $array[$v['mid']] = $v;
  139.         }
  140.         return $array;
  141.     }
  143.     //遍历递归menu菜单
  144.     private function SetMenu($item,$array)
  145.     {
  146.         foreach ($item as $value) {
  147.             //如果构造树菜单的子菜单有children 则进行递归 如果没有则定位空数组
  148.             $value['children'] = isset($value['children']) ?$this->formatMenus($value['children']) : [];
  149.             //剩余则赋值给$result
  150.             $array[] = $value;
  151.         }
  153.         return $array;
  154.     }
  156.     //构造树菜单（无限级）
  157.     private function buildMenuTree($items)
  158.     {
  159.         $tree = [];
  161.         foreach ($items as $item) {
  162.             //如果items 的 下标 是$item pid 则 创建新的children子数组存放 $item
  163.             if (isset($items[$item['pid']])) {
  164.                 $items[$item['pid']]['children'][] = &$items[$item['mid']];
  165.             }else {
  166.                 $tree[] = &$items[$item['mid']];
  167.             }
  168.         }
  169.         return $tree;
  170.     }
  172.     //递归 构造树菜单（无限级）变成二级菜单
  173.     private function formatMenus($items,&$res=[])
  174.     {
  175.         foreach ($items as $item) {
  176.             if (!isset($item['children'])) {
  177.                //如果没有children 则存放在 $res
  178.                $res[] = $item;
  179.             }else {
  180.                 //如果有children 则进行递归处理
  181.                 $temp = $item['children'];
  182.                 //释放$item['children']
  183.                 unset($item['children']);
  184.                 $res[] = $item;
  185.                 $this->formatMenus($temp,$res);
  186.             }
  187.         }
  189.         return $res;
  190.     }
  191. }
上一条：editor.md插件部署到laravel下一条：递归---选择排序--快速排序--归并排序--）哈希表----计数排序)
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多