广

PHP编程

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    无限级别菜单的实现

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


    ?>

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告