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  ……＜!-- 此处省略了显示树中的各节点代码 --＞