Community Learn Tools Library Leisure
search
English
Home > List of blog posts > PHP:【商城后台管理系统】部署角色管理，角色添加，菜单权限，删除角色功能
Blogger Information
Blog 70
fans 4
comment 5
visits 104889
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP:【商城后台管理系统】部署角色管理，角色添加，菜单权限，删除角色功能
JiaJieChen
Original
1653 people have browsed it

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. }
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post