登录  /  注册
首页 > 博客列表 > PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加功能
博主信息
博文 70
粉丝 4
评论 5
访问量 102024
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加功能
JiaJieChen
原创
1747人浏览过

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. }
本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！
全部评论 文明上网理性发言，请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部
    • 登录PHP中文网，和优秀的人一起学习！
    全站2000+教程免费学
    微信扫码登录