PHP递归生成树的一个小例子

时间:2022-07-15 12:38:34
经常有人问生成树的例子,其实很简单,自己随手写个,就算扔块砖头吧.
 
  1. <?php
  2. header("content-type: text/html; charset=utf-8");
  3. $connect = mysql_connect('localhost''root''123456');
  4. mysql_select_db("wz");
  5. mysql_query("set names 'utf8'");
  6. //获得顶节点
  7. $sql = "select id, name,ischild from tree where parent = 0 order by id asc";
  8. $result = mysql_query($sql);
  9. while($row = mysql_fetch_array($result))
  10. {
  11.     extract($row);
  12.         //如果有子节点,就在前面加个事件,以便展开或者关闭子节点
  13.     $icon = $ischild ? "<a href='javascript:expand(/"div$id/");'>+</a>":"-";
  14.     $name = $icon . $name;
  15.     echo "<div id='div" . $id . "'>" . $name;
  16.     if($ischild)
  17.     {
  18.                 //递归获取节点
  19.         getNode($id, 0);
  20.     }
  21.     echo "</div>";
  22. }

  23. function getNode($id$level)
  24. {
  25.     $sql = "select id, name, ischild from tree where parent = $id order by id asc ";
  26.     $result = mysql_query($sql);
  27.     $level++;
  28.   while($row = mysql_fetch_array($result))
  29.   {
  30.       extract($row);
  31.         $icon = $ischild ? "<a href='javascript:expand(/"div$id/");'>+</a>":"-";
  32.         $name = $icon . $name;  
  33.         echo "<div id='div" . $id . "'>" . echoChar("    "$level)  . $name;
  34.         if($ischild)
  35.         {
  36.             getNode($id$level);
  37.         }
  38.         echo "</div>";
  39.   }
  40. }

  41. function echoChar($char$num)
  42. {
  43.     for($i=0;$i$num$i++)
  44.     {
  45.         $strChar .= $char;
  46.     }
  47.     return $strChar;
  48. }
  49. ?>
  50. <script language="javascript">
  51.     function expand(id)
  52.     {
  53.         var obj = document.getElementById(id).childNodes;
  54.         for(var i=0;i<obj.length;i++)
  55.         {
  56.             if(obj[i].nodeName == "DIV")
  57.             {
  58.                 switch(obj[i].style.display)
  59.                 {
  60.                     case "":
  61.                     case "block":
  62.                      obj[i].style.display = "none";
  63.                      break;
  64.                     case "none":
  65.                      obj[i].style.display = "block";
  66.                      break
  67.                 }
  68.             }
  69.         }
  70.     }
  71. </script>