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

 <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))}">{$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))}">{$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))}">
                                             {$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实现联动菜单;的更多相关文章

  1. js封装的三级联动菜单(使用时只需要一行js代码)

    前言 在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等. 而网上却找不到一个代码完整.功能强大.使用简单的三级联动菜单,大都只是简单的讲了一下实现思路. 下面就给大 ...

  2. phpcms v9联动菜单的调用方法及get_linkage函数简单过程

    {get_linkage($r['areaid'],1,' >> ',1)} 复制代码 当然这个 $r 也不是绝对的.要看你的loop 是如何写的. {loop $data $n $r} ...

  3. AngularJS中实现无限级联动菜单(使用demo)

    昨天没来得及贴几个使用demo,今天补上,供有兴趣的同学参考 :) 1. 同步加载子选项demo2. 异步加载子选项demo3. 初始值回填demo4. 倒金字塔依赖demo directive的源代 ...

  4. AngularJS中实现无限级联动菜单

    多级联动菜单是常见的前端组件,比如省份-城市联动.高校-学院-专业联动等等.场景虽然常见,但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单.比如,我们需要考虑子菜单的加载是同步的 ...

  5. 开发一个jQuery插件——多级联动菜单

    引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页 ...

  6. 转: javascript实现全国城市三级联动菜单代码

    <html> <head> <title>js全国城市三级联动菜单代码_B5教程网</title> <meta http-equiv=" ...

  7. PHPCMS联动菜单的调用函数get_linkage方法详解

    v9联动菜单调用方法[注意此为内容页调用方法 {get_linkage($areaid,1,' >> ',1)} 显示效果: 湖北省 >> 武汉市 >> 汉阳区 [ ...

  8. Javascript 笔记与总结(2-12)联动菜单

    联动菜单: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  9. [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板

    /** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 ...

随机推荐

  1. Java中堆和栈的区别(转)

    栈与堆都是Java用来在Ram中存放数据的地方.与C++不同,Java自动管理栈和堆,程序员不能直接地设置栈或堆.      Java的堆是一个运行时数据区,类的对象从中分配空间.这些对象通过new. ...

  2. 阻止Application_End事件的解决方案

    在做项目时,遇到同步ERP数据的问题,客户要求是:程序中,设置一个开始时间,再设置一个时间间隔,让程序每隔一段时间导出销售记录,这个开始时间和时间间隔可以手动修改设定.     这问题纠缠了我好几天, ...

  3. iOS中使用FMDB事务批量更新数据库

    今天比较闲看到大家在群里讨论关于数据库操作的问题,其中谈到了"事务"这个词,坦白讲虽然作为计算机专业的学生,在上学的时候确实知道存储过程.触发器.事务等等这些名词的概念,但是由于毕 ...

  4. Python子类方法的调用(类方法)

    class S(object): def Test(self): print("TEST") @classmethod def Test02(cls): print("c ...

  5. python学习笔记(MD5算法)

    博主最近进度停滞了 对web开发理解欠缺好多内容 今天整理下MD5算法,这个涉及到mysql数据库存储用户表密码字段的时候 一般是带有加密的 # -*- coding: utf-8 -*- impor ...

  6. (转)C#进行图像处理的几种方法(Bitmap,BitmapData,IntPtr)

    转自 http://blog.sina.com.cn/s/blog_628821950100wh9w.html C#进行图像处理的几种方法 本文讨论了C#图像处理中Bitmap类.BitmapData ...

  7. redis学习(一)Redis应用场景

    Redis开创了一种新的数据存储思路,使用Redis,我们不用在面对功能单调的数据库时,把精力放在如何把大象放进冰箱这样的问题上,而是利用Redis灵活多变的数据结构和数据操作,为不同的大象构建不同的 ...

  8. 【练习】显示MYSQL客户机选项

    [oracle@enmo ~]$ mysql --help mysql Ver , for Linux (x86_64) using EditLine wrapper Copyright (c) , ...

  9. java多态例子

    多态存在的三个必要条件一.要有继承:二.要有重写:三.父类引用指向子类对象. 代码部分: class A { public String show(D obj) { return ("A a ...

  10. 解决wamp mysql数据库出现乱码的问题。

    一般的乱码情况: 如果在控制台上出现這样的乱码,一般在phpmysqladmin上也会出现乱码,因为他们都一样 一个在控制台出现,一个在页面出现. 首先在mysql.exe上输出 mysql>S ...