最近项目需求:

仿制某网站的菜单功能

效果如下:

效果大概就是这样啦。分析下吧:主要是分级查询我的思路:首先从数据库中查询所有的顶级目录:

目前就是这几个顶级目录在数据库中特点就是 父级id是0(一般都会有,在自己设计信息分类 类型网站时也应该注意设计该字段)

拿到顶级id以后,在数据库中查找父级id为这些id的数据,拿到次级id:

最后根据次级id 查找父级id为次级id的所有数据:

当然啦,你的数据库要有些数据,要不然就不好看了。这些数据拿到以后,会有专门的js代码引入这些数据然后展示(参考网站的做法是:将这些数据写入一个文件,js读取该文件。好处是减少数据库读写次数)

因此,我们也要学习这个写法,还可以顺便直接使用人家写好的js代码~~(嘿嘿嘿)

好,现在总结下工作:拿到三级数据->写入js文件->使用别人写好的js文件读取并显式(完美!!)

下面上代码。(自己写的不成熟的代码,欢迎提意见~!)

<?php
/*
* 读取 destoon_category 表 parentid 为0 的所有数据(顶级目录)
*
* 根据 parentid 查找 次级 id 最后根据次级id 查找 三级id
*
* 组合成一个数组 写入 js 文件 ( 方便前台获取)
*
* 顶级目录格式 : var QS_jobs_parent=new Array("169,广告|媒体|艺术|出版","1,销售|市场|客服|贸易");
* 目标目录格式 : var QS_jobs=new Array();
* QS_jobs[169]="170,广告|171,影视/媒体|172,艺术设计"; QS_jobs[顶级目录id]="次级id,次级标题|次级id,次级标题 "
* QS_jobs[170]="905,广告客户经理|906,广告客户专员"; QS_jobs[次级目录id]="三级id,三级标题|三级id,三级标题 "
*/
$toparr = select(0); getstring($toparr , 1); /*
* 读写文件操作
*
* 向文件追加内容
*/
function write($str){ $fp = fopen("../skin/default/job2/js/cache_classify.js" ,"a+" );
if($fp){
$w = fwrite($fp , "\r\n".$str);
if(!$w){
echo "写入失败";
}
}
fclose($fp);
} /*
* 数据库查询操作
*
* 传入 parentid
*/
function select($pid){
global $db; $A = array();//所有顶级目录 $query = "SELECT catid,catname FROM destoon_category WHERE parentid=".$pid; $arr = $db->query($query); while($r = $db->fetch_array($arr)) {
$A[] = $r;
}
return $A;
}
/*
* 获取2 3 级目录
*
* 传入数组 上级目录id
*
* 返回字符串数组
*/
function get23string($array){
for($a=0; $a<sizeof($array); $a++){
$str = 'QS_jobs['.$array[$a].']="'.getstring(select($array[$a]) , 2).'";'; write($str);
}
return $str;
}
/*
* 传入二维数组(顶级目录)
*
* 生成 顶级目录 文本 var QS_jobs_parent=new Array("169,广告|媒体|艺术|出版","1,销售|市场|客服|贸易");
*/
function getstring($arr ,$size){
$str = "";
$i = 0;
$arr2 = array();//顶级id 数组
$j = 0;
$arr3 = array();//次级id 数组
switch ($size){
case 1://生成顶级目录 文本
foreach ($arr as $Avalue){
foreach ($Avalue as $key=>$value){
if($key == 'catid'){
$arr2[$i]=$value;
$str .= '"'.$value.",";
}else{
$str .= $value.'"';
}
}
$i++;
sizeof($arr)>$i && $str .= ",";
}
$temp = 'var QS_jobs_parent = new Array('.$str.');';
$str = $temp;//顶级目录 文本
write($str);
write("var QS_jobs=new Array();");
//arr2 是顶级目录的 id
//根据顶级目录获取次级目录数组
get23string($arr2);
break;
case 2: // 生成二级目录文本
case 3: //生成三级目录文本
foreach ($arr as $Avalue){
foreach ($Avalue as $key=>$value){
if($key == 'catid'){
$arr3[$j] = $value;
$str .= $value.",";
}else{
$str .= $value."|";
}
}
$j++;
}
get23string($arr3);
//print_r($arr3);
//QS_jobs[169]="170,广告|171,影视/媒体|172,艺术设计"; QS_jobs[顶级目录id]="次级id,次级标题|次级id,次级标题 "
//$arr2 (顶级id)
return $str;
break;
default: break;
} return $str;
}
//var_dump($A); ?>

还有些注释,目标格式和最终实现效果:

另附别人写好的js代码:

/** 首页左侧职位类别下拉 */

jQuery.dropDownWidget = function (obj) {

    var c = $(obj).find(".job-sort-control"), l = $(obj).find(".job-sort-list"), lhtml = '';

    if (QS_jobs_parent) {

        $.each(QS_jobs_parent, function (index, val) {

            var dataValArr = splitData(val, ",");

            lhtml += '<div class="js-items" code="' + dataValArr[0] + '"><div class="js-level2 clearfix"><i class="level-icon icon' + (index + 1) + ' f-left"></i><span class="f-left">' + dataValArr[1] + '</span><i class="sort-arrow f-right"></i></div></div>';

        });

        l.html(lhtml);

    }
; var j = l.find('.js-items'), cwidth = $(obj).outerWidth(), cheight = l.outerHeight() + 14; j.last().addClass("js-items-last"); j.bind('mouseenter', function (event) { j.removeClass('js-items-nrb').removeClass('js-items-trb').addClass('js-items-rb'); var subclass = $(this).attr("code"); var html = '<div class="show">'; if (MakeLi(subclass)) { html += MakeLi(subclass); } html += '</div>'; $(this).addClass('js-items-nrb').next().addClass('js-items-trb'); $(".leftmenu_box").empty(); $(".leftmenu_box").append(html).css({
"top": "0",
"left": cwidth,
"display": "block",
"overflow": "auto",
"height": cheight
}); }); c.bind('click', function (event) { l.toggle(); }); $(obj).bind('mouseleave', function (event) { l.hide(); $(".leftmenu_box").hide(); j.removeClass('js-items-nrb').removeClass('js-items-trb').removeClass('js-items-rb'); }); function splitData(dataval, character) { if (dataval) {
return dataval.split(character)
}
; } function MakeLi(subclass) { if (!QS_jobs[subclass]) {
return "无"
}
; var liArray = QS_jobs[subclass].split("|"); var htmlstr = ''; if (liArray) { for (x in liArray) { if (liArray[x]) { var v = liArray[x].split(","); thirdclass = v[0]; htmlstr += '<div class="showbox"><div class="fl"><a target="_blank" title="' + v[1] + '" href="jobs/jobs-list.php?key=&jobcategory=' + subclass + '.' + v[0] + '.0">' + v[1] + '</a></div>'; if (thirdclass) { htmlstr += '<ul class="fr">'; htmlstr += Make_Third_Li(subclass, thirdclass); htmlstr += '</ul>'; } htmlstr += '<div class="clear"></div></div>'; } } } return htmlstr; } function Make_Third_Li(subclass, thirdclass) { if (!QS_jobs[thirdclass]) {
return "无"
}
; var tArray = QS_jobs[thirdclass].split("|"); var htmlstr1 = ''; if (tArray) { for (x1 in tArray) { if (tArray[x1]) { var v1 = tArray[x1].split(","); htmlstr1 += '<li><a target="_blank" title="' + v1[1] + '" href="jobs/jobs-list.php?key=&jobcategory=' + subclass + '.' + thirdclass + '.' + v1[0] + '">' + v1[1] + '</a></li>'; } } } return htmlstr1; } };

希望对你有用啊目标网站这里

上文代码优化:

/*
* 顶级目录格式 : var QS_jobs_parent=new Array("169,广告|媒体|艺术|出版","1,销售|市场|客服|贸易");
* 目标目录格式 : var QS_jobs=new Array();
* QS_jobs[169]="170,广告|171,影视/媒体|172,艺术设计"; QS_jobs[顶级目录id]="次级id,次级标题|次级id,次级标题 "
* QS_jobs[170]="905,广告客户经理|906,广告客户专员"; QS_jobs[次级目录id]="三级id,三级标题|三级id,三级标题 "
*/
function getjobs(){ global $db; $query = "select * from destoon_category where parentid=0"; $A = $db->_query($query);
$count = count($A);
foreach ($A as $ka => $a) {
//echo "顶级 ==>".$a['catid'].$a['catname']."\r\n";
$ka < ($count-1) ? $end = "," : $end = "";
$str .= "\"".$a['catid'].",".$a['catname']."\"".$end; $query = "select * from destoon_category where parentid=".$a['catid'];
$str2 .= 'QS_jobs['.$a['catid'].']='."\"";
$B = $db->_query($query);
$count2 = count($B);
foreach ($B as $kb => $b) {
//echo "次级 ====>".$b['catname']."\r\n";
$kb < ($count2-1) ? $end2 = "|" : $end2 = "";
$str2 .= $b['catid'].",".$b['catname'].$end2; $query = "select * from destoon_category where parentid=".$b['catid'];
$str3 .= 'QS_jobs['.$b['catid'].']='."\"";
$C = $db->_query($query);
$count3 = count($C);
foreach ($C as $kc => $c) {
//echo "三级 ======>".$c['catname']."\r\n";
$kc < ($count3-1) ? $end3 = "|" : $end3 = "";
$str3 .= $c['catid'].",".$c['catname'].$end3;
}
$str3 .="\"; \r\n";
}
$str2 .="\"; \r\n"; }
//$add = $str."\r\n";
$add = 'var QS_jobs_parent=new Array('.$str.');'."\r\n"; $add .= 'var QS_jobs=new Array();'."\r\n"; $add .= $str2.$str3; return $add;
// echo $add;
}

是不是看起来舒服多了

感谢大神写好的部分~

php 开发日常收获的更多相关文章

  1. 前端开发日常——CSS动画无限轮播

    近来没有什么值得写的东西,空闲的时候帮前端的同学做了些大屏上的展示模块,就放在这里写写吧,手把手"需求->设计-> 实现",受众偏新手向. 为了直观便于理解, 直接把结 ...

  2. ASP.NET MVC开发日常一:SessionID合理清除

    在MVC Web开发中临时存储数据一般会用到Session,Cookie,ViewBag,ViewData,TempData.每个的使用场景是不同,具体区别有空再补上. Session数据最敏感,最需 ...

  3. ReactJS的开发日常

    在用React框架开发的日子里,踩的坑真不少!今天就来说说这个关于组件的周期,说的可能不是很清楚,但是也给自己留下一个踩坑的纪念,如有不妥 还望大家指点一二 Warning: setState(... ...

  4. Android 开发日常积累

    Android 集合 Android 开源项目分类汇总 扔物线的 HenCoder 高级 Android 教程 hencoder HenCoder:给高级 Android 工程师的进阶手册 Andro ...

  5. 开发-日常工具:TFS(Team Foundation Server)

    ylbtech-开发-日常工具:TFS(Team Foundation Server) TFS(Team Foundation Server)是一个高可扩展.高可用.高性能.面向互联网服务的分布式文件 ...

  6. iOS开发日常笔记01

    为什么有initWithCoder还要awakeFromNib? awakeFromNib相较于initWithCoder的优势是:当awakeFromNib执行的时候,各种IBOutlet也都连接好 ...

  7. iOS开发 日常错误积累

    1.ios7 tableviewcell上面加入一个view,view上面有button,点击button不运行button的点击事件 解决的方法: self.view.userInteraction ...

  8. 前端开发-日常开发沉淀之git提交文件忽略

    .gitignore文件里添加需忽略的文件,或需要提交的文件 # Created by .ignore support plugin (hsz.mobi) ### VisualStudioCode t ...

  9. React Native 开发日常、常见问题总结及解决

    优点: 1.写 UI 快,跟写 HTML 差不多,flex 布局写起来很爽,而且跨平台: 2.调试方便,command + R 直接刷新 Simulator,不用像 Xcode 等待编译: 3.体验好 ...

  10. Android开发日常-listview滚动方法梳理

    listview滚动方法梳理 1.setSelection(position); 滚动到指定条目 2.setSelectionFromTop(position,y): 距离指定条目向下偏移y(像素) ...

随机推荐

  1. Libgdx游戏开发(3)——通过柏林噪音算法地图随机地形

    原文: Libgdx游戏开发(3)--通过柏林噪音算法地图随机地形-Stars-One的杂货小窝 在B站刷到了随机地图生成的视频,随手学习下并做下记录 注: 本篇使用javafx应用作演示,算是了解这 ...

  2. redis 锁

    demo1 public ErrorCode initDemo1(@RequestParam("orderNo") String orderNo) throws IOExcepti ...

  3. Java扫描文件目录大小及递归扫描

    #Java扫描文件目录大小及递归扫描 package com.example.core.mydemo; import org.apache.commons.io.FileUtils; import j ...

  4. new 和 delete 运算符

    C++ 支持使用操作符 new 和 delete 来动态分配和释放对象. new 运算符调用特殊函数 operator new,delete 运算符调用特殊函数 operator delete. 如果 ...

  5. getRefs is undefined html vue2项目 报错

    vue2项目提示 getRefs is undefined 在div上面写了,ref,还写了v-if 然后再watch中操作了 ref 导致报错. 分析: 组件因为v-if 为 false 没有注册和 ...

  6. 开源云同步的markdown写作软件——Yosoro

    文章目录 前言 简便的项目管理 舒服的写作体验 支持one driver 存在缺点 前言 Yosoro是一款支持在Win.Linux.macOS上使用的写作软件.它的界面设计以及交互上表达出的极简主义 ...

  7. 图最短路径之Floyd

    Floyd Warshall Algorithm 算法参考地址:Floyd Warshall Algorithm | DP-16 - GeeksforGeeks 算法的简介 Floyd 用于求解所有对 ...

  8. url编码方式

    url编码在线工具: http://tool.chinaz.com/tools/urlencode.aspx url编码:风景->%e9%a3%8e%e6%99%af 附HTTP请求过程: ht ...

  9. 基于EF Core存储的国际化服务

    前言 .NET 官方有一个用来管理国际化资源的扩展包Microsoft.Extensions.Localization,ASP.NET Core也用这个来实现国际化功能.但是这个包的翻译数据是使用re ...

  10. 「悬浮捷径SoftCircle」安卓平台的hao123,一键打开万物

    罗老师的onestep一步发布之前, 终端的打开形式还拘泥于桌面和负一屏 这种方式够简洁,但缺点明显: 1.入口单一性:只能在app首页和各种扫一扫之间选择和切换 2.操作复杂:入口切换需要频繁的进入 ...