Community Learn Tools Library Leisure
search
English
Home > List of blog posts > PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加功能
Blogger Information
Blog 70
fans 4
comment 5
visits 104851
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
1786 people have browsed it

PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加功能

一.1级菜单和2级菜单列表添加页面

  • 一级菜单

  • 二级菜单

二.部署流程

  1. 数据库后台菜单列表，字段设置，pid 是 菜单列表级别，0代表1级菜单，>0的是二级菜单，并且二级菜单pid字段值需要对应mid字段值，这样才可以相互绑定。每个菜单对应的还有Controller控制器，action方法，都要一一记录，这样才能映射到thinkphp控制器层还有视图层，用来区分每一级菜单的前端视图
  2. 框架采用ThinkPHP6.0

HTML 1级菜单 代码块

  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>controller</th>
  24.                 <th>action</th>
  25.                 <th>是否隐藏</th>
  26.                 <th>状态</th>
  27.                 <th>编辑</th>
  28.             </tr>
  29.         </thead>
  30.         <tbody>
  31.         {foreach $data as $menu}
  32.         <tr>
  33.             <td>{$menu['mid']}</td>
  34.             <td>{$menu['title']}</td>
  35.             <td>{$menu['controller']}</td>
  36.             <td>{$menu['action']}</td>
  37.             <td style="color:{$menu['ishidden']==0 ? 'green' : 'red'};">
  38.                 {$menu['ishidden']==0 ? '不隐藏' : '隐藏'}
  39.             </td>
  40.             <td style="color:{$menu['status']==0 ? 'green' : 'red'};">
  41.                 {$menu['status']==0 ? '开启' : '关闭'}
  42.             </td>
  43.             <td>
  44.             <button class="layui-btn layui-btn-primary layui-btn-xs" onclick="lower({$menu['mid']})">下级菜单</button>
  45.             <button class="layui-btn layui-btn-xs" onclick="edit({$menu['mid']})">编辑</button>
  46.             <button class="layui-btn layui-btn-danger layui-btn-xs"onclick="dle({$menu['mid']})">删除</button>
  47.             </td>
  48.         </tr>
  49.         {/foreach}
  50.         </tbody>
  51.     </table>
  52. </body>
  53. <script>
  54.           let  $ = layui.jquery;
  56.           //编辑菜单
  57.           function edit(mid)
  58.           {
  59.             layer.open({
  60.                 type:2,
  61.                 title: '编辑菜单',
  62.                 shadeClose: true,
  63.                 shade: 0.8,
  64.                 area: ['450px', '450px'],
  65.                 content: '/admin/Menus/edit?mid='+mid
  66.                 }); 
  67.           }
  69.           //删除菜单
  70.           function dle(mid)
  71.           {
  72.             layer.confirm('确定删除吗？', {
  73.                 btn: ['确定','取消'],
  74.                 },
  75.                 function(){
  76.                   let date = {};
  77.                   $.post('/admin/Menus/dle?mid='+mid,date,function(res){
  78.                     if (res.id == 1) {
  79.                         layer.alert(res.msg,{icon:1});
  80.                         setTimeout(() => {
  81.                             window.location.reload();
  82.                         }, 1000);
  83.                     }else{
  84.                         layer.alert(res.msg,{icon:2});
  85.                     }
  86.                   },'json')
  87.                 });
  88.           }
  90.            //添加菜单
  91.            function add()
  92.             {
  94.                  layer.open({
  95.                 type:2,
  96.                 title: '添加菜单',
  97.                 shadeClose: true,
  98.                 shade: 0.8,
  99.                 area: ['450px', '450px'],
  100.                 content: '/admin/Menus/add'
  101.                 }); 
  102.             }
  104.             //下级菜单
  105.             function lower(mid)
  106.             {
  108.                  layer.open({
  109.                 type:2,
  110.                 title: '下级菜单',
  111.                 shadeClose: true,
  112.                 shade: 0.8,
  113.                 area: ['800px', '600px'],
  114.                 content: '/admin/Menus/lower?mid='+mid
  115.                 }); 
  116.             }
  117. </script>
  118. </html>

HTML 2级菜单 代码块

  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;">
  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>
  17.         <button class="layui-btn layui-btn-sm" style="float:right;margin:5px" onclick="add({$data[0]['pid']})">添加</button>
  19.     </div>
  20.     <table class="layui-table" >
  21.         <thead>
  22.             <tr>
  23.                 <th>ID</th>
  24.                 <th>菜单名称</th>
  25.                 <th>controller</th>
  26.                 <th>action</th>
  27.                 <th>是否隐藏</th>
  28.                 <th>状态</th>
  29.                 <th>编辑</th>
  30.             </tr>
  31.         </thead>
  32.         <tbody>
  33.         {foreach $data as $menu}
  34.         <tr>
  35.             <td>{$menu['mid']}</td>
  36.             <td>{$menu['title']}</td>
  37.             <td>{$menu['controller']}</td>
  38.             <td>{$menu['action']}</td>
  39.             <td style="color:{$menu['ishidden']==0 ? 'green' : 'red'};">
  40.                 {$menu['ishidden']==0 ? '不隐藏' : '隐藏'}
  41.             </td>
  42.             <td style="color:{$menu['status']==0 ? 'green' : 'red'};">
  43.                 {$menu['status']==0 ? '开启' : '关闭'}
  44.             </td>
  45.             <td>
  47.             <button class="layui-btn layui-btn-xs" onclick="edit({$menu['mid']})">编辑</button>
  48.             <button class="layui-btn layui-btn-danger layui-btn-xs"onclick="dle({$menu['mid']})">删除</button>
  49.             </td>
  50.         </tr>
  51.         {/foreach}
  52.         </tbody>
  53.     </table>
  54. </body>
  55. <script>
  56.           let  $ = layui.jquery;
  58.           //编辑菜单
  59.           function edit(mid)
  60.           {
  61.             layer.open({
  62.                 type:2,
  63.                 title: '编辑菜单',
  64.                 shadeClose: true,
  65.                 shade: 0.8,
  66.                 area: ['450px', '450px'],
  67.                 content: '/admin/Menus/edit?mid='+mid
  68.                 }); 
  69.           }
  71.           //删除菜单
  72.           function dle(mid)
  73.           {
  74.             layer.confirm('确定删除吗？', {
  75.                 btn: ['确定','取消'],
  76.                 },
  77.                 function(){
  78.                   let date = {};
  79.                   $.post('/admin/Menus/dle?mid='+mid,date,function(res){
  80.                     if (res.id == 1) {
  81.                         layer.alert(res.msg,{icon:1});
  82.                         setTimeout(() => {
  83.                             window.location.reload();
  84.                         }, 1000);
  85.                     }else{
  86.                         layer.alert(res.msg,{icon:2});
  87.                     }
  88.                   },'json')
  89.                 });
  90.           }
  92.            //添加菜单
  93.            function add(pid)
  94.             {
  96.                  layer.open({
  97.                 type:2,
  98.                 title: '添加菜单',
  99.                 shadeClose: true,
  100.                 shade: 0.8,
  101.                 area: ['450px', '450px'],
  102.                 content: '/admin/Menus/add?pid='+pid
  103.                 }); 
  104.             }
  106. </script>
  107. </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 Menus extends Base
  12. {
  13.     //菜单列表
  14.     public function index()
  15.     {   
  16.         //一级菜单
  17.         $data['menuList'] = Db::table('admin_menu')->where('pid',0)->select()->toArray();
  18.         // print_r($data);
  19.         // die;
  20.         View::assign([
  21.             'data' => $data['menuList']
  22.         ]);
  23.         return View('/menus/index');
  24.     }
  25.     //菜单添加
  26.     public function add()
  27.     {   
  28.             //如果pid 为空 则是一级菜单，如果不为空则是二级菜单
  29.             $pid = Request::param('pid');
  31.             if (Request::isPost()) {
  33.                 //菜单信息
  34.                 $data['pid'] = Request::post('pid');
  35.                 $data['title'] = Request::post('title');
  36.                 $data['controller'] = Request::post('controller');
  37.                 $data['action'] = Request::post('action');
  38.                 $data['ishidden'] = Request::post('ishidden');
  39.                 $data['status'] = Request::post('status');
  41.                 //当前角色信息
  42.                 $admin = $this->admin;
  43.                 $MyGroup = $this->MyGroup;
  46.                 if (!empty($data)) {
  47.                     $insert = Db::table('admin_menu')->insert($data);
  48.                     //插入的最大值行数
  49.                     $count = (int)Db::table('admin_menu')->max('mid');
  50.                     //再次插入到角色权限中
  51.                     array_push($MyGroup['rights'],$count);
  53.                     $MyGroup['rights'] = json_encode($MyGroup['rights']);
  55.                     //更新角色权限
  56.                     $mygroup = Db::table('admin_group')->where('gid',$MyGroup['gid'])->update([
  57.                         'rights' => $MyGroup['rights']
  58.                     ]);
  61.                 }else {
  62.                     exit(json_encode(['id' => 0 ,'msg' => '输入的信息错误']));
  63.                 }
  67.                 if (!empty($insert)) {
  68.                     echo json_encode(['id' => 1 ,'msg' => '添加成功']);
  69.                 }else {
  70.                     echo json_encode(['id' => 0 ,'msg' => '添加失败']);
  71.                 }
  73.             }else {
  74.                 //菜单信息
  75.                 $data['menu'] = Db::table('admin_menu')->where('pid',$pid)->find();
  76.                 View::assign([
  77.                     'pid' => $pid,
  78.                     'data' => $data['menu']
  79.                 ]);
  80.                 return View('/menus/add');
  81.             }
  83.         }
  87.     //下级菜单
  88.     public function lower()
  89.     {   
  90.         //下级菜单查询
  91.         $mid = Request::param('mid');
  92.         $data['MenuList'] = Db::table('admin_menu')->where('pid',$mid)->select()->toArray();
  94.         View::assign([
  95.             'data' => $data['MenuList']
  96.         ]);
  97.         return View('/menus/lower');
  98.     }
  99.     //菜单修改
  100.     public function edit()
  101.     {   
  102.         //菜单信息
  103.         if (Request::isPost()) {
  104.             $data['mid'] = Request::post('mid');
  105.             $data['title'] = Request::post('title');
  106.             $data['controller'] = Request::post('controller');
  107.             $data['action'] = Request::post('action');
  108.             $data['ishidden'] = Request::post('ishidden');
  109.             $data['status'] = Request::post('status');
  111.             if (!empty($data)) {
  112.                $update = Db::table('admin_menu')->where('mid',$data['mid'])->update($data);
  113.             }else {
  114.                 exit(json_encode(['id' => 0 ,'msg' => '输入的信息错误']));
  115.             }
  117.             if (!empty($update)) {
  118.                 echo json_encode(['id' => 1 ,'msg' => '修改成功']);
  119.             }else {
  120.                 echo json_encode(['id' => 0 ,'msg' => '修改失败']);
  121.             }
  123.         }else {
  124.             //菜单id
  125.             $mid = Request::get('mid');
  126.             //菜单信息
  127.             $data['menu'] = Db::table('admin_menu')->where('mid',$mid)->find();
  129.             View::assign([
  130.                 'data' => $data['menu']
  131.             ]);
  132.             return View('/menus/edit');
  133.         }
  136.     }
  138.     //菜单删除
  139.     public function dle ()
  140.     {
  141.         $mid = (int)Request::param('mid');
  143.         //当前角色信息
  144.         $admin = $this->admin;
  145.         $MyGroup = $this->MyGroup;
  147.         //删除角色对应的菜单权限
  148.         $GroupKey = (int)array_search($mid,$MyGroup['rights'],true);
  149.         array_splice($MyGroup['rights'],$GroupKey,1);
  150.         $MyGroup['rights'] = json_encode($MyGroup['rights']);
  153.         if (!empty($mid)) {
  154.            $delete = Db::table('admin_menu')->where('mid',$mid)->delete();
  155.             //更新角色权限
  156.             $mygroup = Db::table('admin_group')->where('gid',$MyGroup['gid'])->update([
  157.                 'rights' => $MyGroup['rights']
  158.             ]);
  159.         }
  161.         if (!empty($delete)) {
  162.             echo json_encode(['id' => 1 ,'msg' => '删除成功']);
  163.         }else {
  164.             echo json_encode(['id' => 0 ,'msg' => '删除失败']);
  165.         }
  166.     }
  167. }
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