微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > 博客列表 > PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加功能
博主信息
博文 70
粉丝 4
评论 5
访问量 123902
专题推荐
更多>
相关推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
PHP:【商城后台管理系统】部署管理员一级菜单和二级菜单列表添加功能
JiaJieChen
原创
2118人浏览过

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条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

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