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

最新推荐文章于 2023-07-13 14:57:26 发布
最新推荐文章于 2023-07-13 14:57:26 发布
阅读量1.6k 收藏 24
点赞数 4
分类专栏： PHP ThinkPHP6.0 Web前端 文章标签： php jquery mvc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43356354/article/details/120823724
版权
PHP 同时被 3 个专栏收录
38 篇文章 3 订阅
订阅专栏
Web前端
35 篇文章 1 订阅
订阅专栏
ThinkPHP6.0
31 篇文章 1 订阅
订阅专栏

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

  • 一级菜单

  • 二级菜单

二.部署流程

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

  2. 框架采用ThinkPHP6.0

    HTML 1级菜单 代码块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菜单列表管理</title>
    <link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css" />
    <script src="/static/layui-v2.6.8/layui/layui.js"></script>
    
</head>
<body style="padding: 10px;min-width:737px">
    <div class="layui-item" >
        <span style="color: 777;font-size:20px;height:30px;line-height:30px">首页/</span>
        <span style="color: ccc">菜单列表</span>
        <button class="layui-btn layui-btn-sm" style="float:right;margin:5px" onclick="add()">添加</button>
    </div>
    <table class="layui-table" >
        <thead>
            <tr>
                <th>ID</th>
                <th>菜单名称</th>
                <th>controller</th>
                <th>action</th>
                <th>是否隐藏</th>
                <th>状态</th>
                <th>编辑</th>
            </tr>
        </thead>
        <tbody>
        {foreach $data as $menu}
        <tr>
            <td>{$menu['mid']}</td>
            <td>{$menu['title']}</td>
            <td>{$menu['controller']}</td>
            <td>{$menu['action']}</td>
            <td style="color:{$menu['ishidden']==0 ? 'green' : 'red'};">
                {$menu['ishidden']==0 ? '不隐藏' : '隐藏'}
            </td>
            <td style="color:{$menu['status']==0 ? 'green' : 'red'};">
                {$menu['status']==0 ? '开启' : '关闭'}
            </td>
            <td>
            <button class="layui-btn layui-btn-primary layui-btn-xs" onclick="lower({$menu['mid']})">下级菜单</button>
            <button class="layui-btn layui-btn-xs" onclick="edit({$menu['mid']})">编辑</button>
            <button class="layui-btn layui-btn-danger layui-btn-xs"onclick="dle({$menu['mid']})">删除</button>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</body>
<script>
          let  $ = layui.jquery;

          //编辑菜单
          function edit(mid)
          {
            layer.open({
                type:2,
                title: '编辑菜单',
                shadeClose: true,
                shade: 0.8,
                area: ['450px', '450px'],
                content: '/admin/Menus/edit?mid='+mid
                }); 
          }

          //删除菜单
          function dle(mid)
          {
            layer.confirm('确定删除吗？', {
                btn: ['确定','取消'],
                },
                function(){
                  let date = {};
                  $.post('/admin/Menus/dle?mid='+mid,date,function(res){
                    if (res.id == 1) {
                        layer.alert(res.msg,{icon:1});
                        setTimeout(() => {
                            window.location.reload();
                        }, 1000);
                    }else{
                        layer.alert(res.msg,{icon:2});
                    }
                  },'json')
                });
          }

           //添加菜单
           function add()
            {
                 
                 layer.open({
                type:2,
                title: '添加菜单',
                shadeClose: true,
                shade: 0.8,
                area: ['450px', '450px'],
                content: '/admin/Menus/add'
                }); 
            }

            //下级菜单
            function lower(mid)
            {
                 
                 layer.open({
                type:2,
                title: '下级菜单',
                shadeClose: true,
                shade: 0.8,
                area: ['800px', '600px'],
                content: '/admin/Menus/lower?mid='+mid
                }); 
            }
</script>
</html>

HTML 2级菜单 代码块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二级菜单</title>
    <link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css" />
    <script src="/static/layui-v2.6.8/layui/layui.js"></script>
    
</head>
<body style="padding: 10px;">
    <div class="layui-item" >
        <span style="color: 777;font-size:20px;height:30px;line-height:30px">首页/</span>
        <span style="color: ccc">二级菜单列表</span>
       
        <button class="layui-btn layui-btn-sm" style="float:right;margin:5px" onclick="add({$data[0]['pid']})">添加</button>
      
    </div>
    <table class="layui-table" >
        <thead>
            <tr>
                <th>ID</th>
                <th>菜单名称</th>
                <th>controller</th>
                <th>action</th>
                <th>是否隐藏</th>
                <th>状态</th>
                <th>编辑</th>
            </tr>
        </thead>
        <tbody>
        {foreach $data as $menu}
        <tr>
            <td>{$menu['mid']}</td>
            <td>{$menu['title']}</td>
            <td>{$menu['controller']}</td>
            <td>{$menu['action']}</td>
            <td style="color:{$menu['ishidden']==0 ? 'green' : 'red'};">
                {$menu['ishidden']==0 ? '不隐藏' : '隐藏'}
            </td>
            <td style="color:{$menu['status']==0 ? 'green' : 'red'};">
                {$menu['status']==0 ? '开启' : '关闭'}
            </td>
            <td>
            
            <button class="layui-btn layui-btn-xs" onclick="edit({$menu['mid']})">编辑</button>
            <button class="layui-btn layui-btn-danger layui-btn-xs"onclick="dle({$menu['mid']})">删除</button>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</body>
<script>
          let  $ = layui.jquery;

          //编辑菜单
          function edit(mid)
          {
            layer.open({
                type:2,
                title: '编辑菜单',
                shadeClose: true,
                shade: 0.8,
                area: ['450px', '450px'],
                content: '/admin/Menus/edit?mid='+mid
                }); 
          }

          //删除菜单
          function dle(mid)
          {
            layer.confirm('确定删除吗？', {
                btn: ['确定','取消'],
                },
                function(){
                  let date = {};
                  $.post('/admin/Menus/dle?mid='+mid,date,function(res){
                    if (res.id == 1) {
                        layer.alert(res.msg,{icon:1});
                        setTimeout(() => {
                            window.location.reload();
                        }, 1000);
                    }else{
                        layer.alert(res.msg,{icon:2});
                    }
                  },'json')
                });
          }

           //添加菜单
           function add(pid)
            {
                 
                 layer.open({
                type:2,
                title: '添加菜单',
                shadeClose: true,
                shade: 0.8,
                area: ['450px', '450px'],
                content: '/admin/Menus/add?pid='+pid
                }); 
            }

</script>
</html>

PHP 代码块

<?php
namespace app\admin\controller;
use app\admin\controller\Base;
use think\facade\Request;
use think\facade\Db;
use think\facade\View;
use think\facade\Session;
/**
 * 菜单管理
 */
class Menus extends Base
{
    //菜单列表
    public function index()
    {   
        //一级菜单
        $data['menuList'] = Db::table('admin_menu')->where('pid',0)->select()->toArray();
        // print_r($data);
        // die;
        View::assign([
            'data' => $data['menuList']
        ]);
        return View('/menus/index');
    }
    //菜单添加
    public function add()
    {   
            //如果pid 为空 则是一级菜单，如果不为空则是二级菜单
            $pid = Request::param('pid');
       
            if (Request::isPost()) {

                //菜单信息
                $data['pid'] = Request::post('pid');
                $data['title'] = Request::post('title');
                $data['controller'] = Request::post('controller');
                $data['action'] = Request::post('action');
                $data['ishidden'] = Request::post('ishidden');
                $data['status'] = Request::post('status');
    
                //当前角色信息
                $admin = $this->admin;
                $MyGroup = $this->MyGroup;
                
                
                if (!empty($data)) {
                    $insert = Db::table('admin_menu')->insert($data);
                    //插入的最大值行数
                    $count = (int)Db::table('admin_menu')->max('mid');
                    //再次插入到角色权限中
                    array_push($MyGroup['rights'],$count);
        
                    $MyGroup['rights'] = json_encode($MyGroup['rights']);
    
                    //更新角色权限
                    $mygroup = Db::table('admin_group')->where('gid',$MyGroup['gid'])->update([
                        'rights' => $MyGroup['rights']
                    ]);
                    
            
                }else {
                    exit(json_encode(['id' => 0 ,'msg' => '输入的信息错误']));
                }
    
                
                
                if (!empty($insert)) {
                    echo json_encode(['id' => 1 ,'msg' => '添加成功']);
                }else {
                    echo json_encode(['id' => 0 ,'msg' => '添加失败']);
                }
    
            }else {
                //菜单信息
                $data['menu'] = Db::table('admin_menu')->where('pid',$pid)->find();
                View::assign([
                    'pid' => $pid,
                    'data' => $data['menu']
                ]);
                return View('/menus/add');
            }
        
        }
        
        
    
    //下级菜单
    public function lower()
    {   
        //下级菜单查询
        $mid = Request::param('mid');
        $data['MenuList'] = Db::table('admin_menu')->where('pid',$mid)->select()->toArray();
        
        View::assign([
            'data' => $data['MenuList']
        ]);
        return View('/menus/lower');
    }
    //菜单修改
    public function edit()
    {   
        //菜单信息
        if (Request::isPost()) {
            $data['mid'] = Request::post('mid');
            $data['title'] = Request::post('title');
            $data['controller'] = Request::post('controller');
            $data['action'] = Request::post('action');
            $data['ishidden'] = Request::post('ishidden');
            $data['status'] = Request::post('status');

            if (!empty($data)) {
               $update = Db::table('admin_menu')->where('mid',$data['mid'])->update($data);
            }else {
                exit(json_encode(['id' => 0 ,'msg' => '输入的信息错误']));
            }

            if (!empty($update)) {
                echo json_encode(['id' => 1 ,'msg' => '修改成功']);
            }else {
                echo json_encode(['id' => 0 ,'msg' => '修改失败']);
            }

        }else {
            //菜单id
            $mid = Request::get('mid');
            //菜单信息
            $data['menu'] = Db::table('admin_menu')->where('mid',$mid)->find();

            View::assign([
                'data' => $data['menu']
            ]);
            return View('/menus/edit');
        }
      

    }

    //菜单删除
    public function dle ()
    {
        $mid = (int)Request::param('mid');

        //当前角色信息
        $admin = $this->admin;
        $MyGroup = $this->MyGroup;

        //删除角色对应的菜单权限
        $GroupKey = (int)array_search($mid,$MyGroup['rights'],true);
        array_splice($MyGroup['rights'],$GroupKey,1);
        $MyGroup['rights'] = json_encode($MyGroup['rights']);
        

        if (!empty($mid)) {
           $delete = Db::table('admin_menu')->where('mid',$mid)->delete();
            //更新角色权限
            $mygroup = Db::table('admin_group')->where('gid',$MyGroup['gid'])->update([
                'rights' => $MyGroup['rights']
            ]);
        }

        if (!empty($delete)) {
            echo json_encode(['id' => 1 ,'msg' => '删除成功']);
        }else {
            echo json_encode(['id' => 0 ,'msg' => '删除失败']);
        }
    }
}
ZzzWClock
关注
  • 4
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Niushop开源商城-PHP
06-25
NIUSHOP开源商城B2C单商户V4，功能强大，安全便捷，框架成熟稳定便于扩展，源码100%开源，支持二次开发定制，让企业用更低的成本、更少的人力，更快的速度构建自己的商城，开启网上商城销售业务。 商城特色： 强大的营销功能模块，丰富的行业模板和装修组件，快速搭建最适合自己的电商平台，轻松获客、裂变。开启电商运营之路。 1、ThinkPhp6+LayUi+ElementUi，学习维护成本低 2、前端由UNI-APP框架编写，支持多端，易于维护 3、钩子+插件，组件化开发，可复用，开发便捷 4、标准API接口，前后端分离，二次开发更方便 5、代码全部开源，方便企业扩展自身业务需求 开源版使用须知 1、仅允许用于个人学习研究使用； 2、开源版不建议商用，如果商用必须保留版权信息，望自觉遵守； 3、禁止将本开源的代码和资源进行任何形式任何名义的出售，否则产生的一切任何后果责任由侵权者自负。 4、推荐3名会员关注公众号，将免费获得单商户V4基础版授权。 5、绑定码云评论并点赞支持可获得单商户V4基础版授权 6、本基础版本后台源码全部开源，小程序为uniapp编译版，如需小程序源码，请点击马上获取。 技术亮点： 1、框架采用全新thinkphp6+事件开发设计+layui+uniapp进行设计，代码完全重构，采用支持百万级！ 2、前端以layui+uniapp模块化开发； 3、数据导出采用phpExcel，使数据更加直观，更方便于管理统计； 4、插件钩子机制，功能模块独立，更有助于二次开发； 5、后台采用ECharts，直观体现关系数据可视化的图，支持图与图之间的混搭。实现完善的数据统计和分析； 6、EasyWeChat部署微信开发，微信接入更加快捷，简单； 7、内置强大灵活的权限管理体系，有利于专人专项运营； 8、内置组合数据统计，系统配置，管理碎片化数据统计； 9、客户端完善的交互效果和动画，提升用户端视觉体验； 10、可以完美对接公众号和小程序，并且数据同步，实现真正意义上的一端开发，多端使用； 11、内置客服系统，可以对接微信客服，客服在线实时聊天； 12、高频数据缓存，数据库读写分离，很大程度减轻服务器压力，提升访问速度； 13、后台设置菜单中可以一键数据备份和恢复，完全傻瓜式操作就可以轻松升级备份； 14、在线一键升级，轻松跨越到最新版本； 15、标准Api接口、前后端分离，二次开发更方便快捷； 16、支持数据库结构、数据、模板在线缓存清除，提升用户体验； 17、可视化DIY店铺装修，方便、快捷、直观，可以随心所欲装扮自己的店铺； 18、无缝事件机制行为扩展更方便，方便二次开发； 19、支持队列降低流量高峰，解除代码耦合性，高可用性； 20、在线一键安装部署，自动检测系统环境一键安装，省时省力快捷部署；
tp5的下拉菜单二级联动
04-26
tp5的下拉菜单二级联动。利用了ajax写的下拉菜单，简单易懂，附带数据库。可利用该代码改造成三级联动，多级联动，原理一样。
电商后台管理4-商品列表及添加商品(list.vue和add.vue)
ljyahaha的博客
04-01 3172
1、商品列表页面 商品列表的页面如图：这个页面其实比较简单，面包屑导航、搜索框、添加商品按钮，以及下面的表格，代码如图： 基本比较容易，就一个过滤器需要实现，本身的创建时间是以毫秒显示出来，这里需要格式化为年月日时分秒的格式。 首先在main.js中注册了全局过滤器（以下出自vue.js官网） Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达
vue-element-admin || 后台管理三级/多级菜单设置
qq1803291168
07-13 4199
针对前端 vue-element-admin 框架的三级菜单说明
成熟可商用的菜单表都有什么字段信息
weixin_42605397的博客
01-14 135
一般来说，成熟可商用的菜单表都会包含以下字段信息: 菜品名称 价格 描述 图片 分类(比如主菜、前菜、甜点等) 特殊要求(比如无辣、无葱花等) 是否有货 是否推荐 如果是酒店或餐馆等有预订系统的餐饮场所,可能会有额外字段: 座位数 预订信息 预订状态 预订限制 折扣信息 这些字段信息可能会因不同场所而有所不同，但大体上都包含上述内容。 ...
SQL语句先查询出当前管理员的一级菜单，再根据管理员一级菜单的ID查询出当前一级菜单所拥有的的二级菜单。
weixin_59334478的博客
05-23 778
-- 4.根据管理员ID查询一级菜单 SELECT c.* FROM tb_mgr_role a INNER JOIN tb_role_menu b INNER JOIN tb_menus c ON a.role_id=b.role_id AND b.menu_id=c.menu_id WHERE a.mgr_id='10000001' AND menu_level=1 ORDER BY c.menu_order; -- 5.根据一级菜单编号和管理员ID查询，这个一级菜单下的二级菜...
酷鲨商城后台管理界面
m0_69712602的博客
09-03 1022
酷鲨商城后台管理界面
phpweb商城页出现三级菜单分类，仿京东
07-13
首先，`phpweb`是一个基于PHP开发的开源网站内容管理系统，它提供了丰富的模块化插件，可以快速搭建各种类型的网站，包括电商商城。在`phpweb`中实现三级分类菜单，我们需要对`phpweb`的后台管理功能和前端展示逻辑...
StartAdmin:StartAdmin，基于ThinkPHP6ElementUIVUE的后台管理二次开发脚手架 集成了微信接入、微信(登录)支付、第三方登录、权限管理，用户(组)管理，WEUI，菜单管理，节点管理，访问日志，访问统计，API生成，后台代码生成，Excel数据导出等常用功能，是轻量级后端脚手架。QQ群
05-25
基于ThinkPHP6/ElementUI/VUE的后台管理二次开发脚手架 集成了微信接入、微信(登录)支付、第三方登录、权限管理，用户(组)管理，WEUI，菜单管理，节点管理，访问日志，访问统计，API生成，后台代码生成，Excel数据...
进云jys系统应用开发框架-PHP
06-20
进云jys系统是一款基于php+mysql的开源的针对企业的轻量级多站点的内容管理系统。 企业可以在上面注册并搭建自己的网站，同时添加操作员管理网站，还可添加公众号、小程序来对接网站。 根据企业需求，本框架致力于为...
精选_基于PHP的餐饮行业管理系统_源码打包
03-11
【标题】"精选_基于PHP的餐饮行业管理系统_源码打包"揭示了这是一个专为餐饮行业设计的管理系统，且...通过深入研究和理解这套源码，开发者不仅可以学习到PHP的实践应用，还能了解到如何构建一个完整的行业级管理系统。
【电商】管理后台篇之安全、菜单、通知管理
自学吧
11-26 988
电商后台系统：管理后台篇之安全、菜单、通知管理
thinkphp6无限级分类，树状菜单
zhangxy
09-19 4804
这里是菜单，针对于类似官网首页的菜单导航，因为不限制用户填写菜单的级别以及个数，所以需要做无限级分类，原理就是将所有数据查询出来，然后根据其父级id和级别id来进行遍历，并一边遍历一边增加级别id来反复查询，并将数据一一追加进之前的数据中： //我的框架是thinkphp6 ，这个函数定义在common.php中 /** * 无限分类-菜单 * @param $cate arra...
thinkphp6 多级控制器,二级目录访问
山水的博客
12-21 6073
tp6的 controller 目录下面再新建一个文件夹，不使用路由的情况下 怎么访问，本文主要记录解决这个问题的办法。 类似于这种目录结构。在不使用路由的情况下，配置关闭路由。 方法一： 在使用路由的情况，官方文档路由章节中给了说明。 配置路由指向目录： Route::get('product/Product/index', '\app\controller\product\Product@index'); 使用这种路由配置可以解决，但是要写一个路由地址才可以，不是很方便 ..
THINKPHP + JQUERY 多级下拉列表联动
南漂的专栏
12-01 3419
原文链接：http://bbs.php100.com/simple/?t502731.html THINKPHP + JQUERY 多级下拉列表联动 前几天学习到JQUERY AJAX那一节，有个LOAD 事件。学习完后就想能不能利用LOAD这个事件来写一个多级菜单的联动呢？经过1个多小时的时间，终于写出来了。哈哈，不知道这样写合不合理，发出来大家一起分享一下。本人是菜鸟刚学习PHP不
PHP左侧菜单栏的管理与实现
weixin_34392435的博客
11-29 1060
以thinkPHP5.0为例 后台config.php文件里配置 //配置文件设置菜单内容属性 'menu' => [ 　　[ 　　　　'name' => '菜单栏1', 　　　　'url' => '/admin/index/one', 　　　　'status'=> 0, 　　　　'sub'=> 0 　　], 　　[ 　　　　'n...
ThinkPHP ajax 二级联动菜单
WorkHard的博客
02-23 1737
自己写的一个ThinkPHPajax二级菜单联动，写的不好，希望大家改进改进 IndexContr.class.php class IndexAction extends Action { public function index(){ $db = M("Sort"); if(IS_POST){ if($_POST['two'] == ""){ $sort =
ThinkPHP5简单的二级导航分类
Alvin博客
08-30 1132
<?php namespace app\index\controller; use think\Controller; class Common extends Controller { public function __construct(){ parent::__construct(); $tptc = db('nav')->where("tid = 0")-&gt...
php菜单一级，二级分类栏目的获得
weixin_30776273的博客
10-14 747
如：http://www.cnblogs.com/fengzhiqiangcaisangzi/p/3368417.html 引用权限模型类： class XAdminiAcl{ //权限配制数据 public static $aclList = array( '首页' => array( 'controller'=>'home', 'url'...
网上购物商城后台管理系统的设计与实现.docx
最新发布
03-30
本文档深入探讨了网上购物商城后台管理系统的设计与实现，主要针对当前电子商务环境下，如何构建一个高效、易用且安全的管理系统。系统设计与实现的关键要素包括： 1. 需求分析：首要任务是明确系统需求，如用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值