[发明专利]树型控件设计及生成系统及方法

说明书

技术领域

本发明涉及一种控件设计及生成系统及方法，尤其涉及一种树型控件设计及生成系统及方法。

背景技术

在网页的设计与开发过程中，经常要利用到树型控件这种表现形式，比如表示文件目录结构，表现网站结构地图等。对于这些具备一定继承关系的结构化信息，树型控件是最佳的表现形式。

所述树型控件是一种用户界面控件，被广泛地用来显示层次型数据。树型控件具有独特的扩展和折叠分支的能力，能够以较小的空间显示出大量的信息，一目了然地传达出数据之间的层次关系。

然而，对于网页的设计与开发人员来说，传统的树型控件存在以下缺陷：

1)数据传输慢、滞后严重。对于传统的树型控件，其读取数据的方式是从一个数据库或者文件中将一个树型结构的所有目录，包括根目录及各层子目录的数据全部读出，组成一个数据结构。当一个树型结构有上万个子目录时，其生成数据结构时会耗费很多时间，因此，造成传统的树型控件传输数据的速度很慢。此外，传统的树型控件在传输数据时是采用同步的方式，即由客户端浏览器提交请求->服务器对上述请求进行处理->处理完毕后返回结果给客户端浏览器(在服务器对请求进行处理期间客户端浏览器不能干任何事)。当客户端浏览器没有发出请求时，服务器不会做任何处理，这就会造成当数据库或者文件中的数据发生改变时，除非客户端浏览器发出刷新请求，重新生成数据结构，否则在客户端浏览器上表现的数据不会发生任何改变，因此造成信息传输滞后严重。

2)功能单一。传统树型控件只能实现点击、查看的功能，用户几乎不可能自订树型控件的鼠标单击事件、键盘事件等，在提倡交互性的时代，这点是很难接受的。

3)外观单一、固定。传统树型控件千篇一律的风格对于界面要求较高的网站来说是不可接受的。

发明内容

鉴于以上内容，有必要提出一种树型控件设计及生成系统，其可以生成多样式、美观的树型控件，且使该生成的树型控件具有传输数据速度快、耗费资源小，并可以自订事件的特性。

此外，还有必要提出一种树型控件设计及生成方法，其可以生成多样式、美观的树型控件，且使该生成的树型控件具有传输数据速度快、耗费资源小，并可以自订事件的特性。

一种树型控件设计及生成系统，包括一台数据库、一台应用服务器及多台客户端计算机。所述应用服务器与所述数据库和所述客户端计算机通信连接。所述数据库用于存储各种具有树型目录结构的数据。其中，所述的应用服务器包括：查询模块、数据结构生成模块及代码生成模块；及所述的客户端计算机包括：创建模块、发送模块、监听模块及树型控件生成模块。所述的创建模块用于根据客户端计算机的浏览器类型创建一个XmlHttp对象。所述的发送模块用于当用户通过客户端计算机的浏览器在树型控件页面选择一个目录时，通过上述的XmlHttp对象，应用一种查询和读取数据的方法、采用异步方式向应用服务器发送查询该目录信息的请求。所述的查询模块用于根据上述发送模块发送的查询目录信息的请求，从数据库中查询对应的具有树型目录结构的数据，以获得该目录的信息以及该目录下的子目录信息。所述的数据结构生成模块用于根据上述获得的该目录信息及其子目录信息，生成一个数据结构。所述的代码生成模块用于根据上述生成的数据结构生成Html代码。所述监听模块用于监听代码生成模块，以判断该代码生成模块是否已经将Html代码生成完毕。所述的树型控件生成模块用于当上述Html代码生成完毕时，根据生成的Html代码、采用Dom技术生成树型控件，其中，所述Dom技术指的是文档对象模型技术。

一种树型控件设计及生成方法，该方法包括如下步骤：根据客户端计算机的浏览器类型创建一个XmlHttp对象；用户通过客户端计算机的浏览器在树型控件页面选择一个目录；通过上述的XmlHttp对象，应用一种查询和读取数据的方法、采用异步方式向应用服务器发送查询该目录信息的请求；根据上述发送的查询目录信息的请求，从一个数据库中查询对应的具有树型目录结构的数据，以获得该目录的信息以及该目录下的子目录信息；根据上述获得的该目录信息及其子目录信息，生成一个数据结构；根据上述生成的数据结构生成Html代码；监听Html代码的生成进度，以判断该Html代码是否生成完毕；及当上述Html代码生成完毕时，根据生成的Html代码、采用Dom技术生成树型控件，其中，所述Dom技术指的是文档对象模型技术。