无限级别菜单的实现

<?  /* 看到很多朋友问过无限级别菜单的的问题（其实理论上还是有级别的，毕竟要受到个方便的条件的限制，比如： 数据库字段的类型等），我曾经用老大（唠叨）提供的代码写出来过无限级别的菜单，但是感觉效果不是很好（视觉上），于是趁着"夜深人静"就写这个"无限制级别的菜单"，其实道理很简单，主要是数据表的设计，还有递归方法的使用（如果有时间我会用中值排序法来做），我会在下面给出数据结构的设计（非常简单），这里我没有加上竖直的虚线（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我）
*/

?>

赞 (0)

相关推荐

  • 无限级别菜单的实现

    <?  /* 看到很多朋友问过无限级别菜单的的问题(其实理论上还是有级别的,毕竟要受到个方便的条件的限制,比如: 数据库字段的类型等),我曾经用老大(唠叨)提供的代码写出来过无限级别的菜单,但是感觉效果不是很好(视觉上),于是趁着"夜深人静"就写这个"无限制级别的菜单",其实道理很简单,主要是数据表的设计,还有递归方法的使用(如果有时间我会用中值排序法来做),我会在下面给出数据结构的设计(非常简单),这里我没有加上竖直的虚线(windows资源管理器的虚线),

  • asp.net(C#)生成无限级别菜单

    首先,创建数据库表的代码如下: 无限级树的数据库表代码 复制代码 代码如下: if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[work_sysmenu]') and OBJECTPROPERTY(id, N'IsUserTable') = 1) drop table [dbo].[work_sysmenu] GO CREATE TABLE [dbo].[work_sysmenu] ( [flowid] [

  • JSON无限折叠菜单编写实例

    JSON无限折叠菜单编写实例

    最近看了一篇关于JSON无限折叠菜单的文章 感觉写的不错,也研究了下代码,所以用自己编码方式也做了个demo 其实这样的菜单项在我们网站上或者项目导航菜单项很常见的一种效果,特别是在一些电子商务网上上左侧有分类是很常见的 或者说导航菜单有下拉效果也是很常见的,但是他们都是做死的 也就是页面上代码直接写死的 然后实现那种下拉效果 而今天我们是通过JSON格式来自动生成的,或者可以说 要做这种折叠菜单效果 只需要开发人员提供我们前端开发这种JSON格式或者我们前端可以定这样的格式也就ok了 其他的都

  • jquery 无限级联菜单案例分享

    看到phpcms的地区级联菜单,感觉写的挺有意思,就说说大致步骤,省得忘了. 对于地区级联菜单的生成一般是在/data/cache_model/content_form.class.php文件的areaid()函数中.不过,这个只是一个cache至于什么地方生成还不没找到,所以暂时作为一个测试.(知道的同学告诉我哈!十分感谢) 在areaid()的$js中添加 复制代码 代码如下: function delChild(num) { $('#load_$field select').each(fu

  • javascript 无限联动菜单效果代码

    Selects *{font-size:14px;} select{height:20px;font-size:12px;} 2级联动 3级联动 4级联动 5级联动 var Sys = (function(ua){ var s = {}; s.IE = ua.match(/msie ([\d.]+)/)?true:false; s.Firefox = ua.match(/firefox\/([\d.]+)/)?true:false; s.Chrome = ua.match(/chrome\/([

  • C#TreeView 无限级别分类实现方法

    C#TreeView 无限级别分类实现方法

    做分类 经常会用到无限级别的分类  先介绍一下数据库的表结构 tid  类别编号 tname 类别名称 pid 父类编号 测试数据就不写了,大家可以自己插入一下试试 查询制定类别的 所有的子类   sql 的 代码 复制代码 代码如下: alter proc  proc_chaxun(@tid int )asbegin with tt  as     ( select tid,tname,pid from dbo.t_goodsType where tid=@tid        union a

  • Discuz .net版本中的短消息系统第1/2页

    Discuz .net版本中的短消息系统第1/2页

    在Discuz中,消息可以分为公用消息(管理后台 --> 其他 -->公共消息管理)如下: 另外还有批量短消息发送(用户管理): 以及个人用户时的发送: 当前1/2页 12下一页阅读全文 您可能感兴趣的文章: asp.net 通过UserAgent判断智能设备(Android,IOS) .Net消息队列的使用方法 .net 弹出消息框后导致页面样式变乱解决方法 使用ASP.NET MVC 4 Async Action+jQuery实现消息通知机制的实现代码 asp.net textbox j

  • tp5框架前台无限极导航菜单类实现方法分析

    本文实例讲述了tp5框架前台无限极导航菜单类实现方法.分享给大家供大家参考,具体如下: 适用于 id name pid sort 类似结构的表结构 使用方法:(tp5) 1.将最下面的代码保存到"前台"控制器目录下(名为 FrontNav.php),比如(路径): application/index/controll(应用/模块/控制器) 2.在控制器中使用:(application/index/controll/index)(应用/模块/控制器/方法) 也可以放到基础类的初始化方法中

  • 使用python实现省市三级菜单效果

    使用python实现省市三级菜单效果

    地区分三层结构例如: 大中华地区一级划分: 华东 华中 华北 西南 特别行政区 华南 ------------------------------------------------- 请输入你要查看的大中华地区名字:华中 ------------------包含的省名字二级:----------------- 湖北 湖南 河南 ------------------------------------------------- 请输入你要查看的省名字:湖北 --------------包含的城市

  • BootStrap Jstree 树形菜单的增删改查的实现源码

    BootStrap Jstree 树形菜单的增删改查的实现源码

    1.首先需下载jstree的插件点击打开链接 2.在页面引入插件js文件css文件 <link rel="stylesheet" href="plugins/jstree/themes/classic/style.css" rel="external nofollow" > <script type="text/javascript" src="plugins/jstree/_lib/jquery.

随机推荐