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

经常有人问生成树的例子，其实很简单，自己随手写个，就算扔块砖头吧．

csdn论坛地址: http://topic.csdn.net/u/20081029/11/f2faab7f-f8fb-43a8-906a-a7bb83063515.html

 

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. 
    
24. function getNode($id, $level)
25. {
26.     $sql = "select id, name, ischild from tree where parent = $id order by id asc ";
27.     $result = mysql_query($sql);
28.     $level++;
29.   while($row = mysql_fetch_array($result))
30.   {
31.       extract($row);
32.         $icon = $ischild ? "<a href='javascript:expand(/"div$id/");'>+</a>":"-";
33.         $name = $icon . $name;  
34.         echo "<div id='div" . $id . "'>" . echoChar("    ", $level)  . $name;
35.         if($ischild)
36.         {
37.             getNode($id, $level);
38.         }
39.         echo "</div>";
40.   }
41. }
42. 
    
43. function echoChar($char, $num)
44. {
45.     for($i=0;$i< $num; $i++)
46.     {
47.         $strChar .= $char;
48.     }
49.     return $strChar;
50. }
51. ?>
52. <script language="javascript">
53.     function expand(id)
54.     {
55.         var obj = document.getElementById(id).childNodes;
56.         for(var i=0;i<obj.length;i++)
57.         {
58.             if(obj[i].nodeName == "DIV")
59.             {
60.                 switch(obj[i].style.display)
61.                 {
62.                     case "":
63.                     case "block":
64.                      obj[i].style.display = "none";
65.                      break;
66.                     case "none":
67.                      obj[i].style.display = "block";
68.                      break; 
69.                 }
70.             }
71.         }
72.     }
73. </script>
74. 
    
75.