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))}">{$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实现联动菜单；的更多相关文章
- js封装的三级联动菜单(使用时只需要一行js代码)
前言 在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等. 而网上却找不到一个代码完整.功能强大.使用简单的三级联动菜单,大都只是简单的讲了一下实现思路. 下面就给大 ...
- phpcms v9联动菜单的调用方法及get_linkage函数简单过程
{get_linkage($r['areaid'],1,' >> ',1)} 复制代码 当然这个 $r 也不是绝对的.要看你的loop 是如何写的. {loop $data $n $r} ...
- AngularJS中实现无限级联动菜单（使用demo）
昨天没来得及贴几个使用demo,今天补上,供有兴趣的同学参考 :) 1. 同步加载子选项demo2. 异步加载子选项demo3. 初始值回填demo4. 倒金字塔依赖demo directive的源代 ...
- AngularJS中实现无限级联动菜单
多级联动菜单是常见的前端组件,比如省份-城市联动.高校-学院-专业联动等等.场景虽然常见,但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单.比如,我们需要考虑子菜单的加载是同步的 ...
- 开发一个jQuery插件——多级联动菜单
引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页 ...
- 转: javascript实现全国城市三级联动菜单代码
<html> <head> <title>js全国城市三级联动菜单代码_B5教程网</title> <meta http-equiv=" ...
- PHPCMS联动菜单的调用函数get_linkage方法详解
v9联动菜单调用方法[注意此为内容页调用方法 {get_linkage($areaid,1,' >> ',1)} 显示效果: 湖北省 >> 武汉市 >> 汉阳区 [ ...
- Javascript 笔记与总结（2-12）联动菜单
联动菜单: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
- [ PHP+jQuery ] ajax 多级联动菜单的应用：电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板
/** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 ...
随机推荐
- HYSBZ 1061 志愿者招募 【最小费用流】【差分】【最小费用流模板】
#include<stdio.h> #include<queue> #define MAXN 1003 #define MAXM 10002*4 #define INF 100 ...
- hbase的rowkey简单设计
问题: 需要查询某一用户某时间做了什么,PlatID和vopenid可以保证一个用户唯一,但同一时间同一用户可能日志有多条. 使用PlatID(int).vopenid(int)和dtTime(dat ...
- 【转】特殊权限控制之SUID、SGID、Sticky
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://soysauce93.blog.51cto.com/7589461/1715583 ...
- iptable怎么用？
iptables -A FORWARD -s 10.0.0.0/8 -p tcp --dport 80 -j DROP [拒绝转发来自10.0.0.0/8网段,目的端口是80的数据包]
- CDN缓存策略FAQ
1.CDN加速原理通过动态域名解析,网友的请求被分配到离自己最快的服务器.CDN服务器直接返回缓存文件或通过专线代理原站的内容.网络加速+内容缓存,有效提供访问速度 2.CDN节点数量全国多个机房,每 ...
- LICEcap GIF 屏幕录制工具
LICEcap 是一款屏幕录制工具,支持导出git动画图片格式,简单好用.大小只有几百KB 运行之后,可以随意调整大小,右下角有开始/停止按钮. 压缩包:http://files.cnb ...
- Ajax.BeginForm 上传文件
在 Mvc 中上传文件时通常使用 Html.BeginForm 标签,同时对Form 添加属性 enctype = "multipart/form-data",前端代码如下: @H ...
- ASP.NET MVC 中使用 AjaxFileUpload 插件时，上传图片后不能显示（预览）
AjaxFileUpload 插件是一个很简洁很好用的上传文件的插件,可以实现异步上传功能,但是在 ASP.NET MVC中使用时,会出现上传图片后不能正确的显示的问题,经过仔细排查,终于找到原因,解 ...
- java.lang.IllegalArgumentException
org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.exceptions.Persiste ...
- ASPxGridView中如何对主从表绑定数据
注:在从表的aspxgridview中的(OnDataBinding()事件中绑定数据)-----代码如下 //绑定属性值表protected void grid2_sonTable_DataBind ...