thinkPHP實(shí)現(xiàn)的聯(lián)動(dòng)菜單功能詳解

更新時(shí)間：2017年05月05日 11:41:04 作者：許偉強(qiáng)

這篇文章主要介紹了thinkPHP實(shí)現(xiàn)的聯(lián)動(dòng)菜單功能,結(jié)合實(shí)例形式分析了thinkPHP聯(lián)動(dòng)菜單的實(shí)現(xiàn)步驟與具體操作技巧,需要的朋友可以參考下

本文實(shí)例講述了thinkPHP實(shí)現(xiàn)的聯(lián)動(dòng)菜單功能。分享給大家供大家參考，具體如下：

聯(lián)動(dòng)菜單，首先給你看看前端是怎么寫的：

<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'){ ?>
  //商品分類鼠標(biāo)滑過(guò)
  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();
    });
    //鼠標(biāo)滑過(guò)分類顯示
    $("#newCat").mouseover(function () {
      $(".spfl-warp").show();
    }).mouseout(function () {
      if ($("#ismain").val() == "1") {
        $(".spfl-warp").show();
      } else {
        $(".spfl-warp").hide();
      }
    })
  }
  spflHover();
<?php } ?>
</script>

看到?jīng)]有，其實(shí)里面的一級(jí)菜單對(duì)應(yīng)二級(jí)菜單都是在同一個(gè)li里面的，li里面的二級(jí)三級(jí)呢，都是放在dl的dt和dd標(biāo)簽里面；

然后現(xiàn)在我們看看取出來(lái)的category_menu,什么樣的數(shù)據(jù)：

然后，數(shù)據(jù)表是怎么樣的數(shù)據(jù)呢：

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] => 沙發(fā)墊套/椅墊
      [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
    )

數(shù)據(jù)表數(shù)據(jù)是醬紫的；

然后，你能寫出那個(gè)處理數(shù)組的方法嗎，給你原數(shù)據(jù)，然后你用迭代處理成你想要的數(shù)據(jù)，不用太多，6行代碼左右，你OK？

代碼拷貝多了，人也就變傻了，知不知道？？？

//把欄目分組，以多維數(shù)組形式
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語(yǔ)句放在外面作為參數(shù)傳遞進(jìn)去函數(shù)groud_category函數(shù)呢？這樣就不用老是查數(shù)據(jù)庫(kù)啊。

無(wú)非也就是將父ID為0開始查詢，然后對(duì)其子欄目的id在做為父ID進(jìn)行查詢，查詢出屬于其id的子欄目

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: