图档结构树的设计与关联

下图是页面初始化的流程图：

3．2．2．2 节点处理
对于节点的处理，是由HTML中的Click事件触发的，通过句柄调用JavaScript中的处理函数expend(el,num)，其中el为调用节点的id，num是该节点下面的子节点数，根据子节点的命名规则，则子节点id为"el+child+i"，i的最大值为num。由此遍历调用节点的所有子节点。如果子节点是隐藏的则将其所有的都显示，如果子节点是显示的，则将其隐藏，当某个子节点不是叶子节点，也就是说其下面还有叶子节点，此时先将该节点隐藏然后再调用hidechild(name)函数，将该节点下面所有的孩子隐藏掉。这样就可以把调用节点下面的所有孩子节点都隐藏掉。
主要代码如下：
for(var i=1;i<=num;i++) file://对各个子节点进行操作
{
whichEl = eval(el + "Child"+i);
if (whichEl.style.display == "none") file://如果是隐藏的
{
whichEl.style.display = "block"; file://显示该节点
}
else file://如果是显示的
{
whichEl.style.display = "none"; file://隐藏该子节点
hideChild(el+"Child"+i); file://隐藏该子节点下面的孩子节点
}
}//for
图3-3 是节点处理流程图：

3．3 图档结构树图示

初始状态 开启状态
　
图 3-4 结构树图示

在图3-4左图中所示，目录1到目录4及备注这五个图标是父节点，他们所在的层的classname为parent，因此在初始化时没有被隐藏掉，而其他所有非父节点因为其classname为child，所以都被初始化函数隐藏掉了。于是，页面载入后，就如左图所示。
在右图中，描述的是整个树的所有节点，正如前面所述，处于第二层目录的几个图标，象"设计部门分类"、"全部档案"、"档案说明""子目录1"他们都处在同一条垂直线上。处在第三层上的目录也一样。通过此树型图，整个目录的层次关系和分类一目了然。

第四章 JavaServer Pages及JDBC基础

4．1 JavaServer Pages简介

静态HTML对于显示相对静态的内容是不错的选择；新的挑战在于创建交互的基于Web的应用程序，在这些程序中，页面的内容是基于用户的请求或者系统的状态，而不是预先定义的文字。对于这个问题的一个早期解决方案是使用CGI-BIN接口；开发人员编写与接口相关的单独的程序，以及基于Web的应用程序，后者通过Web服务器来调用前者。 这个方案有着严重的扩展性问题--每个新的CGI要求在服务器上新增一个进程。如果多个用户并发地访问该程序，这些进程将消耗该Web服务器所有的可用资源，并且系统性能降低到极其低下的地步。
某些Web服务器供应商已经尝试通过为他们的服务器提供"插件"（Plug-ins）和API来简化Web应用程序的开发。这些解决方案是与特定的Web服务器相关的，不能解决跨多个供应商的解决方案的问题。 当然还存在其他的解决方案，但是都不能使一个普通的页面设计者能够轻易地掌握。例如，像JavaServlet这样的技术就可以使得用Java语言编写交互的应用程序的服务器端的代码变得容易。一个JavaServlet就是一个基于Java技术的运行在服务器端的程序。 开发人员能够编写出这样的Servlet，以接收来自Web浏览器的HTTP请求，动态地生成响应， 然后发送包含HTML或XML文档的响应到浏览器。采用这种方法，整个网页必须都在JavaServlet中制作。如果开发人员或者Web管理人员想要调整页面显示，就不得不编辑并重新编译该JavaServlet，即使它在逻辑上已经能够运行了。采用这种方法生成带有动态内容的页面仍然需要应用程序的开发技巧。
很显然，目前所需要的是一个业界范围内的创建动态内容页面的解决方案。这个方案将解决当前方案所受到的限制，即：
1） 能够在任何Web或应用程序服务器上运行。
2） 将应用程序逻辑和页面显示分离。
3） 能够快速地开发和测试。
4） 简化开发基于Web的交互式应用程序的过程。
JavaServer Pages（JSP）技术就是被设计用来满足这样的要求的。 JSP规范是Web服务器 、 应用服务器、 交易系统以及开发工具供应商问广泛合作的结果。SUN公司领导开发出这个规范来整合和平衡已经存在的对Java编程环境进行支持的技术和工具，其结果是产生了一种新的开发Web应用程序的方法，给予使用基于组件应用逻辑的页面设计者以强大的功能。
JSP技术在多个方面加速了动态Web页面的开发：
（1） 将内容的生成和显示进行分离。使用JSP技术， Web页面开发人员可以使用HTML或者XML标记来设计和格式化最终页面，使用JSP标记或者小脚本来生成页面上的动态内容（内容是根据请求来变化的，例如请求帐户信息或者特定的一瓶酒的价格）。生成内容的逻辑被封装在JSP标记和JavaBeans／EJB组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标识和JavaBeans／EJB中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP 面，而不影响内容的生成。在服务器端，JSP引擎解释JSP标记和小脚本，生成所请求的内容（例如，通过访问JavaBeans组件，使用 JDBC?技术访问数据库，或者包含文件），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。
（2） 强调可重用的组件。经大多数JSP页面依赖于可重用的、跨平台的组件 （JavaBeans）来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程。
（3） 采用标识简化页面开发。Web页面开发人员不会都是熟悉脚本语言的编程人员。JSP技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。
通过开发定制化标识库，JSP技术是可以扩展的。今后，第三方开发人员和其他人员可以为常用功能创建自己的标识库，这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。JSP技术很容易整合到多种应用体系结构中，以利用现存的工具和技巧，并且扩展到能够支持企业级的分布式应用。JSP技术能够支持高度复杂的基于Web的应用。由于JSP页面的脚本语言基于Java编程语言，而且所有的JSP页面都被编译成为JavaServlet Class，因此JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。作为Java平台的一部分，JSP拥有Java编程语言"一次编写，各处运行"的特点。随着越来越多的供应商将JSP支持添加到他们的产品中，你可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。

4．2 JDBC和数据库

4．2．1 SQL语言简介
SQL是英文Structure Query Language的缩写，意思为结构化查询语言。 SQL语言的主要功能就是同各种数据库建立联系，进行沟通。按照 ＡＮＳＩ（美国国家标准协会）的规定，SQL被作为关系型数据库管理系统的标准语言。 SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。目前，绝大多数流行的关系型数据库管理系统都采用了SQL语言标准。

4．2．2 JDBC简 介
JDBC是一种用于执行SQL语句的JavaAPI， 它由一组用Java编程语言编写的类和接口组成。JDBC为工具／数据库开发人员提供了一个标准的API，使他们能够用纯JavaAPI来编写数据库应用程序。
有了JDBC，向各种关系数据库发送 SQL语句就是一件很容易的事。换言之，有了JDBCAPI，就不必为访问Sybase数据库专门写一个程序，为访问Oracle数据库又专门写一个程序。 你只需用JDBC API写一个程序就够了，它可向相应数据库应用程序发送SQL语句。而且，使用Java编程语言编写的应用程序，就无需去忧虑要为不同的平台编写不同的应用程序。将Java和JDBC结合起来将使程序员只需写一遍程序就可让它在任何平台上运行。
Java具有健壮、安全、易于使用、易于理解和可从网络上自动下载等特性，是编写数据库应用程序的杰出语言。所需要的只是Java应用程序与各种不同数据库之间进行对话的方法。而JDBC正是作为此种用途的机制。
4．2．3 JDBC的 用 途
简单地说，JDBC可做三件事：
1） 与 数 据 库 建 立 连 接 。
2） 发 送 SQL 语 句 。
3） 处 理 结 果 。
JDBC是个"低级"接口，也就是说，它用于直接调用SQL命令。在这方面它的功能极佳，并比其它的数据库连接API易于使用，但它同时也被设计为一种基础接口，在它之上可以建立高级接口和工具。高级接口是"对用户友好的"接口，它使用的是一种更易理解和更为方便的API如JDO），这种API在幕后被转换为诸如JDBC这样的低级接口。

4．2．4 JDBC与数据库的连接
Connection对象代表与数据库的连接。连接过程包括所执行的SQL语句和在该连接上所返回的结果。一个应用程序可与单个数据库建立一个或多个连接，或者可与许多数据库建立连接。 与数据库建立连接的标准方法是调用DriverManager.getConnection( )方法。该方法接受含有某个URL的字符串。 DriverManager类（即所谓的JDBC管理层）将尝试找到可与那个URL所代表的数据库进行连接的驱动程序。 DriverManager类存有已注册的Driver类的清单。当调用方法getConnection( )时，它将检查清单中的每个驱动程序，直到找到可与URL中指定的数据库进行连接的驱动程序为止。Driver的Connection( )方法使用这个URL来建立实际的连接。

4．2．5 　JDBC URL
JDBC URL提供了一种标识数据库的方法，可以使相应的驱动程序能识别该数据库并与之建立连接。实际上，驱动程序编程员将决定用什么JDBC URL来标识特定的驱动程序。用户不必关心如何来形成JDBC URL；他们只需使用与所用的驱动程序一起提供的 URL即可。
JDBC URL 的标准语法如下所示，它由三部分组成，各部分用冒号分隔：
Jdbc:<子协议>:<子名称>
JDBC URL的三个部分可分解如下：
Jdbc--协议。JDBC中的协议总是 jdbc。
<子协议>--驱动程序或数据库连结机制的名称。子协议名的典型示例是：odbc，该名称是为用于指定ODBC风格的数据资源名称的URL专门保留的。例如，为了通过JDBC-ODBC桥来访问某个数据库，可以用如下所示的URL: jdbc:odbc:fred
<子名称>--一种标识数据库的方法。子名称可依不同的子协议而变化。它还可以有子名称的子名称。使用子名称的目的是为定位数据库提供足够的信息。

第五章 图档结构树与数据库的关联

5．1服务器环境的安装与配置

5．1．1 Java语言的安装
Java系统一般包含部分：环境、语言、应用程序接口、类库，作为Java开发工具的Java2SDK包含这四个部分，该软件包可以从java.sun.com处下载。下载的J2SE v1.3文件为j2sdk1_3_0-win.exe，在执行该文件后就自动安装完成Java的环境，在这里我将其安装在D:\jdk目录中，则整个Java执行文件存于D:\jdk\bin中，类文件存于D:\jdk\lib\tools.jar中，因此，为了方便起见，将下列路径加入autoexec.bat中：
PATH.;D:\JDK\BIN;
SET CLASSPATH=.;D:\JDK\LIB\TOOLS.JAR
这样就将Java语言的编译环境安装成功了。

5．1．2 服务器的安装
在这里我采用的服务器是Tomcat，它支持并实现Sun公司的Java Servlet SDK2.2版，以及JavaServer Pages1.1版，可是说是一个国际级的JSP服务器，也称为JSP引擎。Tomcat可融入Apache服务器中，Apache可安装在Unix、Linux、NT、Windows等平台，由此可见，JSP技术是跨平台的。
首先，从jakarta.apache.org/ 处下载 jakarta-tomcat.zip 文件，然后，将其解压C:\，为了简单起见，将C:\jakarta-tomcat目录改为 C:\tomcat，此时，服务器的根目录为C:\tomcat。 然后在C:\tomcat\bin\tomcat.bat文件中插入下列两行设置，以说明服务器及Java的目录位置： SET TOMCAT_HOME=C:\TOMCAT
SET JAVA_HOME=D:\JDK
然后，运行C:\TOMCAT\BIN\STARTUP.BAT 试图启动服务器，但是系统提示：OUT OF MENERYSPACE,服务器启动没能成功。后经查阅资料，将DOS运行的内存初始环境设置为2816，再次运行,启动成功。启动浏览器，访问LOCALHOST:8080/ 进入TOMCAT例题画面。到此，服务器安装已经成功。下面进行网络应用程序目录结构的建立，在C:\TOMCAT下建立如下子目录：
/HOWJSP 这是根目录，用于存放JSP文件和HTML文件
/HOWJSP/GLOBAL 存放公用引入文件或网页文件
/HOWJSP/WEB-INF 存放其他的资源
/HOWJSP/WEB-INF/CLASSES 存放服务器端小程序类及其他公用类
为了让Tomcat了解网络应用程序howjsp，还必须将下列信息：
defaultSessionTimeOut="30" isWAREExpanded="true"
isWARValidated="false " isInvokerEnabled="true"
isWorkDirPersistent="false" reloadable="true"/>
插入到C:\tomcat\conf\server.xml文件中的examples之后。这样工作目录就已经安装好了，启动服务器后，在浏览器中就可以访问localhost:8080/howjsp/ 下面的文件了。

5．2数据库与数据源的设置

数据库名称：Graphdoc.mdb
数据源名： Graphdoc
用户名： ""
用户口令： ""
数据院描述：Graph Document

表5-1是数据库中item表的字段名称、类型、长度等属性的表述：

字段名 字段类型 字段大小 字段描述
id 数字 长整型 图档编号
graphname 文本 50 图档名称
author1 文本 20 第一设计者
author2 文本 20 第二设计者
designDep 文本 50 设计部门
place 文本 20 图档存放地点
docdate 日期/时间 / 归档日期
表5-1 item的字段类型表

5．3 JSP程序流程

JSP首先加载JDBC-ODBC桥驱动程序，然后建立与DBMS连接，连接建立后，执行SQL语句，对数据库进行操作。最后将符合要求的数据取出来，并用超文本的格式反馈给浏览器，以网页的形式显示出来。

5．3．1 与数据库建立连接
第一步是加载驱动程序：
加载驱动程序非常的简单，只需要一句代码。这里使用JDBC-ODBC桥驱动： Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); 驱动程序文档将会告诉你class name。因为当你调用class.forName的时候它已经自动加载了。当你加载了驱动程序后，那么就可以和DBMS建立连接了。
第二步是与DBMS建立链接：
看如下的代码：
Connection con=DriverManager.getConection("jdbc:odbc:graphdoc", "","");
这里因为使用JDBC-ODBC桥驱动程序，那么JDBC的URL应该是jdbc:odbc：接下来是数据源的名称。在这里，数据源的用户名为""，口令为""。当DriverManager.getConnection方法找到了建立链接的驱动程序和源，那么开始根据后面提供的用户名和口令开始与DBMS建立连接，如果通过那么连接建立完成。

5．3．2 访问数据库并将数据反馈
首先，执行SQL语句，以读出符合要求的数据。例如，这里我们要把所有设计部门为"ibm"的工程图纸全部找出来。执行如下代码：
ResultSet rs = statement.executeQuery("SELECT * FROM item where designDep='ibm'");
然后，还要将这些数据生成超文本的形式，我们可以使用循环语句，将所有的数据纪录用表格的形式生成网页。
部分代码如下：
while (rs.next())
{
out.println("<tr><td>"+rs.getObject("id")+"</td>");
out.println("<td>"+rs.getString("graphname")+"</td>");
out.println("<td>"+rs.getString("author1")+"</td>");
out.println("<td>"+rs.getString("author2")+"</td>");
out.println("<td>"+rs.getString("designDep")+"</td>");
out.println("<td>"+rs.getString("place")+"</td>");
out.println("<td>"+rs.getString("docdate")+"</td></tr>");
}
当然，这些并不是一个完整的表格代码，而只是表示一行单元格的HTML标识，其余部分的用以构成完整表格的HTML是静态的，而不是有JSP来动态生成的。

5．3．3 工作流程

5．3．4 实现图例

结 论

运用JavaScript脚本语言和JavaServer Pages 这两种技术，基本上可以满足本课题的设计要求，即通过树型目录的层次结构，来对数据库中具有不同属性的数据进行分类输出，同时并将这些数据作为网页的形式反馈给浏览器，这样就可以使客户端的用户非常方便的对数据库内容进行调阅。
作为工程图纸，其分类结构一般是相对固定的，而不会有经常的变动。因此，在这里我使用的是脚本语言来实现图档结构树，这样对树的处理可以在客户端完成，从而可以减轻服务器的负担。但是由于采用的是浏览器脚本来实现的。因此，如果要改变这棵树的结构时，就不得不要修改其源文件，这是本设计中值得改进的一个问题。当然，这个问题完全可以使用后面关联部分的JSP技术来解决。譬如，可以为树建立一个数据表，每一条纪录用来表示一个节点，在每一条纪录中可以设立多个数据项来表示该节点的属性，如：这个节点所处的层、当前的状态是打开还是关闭、该节点所属的父节点 等信息，这样整个树的生成信息都在这个数据库中，当需要改变树结构时，只需要改变相应数据库内容就行了，当然这些改变并不一定要直接去修改数据库，可以通过JSP把有修改权限的用户的修改信息传递给服务器。但是，这样的话当客户端的用户数很大的时候，对服务器的访问之频繁是可想而知的。因此，以上两种方法各有优缺点。
在与数据库关联这部分，每一个叶子节点对应一个JSP文件，以完成相应的数据库操作和反馈操作。这样有一个缺点就是当节点很多时，所需要的JSP文件就需要相应的增加。这个问题可以只用一个文件来进行处理，通过节点把各自不同的参数传递给该JSP文件，以执行不同的命令，从而输出不同的结果。
综上所述，本设计基本上满足了这个课题的要求，但是还有很多地方存在不足，值得进一步改进！

致 谢

在本课题的完成过程中，得到了陈良宽教授的悉心指导，并且在百忙之中审阅了全文，还提出了一些宝贵的建议。他那严谨的治学态度，值得我好好的学习。另外，还要感谢我的同学们，他们给我提供了很多的帮助。
同时还要感谢我们系的领导，他们为我提供了很好的上机环境，如果没有这么好的机房环境和上机条件，要想按时完成本课题是不可能的。
最后再一次感谢所有指导、帮助过我的人！

参 考 文 献

1、 王炜. JavaScript编程指南. 北京：电子工业出版社，1999
2、 罗小明，付胜兵. JavaScript与HTML实用教程. 北京：国防工业版社，1998
3、 James Jaworski（美）. JavaScript与Jscript从入门到精通. 北京：电子工业出版社，2000
4、 Rick Darnell（美）. JavaScript快速查询手册. 北京：机械工业出版社，1997
5、 Lee Purcell, Mary Jane Mara（美）. JavaScript实用指南. 电子工业出版社，1997
6、 Robert Mullen（美）. HTML4开发人员参考手册. 北京：机械工业出版社，1998
7、 N.兰达尔（美）. HTML用户使用指南. 北京：科学出版社， 1996
8、 Ian S.Graham（美）. HTML格式页资源手册. 北京：电子工业出版社，1998
9、 康博创作室. HTML网页设计指南. 北京：人民邮电出版社， 1999
10、Aaron Walsh & John Frouckowiak（美）. Java宝典. 北京：电子工业出版社，1999
11、黄理，李积善. 用JSP轻松开发WEB网站. 北京：希望电子出版社，2001
12、王克宏 等. Java嵌入技术. 北京：清华大学出版社，1998
13、贺军，何雄. JSP网络程序设计. 北京：人民邮电出版社，2001
14、李巍 等. JSP编程入门与应用实例. 北京：清华大学出版社， 2001
15、杨珏. JSP网络开发技术. 北京：人民邮电出版社，2001