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

5年以前 | 阅读数：381 次 | 编程语言：PHP

本文实例讲述了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] => 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相关内容感兴趣的读者可查看本站专题：《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

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