2.7 首頁的開發

用戶登錄成功后進入管理首頁，其頁面如圖2-15所示。該頁面的左端是一個樹形的導航，右面是按鈕式的導航，其實現都比較簡單，請讀者查看光盤中本章源代碼中的tree.jsp及main.jsp，下面主要對樹節點的響應進行介紹。

圖2-15 管理首頁

代碼位置：見光盤中本章源代碼的tree.jsp

1   ＜%@ page contentType="text/html;charset=gbk"  %＞
2   ……＜!-- 此處省略了頁面的標題 --＞
3   ＜link rel=stylesheet href="css/style.css"type="text/css"＞＜!--引入外部CSS--＞
4   ＜script language="JavaScript"＞
5     function check(root,list){
6        if(list.style.display=="none"){                 //當子節點不顯示時
7         list.style.display="block";                    //設置子節點顯示
8         root.innerHTML="＜img border='0' src='img/pkg-open.gif'/＞";
                                                         //變換節點前面的圖標
9        }
10       else{
11        list.style.display="none";                     //設置子節點不可見
12        root.innerHTML="＜img border='0' src='img/pkg-closed.gif'/＞";
                                                         //變換節點前面的圖標
13     } }
14  ＜/script＞
15  ……＜!-- 此處省略了顯示樹中的各節點代碼 --＞