本文實(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 rel="external nofollow" >{$v.category_name}</a> </span> <div class="div none"> <foreach name="v['childs']" key="two" item="v2"> <dl> <dt> <a rel="external nofollow" >{$v2.category_name}</a> </dt> <dd class="fl"> <foreach name="v2['childs']" item="v3"> <a 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ù):
Array ( [0] => Array ( [category_id] => 84 [category_name] => 家裝主材 [parent_id] => 0 [listorder] => 200 [display] => 1 [childs] => Array ( [0] => Array ( [category_id] => 85 [category_name] => 廚衛(wèi) [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] => 衛(wèi)浴配件 [parent_id] => 85 [listorder] => 200 [display] => 1 [childs] => Array ( ) ) [2] => Array ( [category_id] => 97 [category_name] => 衛(wèi)浴龍頭 [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] => 衛(wèi)浴五金 [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 ( ) )
然后,數(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開(kāi)始查詢,然后對(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ì)有所幫助。