首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

thinkPHP实现的联动菜单功能详解

Posted in PHP onMay 05, 2017

本文实例讲述了thinkPHP实现的联动菜单功能。分享给大家供大家参考，具体如下：

联动菜单，首先给你看看前端是怎么写的：

thinkPHP实现的联动菜单功能详解

<div id="newCat">
  <div class="all_type" id="allGoogsCat">所有商品分类</div>
  <div class="spfl-warp <?php if(CONTROLLER_NAME != 'Index' || ACTION_NAME != 'index'){echo 'hide';} ?> ">
    <div class="index-spfl-left" id="divCatList">
      <ul>
        <foreach name="category_menu" key="one" item="v">
        <li class="li{$one+1}">
          <span><em></em>
            <a href="{:U('Category/index',array('id'=>$v['category_id'],'level'=>1))}" rel="external nofollow" >{$v.category_name}</a>
          </span>
          <div class="div none">
            <foreach name="v['childs']" key="two" item="v2">
              <dl>
                <dt>
                  <a href="{:U('Category/index',array('id'=>$v2['category_id'],'level'=>2))}" rel="external nofollow" >{$v2.category_name}</a>
                </dt>
                <dd class="fl">
                  <foreach name="v2['childs']" item="v3">
                    <a href="{:U('Category/index',array('id'=>$v3['category_id'],'level'=>3))}" rel="external nofollow" >
                      {$v3.category_name}
                    </a>
                  </foreach>
                </dd>
                <div class="cl"></div>
              </dl>
            </foreach>
          </div>
        </li>
      </foreach>
    </ul>
  </div>
  </div>
</div>
<script type="text/javascript">
<?php if(CONTROLLER_NAME != 'Index' || ACTION_NAME != 'index'){ ?>
  //商品分类鼠标滑过
  function spflHover() {
    $(".index-spfl-left ul li").live("mouseover", function () {
      $(this).addClass("active").siblings().removeClass("active");
      $(".index-spfl-left").find(".div").hide();
      $(this).find(".div").show();
    }).live("mouseout", function () {
      $(this).removeClass("active");
      $(".index-spfl-left").find(".div").hide();
      $(this).find(".div").hide();
    });
    //鼠标滑过分类显示
    $("#newCat").mouseover(function () {
      $(".spfl-warp").show();
    }).mouseout(function () {
      if ($("#ismain").val() == "1") {
        $(".spfl-warp").show();
      } else {
        $(".spfl-warp").hide();
      }
    })
  }
  spflHover();
<?php } ?>
</script>

看到没有，其实里面的一级菜单对应二级菜单都是在同一个li里面的，li里面的二级三级呢，都是放在dl的dt和dd标签里面；

然后现在我们看看取出来的category_menu,什么样的数据：

Array
(
 [0] => Array
  (
   [category_id] => 84
   [category_name] => 家装主材
   [parent_id] => 0
   [listorder] => 200
   [display] => 1
   [childs] => Array
    (
     [0] => Array
      (
       [category_id] => 85
       [category_name] => 厨卫
       [parent_id] => 84
       [listorder] => 200
       [display] => 1
       [childs] => Array
        (
         [0] => Array
          (
           [category_id] => 99
           [category_name] => 厨盆/水槽
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [1] => Array
          (
           [category_id] => 98
           [category_name] => 卫浴配件
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [2] => Array
          (
           [category_id] => 97
           [category_name] => 卫浴龙头
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [3] => Array
          (
           [category_id] => 96
           [category_name] => 龙头
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [4] => Array
          (
           [category_id] => 95
           [category_name] => 淋浴房
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [5] => Array
          (
           [category_id] => 94
           [category_name] => 智能坐便器
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [6] => Array
          (
           [category_id] => 93
           [category_name] => 浴室柜
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [7] => Array
          (
           [category_id] => 92
           [category_name] => 坐便器
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [8] => Array
          (
           [category_id] => 91
           [category_name] => 浴霸
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [9] => Array
          (
           [category_id] => 90
           [category_name] => 地漏
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [10] => Array
          (
           [category_id] => 89
           [category_name] => 坐便器盖板
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [11] => Array
          (
           [category_id] => 88
           [category_name] => 洗面盆
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [12] => Array
          (
           [category_id] => 87
           [category_name] => 角阀
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [13] => Array
          (
           [category_id] => 100
           [category_name] => 卫浴五金
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [14] => Array
          (
           [category_id] => 101
           [category_name] => 厨房挂件/配件
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [15] => Array
          (
           [category_id] => 86
           [category_name] => 淋浴花洒
           [parent_id] => 85
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
        )
      )
     [1] => Array
      (
       [category_id] => 126
       [category_name] => 墙纸
       [parent_id] => 84
       [listorder] => 200
       [display] => 1
       [childs] => Array
        (
         [0] => Array
          (
           [category_id] => 130
           [category_name] => 3D墙纸
           [parent_id] => 126
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [1] => Array
          (
           [category_id] => 129
           [category_name] => 纯纸墙纸
           [parent_id] => 126
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )
         [2] => Array
          (
           [category_id] => 128
           [category_name] => PVC墙纸
           [parent_id] => 126
           [listorder] => 200
           [display] => 1
           [childs] => Array
            (
            )
          )

然后，数据表是怎么样的数据呢：

Array
(
  [0] => Array
    (
      [category_id] => 211
      [category_name] => 鞋柜
      [parent_id] => 31
      [listorder] => 200
      [display] => 1
    )
  [1] => Array
    (
      [category_id] => 194
      [category_name] => 相框/照片墙
      [parent_id] => 189
      [listorder] => 200
      [display] => 1
    )
  [2] => Array
    (
      [category_id] => 193
      [category_name] => 帘艺隔断
      [parent_id] => 189
      [listorder] => 200
      [display] => 1
    )
  [3] => Array
    (
      [category_id] => 192
      [category_name] => 沙发垫套/椅垫
      [parent_id] => 189
      [listorder] => 200
      [display] => 1
    )
  [4] => Array
    (
      [category_id] => 191
      [category_name] => 地毯地垫
      [parent_id] => 189
      [listorder] => 200
      [display] => 1
    )
  [5] => Array
    (
      [category_id] => 190
      [category_name] => 桌布/罩件
      [parent_id] => 189
      [listorder] => 200
      [display] => 1
    )

数据表数据是酱紫的；

然后，你能写出那个处理数组的方法吗，给你原数据，然后你用迭代处理成你想要的数据，不用太多，6行代码左右，你OK？

代码拷贝多了，人也就变傻了，知不知道？？？

//把栏目分组，以多维数组形式
public function group_category($id = 0)
{
    $list=$this->where('display = 1')->order('listorder asc')->select();
    $tmp = array();
    foreach($list as $v){
      if($v['parent_id'] == $id){
        $v['childs'] = $this->group_category($v['category_id']);
        $tmp[] = $v;
      }
    }
    return $tmp;
}

为什么不把SQL语句放在外面作为参数传递进去函数groud_category函数呢？这样就不用老是查数据库啊。

无非也就是将父ID为0开始查询，然后对其子栏目的id在做为父ID进行查询，查询出属于其id的子栏目

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

thinkPHP实现的联动菜单功能详解

- Author -

许伟强

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
xml+php动态载入与分页
Oct 09 PHP
用文本文件制作留言板提示（下）
Oct 09 PHP
使用PHP强制下载PDF文件示例
Jan 17 PHP
php批量添加数据与批量更新数据的实现方法
Dec 16 PHP
php getcwd与dirname(__FILE__)区别详解
Sep 24 PHP
THINKPHP在添加数据的时候获取主键id的值方法
Apr 03 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
Sep 15 PHP
php从数据库读取数据,并以json格式返回数据的方法
Aug 21 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
Oct 14 PHP
PHP中Static（静态）关键字功能与用法实例分析
Apr 05 PHP
PHP实现的AES 128位加密算法示例
Sep 16 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
Oct 16 PHP
thinkPHP实现的省市区三级联动功能示例
May 05 #PHP
php str_replace替换指定次数的方法详解
May 05 #PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
May 05 #PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
May 05 #PHP
php 浮点数比较方法详解
May 05 #PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
May 05 #PHP
完美解决在ThinkPHP控制器中命名空间的问题
May 05 #PHP
Flask(2) 信号同步(1) 进度条(1) 远程连接(2) springCloud(6) 限流器(1) 生命周期(1) 轮询锁(1) 死锁(3) reduce()(1)
You might like
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
newxtree.js代码
2007/03/13 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
js限制文本框的输入内容代码分享（3类）
2015/08/20 Javascript
如何实现移动端浏览器不显示 pc 端的广告
2015/10/15 Javascript
基于javascript实现tab选项卡切换特效调试笔记
2016/03/30 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
AngularJS  双向数据绑定详解简单实例
2016/10/20 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
Javascript实现动态时钟效果
2018/11/17 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
2020/06/19 Javascript
用python代码做configure文件
2014/07/20 Python
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
python读写csv文件方法详细总结
2019/07/05 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
使用 Python 读取电子表格中的数据实例详解
2020/04/17 Python
keras读取h5文件load_weights、load代码操作
2020/06/12 Python
Pycharm 2020.1 版配置优化的详细教程
2020/08/07 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
Belle Maison倍美丛官网：日本千趣会旗下邮购网站
2016/07/22 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的，哪些不是
2015/10/12 面试题
行政秘书工作自我鉴定
2014/09/15 职场文书
社区国庆节活动总结
2015/03/23 职场文书
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python
Redis 中使用 list,streams,pub/sub 几种方式实现消息队列的问题
2022/03/16 Redis