无限级别菜单的实现


Posted in PHP onOctober 09, 2006

<?  /* 看到很多朋友问过无限级别菜单的的问题(其实理论上还是有级别的,毕竟要受到个方便的条件的限制,比如: 数据库字段的类型等),我曾经用老大(唠叨)提供的代码写出来过无限级别的菜单,但是感觉效果不是很好(视觉上),于是趁着"夜深人静"就写这个"无限制级别的菜单",其实道理很简单,主要是数据表的设计,还有递归方法的使用(如果有时间我会用中值排序法来做),我会在下面给出数据结构的设计(非常简单),这里我没有加上竖直的虚线(windows资源管理器的虚线),同时Sql语句我也将其固定,大家可以根据自己的需要来修改!如果有问题可以联系我:msn:banneryue@sina.com,QQ:7665656,E_mail:yuepengfei@mail.banner.com.cn

明天(已经是今天了,呵呵)我会提供一个测试页面让大家来看(因为我在宿舍只能拨号上网,Ip地址不固定)

*/

/** 递归显示子节点函数
*
*
* @param $SearchPattern    查找的条件(like)
* @param $BaseNum 节点的层数
*/

           function ListChildTree($SearchPattern,$BaseNum){
               global $Tree;//声明连接数据库的句柄为全局
               $Sql="select DepartmentId,DepartmentName from test where DepartmentId like '$SearchPattern'";    //查找孩子节点
               $QueryChild=$Tree->query($Sql);          
               while($Result=$Tree->fetch_array($QueryChild)) { //取出孩子节点
                   $Space="";
                    for($j=0;$j<((strlen($SearchPattern)/3)-$BaseNum);$j++)
                      $Space.="  ";                 //设置显示节点前面的距离,这里的空格的html被这里自动替换成"  "了
                   $ChildDepartment=trim($Result[0])."___";            
                   $ChildSql="select count(*) from test where DepartmentId like '$ChildDepartment'";//查找孩子节点的孩子节点
                   $ChildResult=$Tree->query_first($ChildSql);             
                   $TableId="ta".trim($Result[0]); //设置表格Id
                   $TablePic="ta".trim($Result[0])."pic";    //设置图片Id                   
                   if($ChildResult[0]<1){//如果没有找到孩子节点的节点,则显示"-"图片
                      ?>
                    <tr><td><?=$Space?><span align="absmiddle"><img src="leaf.gif" border="0" align="absmiddle" width="35" height="17"></span><font size="2"><A href="process.php?SearchPattern=<?=trim($Result[0])?>" class="F1"><?=$Result[1]?></a></font>
                    <table id="<?=$TableId?>" style="display=none" cellspacing="0" cellpadding="0">

                 <?}else{           //找到则显示"+"图片            
                  ?>
                   <tr><td><?=$Space?><a onclick="javascript:expands('<?=$TableId?>','<?=$TablePic?>')" style="cursor:hand"><span align="absmiddle"><img id="<?=$TablePic?>" src="parent.gif" border="0" align="absmiddle" width="35" height="17"></span></a><font size="2"><A href="process.php?SearchPattern=<?=trim($Result[0])?>" class="F1"><?=$Result[1]?></a></font>
                  <table id="<?=$TableId?>" style="display=none" cellspacing="0" cellpadding="0">
            <?
              ListChildTree($ChildDepartment,$BaseNum);//递归调用函数本身来显示其他孩子节点
            }//end if?>
             </table>
            <?}//end while
           }//end function?>
<html>
<head>
<title>无限级菜单测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../text.css" type="text/css">
<script language="javascript">
function expands(expid,picid) //显示图片张合的Js
{   //    alert("this.document.all["+expid+"].style.display");
  if(this.document.all[expid].style.display=="none")
  { this.document.all[expid].style.display="block";
    this.document.all[picid].src="leaf.gif";

  }
  else
  {
    this.document.all[expid].style.display="none";
    this.document.all[picid].src="parent.gif";
  }
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<?
  require("do_mySql.php");
$Tree = new DB_Sql;
$Tree->connect();//连接数据库,可根据需要换成自己的代码

  $Sql="select DepartmentId,DepartmentName from test where length(DepartmentId)=3";//提出最上层节点(祖宗节点),根据需要自己修改
  $Result=$Tree->query_first($Sql);
?>
<div align="center">                         
  <center>                         
  <table border="1" cellpadding="0" cellspacing="0" width="766" bordercolor="#DDCF90" height="392">                         
    <tr>                         
      <td valign="top">                     
        <div align="center">         
          <table border="0" cellpadding="0" cellspacing="0" width="372">         
            <tr>         
              <td width="368"><a onclick="javascript:expands('dwtop','dwimg')" style="cursor:hand"><span align="absmiddle"> <img id="dwimg" SRC="parent.gif" border="0" align="absmiddle" width="35" height="17"></span></a><font size="2"><a href="process.php?SearchPattern=<?=$Result[0]?>"><?=$Result[1]?></a></font>                                                                                      
        <table id="dwtop" style="display=none" cellspacing="0" cellpadding="0">
         <?        
               $FirstDepartment=$Result[0];
               $BaseNum=strlen($FirstDepartment)/3;//计算层数,其实这个有点多余,因为其必为第一层
               $SearchPattern=$FirstDepartment."___";    //设置查找条件       
               ListChildTree($SearchPattern,$BaseNum);        //显示祖宗节点的孩子节点
         ?>
        </table>
        </td>
         </tr>
        </table>
       </div>
      </td>
     </tr>
    </table>
       </center>
   </div>

</body>
</html>

<?/* 表结构的设计

由于是测试表设计得非常的简单:

CREATE TABLE test (
  id mediumint(8) unsigned NOT NULL auto_increment, #流水号
  DepartmentId varchar(100) NOT NULL default '',    #单位代号
  DepartmentName varchar(100) NOT NULL default '',  #单位名称
  KEY id (id)  
)

数据插入的代码我在这里就不那出来给大家了(很容易写,相信大家都能写出来)

数据表的规则为:

001为第一级(如果999个不够,请自行添加)
001001为001的第一个子节点,001002为001的第二个子节点
001001001为001001的第一个子节点,以此类推……

我这里只设置了一个"祖宗"(001),所以在程序中就直接调用了,可根据需要自己来设置,并对代码作简单的修改即可!

好了,就到这里了,如果大家有问题欢迎和我探讨!最好祝大家今天工作愉快!
先吸颗烟在睡觉!好累!(因为刚刚写了一个webFtp,如果哪位兄弟姐妹需要请mail我)
*/

?>

PHP 相关文章推荐
PHP var_dump遍历对象属性的函数与应用代码
Jun 04 PHP
PHP中的float类型使用说明
Jul 27 PHP
PHP sprintf() 函数的应用(定义和用法)
Jun 29 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
Jun 28 PHP
php不允许用户提交空表单(php空值判断)
Nov 12 PHP
PHP中is_dir()函数使用指南
May 08 PHP
Linux下快速搭建php开发环境
Mar 13 PHP
PHP的自定义模板引擎
Mar 24 PHP
PHP简单实现二维数组赋值与遍历功能示例
Oct 19 PHP
为何说PHP引用是个坑,要慎用
Apr 02 PHP
详解PHP版本兼容之openssl调用参数
Jul 25 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
Apr 10 PHP
综合图片计数器
Oct 09 #PHP
php,不用COM,生成excel文件
Oct 09 #PHP
PHP中GET变量的使用
Oct 09 #PHP
一个ORACLE分页程序,挺实用的.
Oct 09 #PHP
通过ICQ网关发送手机短信的PHP源程序
Oct 09 #PHP
搜索引擎技术核心揭密
Oct 09 #PHP
输出控制类
Oct 09 #PHP
You might like
深入PHP运行环境配置的详解
2013/06/04 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
2011/07/26 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
js实现模拟银行卡账号输入显示效果
2015/11/18 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
vue实现轮播图帧率播放
2021/01/26 Vue.js
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
python实现批量监控网站
2016/09/09 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
Falsk 与 Django 过滤器的使用与区别详解
2019/06/04 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
css3圆角边框和边框阴影示例
2014/05/05 HTML / CSS
CSS3 分类菜单效果
2019/05/27 HTML / CSS
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
数学系毕业生的自我评价
2014/01/10 职场文书
党委班子对照检查材料
2014/08/19 职场文书
2014年医生工作总结
2014/11/21 职场文书
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏