实现万维网页面树形结构数据展示的方法、系统及装置

摘要

本发明披露了一种实现万维网页面树形结构数据展示的方法、系统及装置，其中方法包括：服务端在启动WEB系统后，通过经常性地访问数据库服务器为树形结构创建和/或更新所需要的XML数据文件，以承载和/或刷新树形结构中的动态数据。本发明能够使得用户可以随意点击树形结构的上下级进行数据展示，而无须在此时再向服务端发送请求，由此大大提高了页面的响应速度和展示效率，从而极大地改善了用户体验。

说明书

技术领域

本发明涉及万维网(WEB，World Wide Web)页面树形结构展示技术，尤其涉及基于可扩展标记语言(XML，XML-eXtensible Marked Language)的实现WEB页面树形结构数据展示的方法、系统及装置。

背景技术

随着因特网的高速发展，WEB网站逐渐成为人们日常工作和生活中必不可少的伴侣，随着WEB2.0标准的逐渐推广，在浏览器/服务器(B/S，Browser/Server)应用系统中采用树形结构展示目录和数据的需求也日趋强烈。众所周知，树形结构指的是数据元素之间存在着“一对多”的树形关系的数据结构，并已经在多个领域中被广泛使用，譬如文件系统中文件的管理结构，家族族谱等。

XML是一种简单的数据存储语言，它使用一系列简单的标记来描述数据，而这些标记可以用方便的方式来建立，虽然XML占用的空间比二进制数据占用的空间更多，但XML极其简单易于掌握和使用。

XML的成功并不在于它容易被人们书写和阅读，而在于它从根本上解决了应用系统之间的信息交换。这是因为XML满足了两方面基本的需求：

(1)将数据和表达形式分离

就象天气预报的信息可以采用不同的形式显示在不同的设备上，譬如显示在电视、手机或者其它设备等。

(2)在不同的应用程序之间进行传输数据

电子商务数据交换的与日俱增使得这种需求越来越紧迫。

可扩展样式表语言转换(XSLT，eXtensible Stylesheet LanguageTransformation)，根据W3C的规范说明书(http://www.w3.org/TR/xslt)，最早设计XSLT的用意是协助将XML文档(document)转换为其它文档。但是随着技术的发展，XSLT已不仅仅用于将XML转换为超文本标记语言(HTML，Hyper-Text Markup Language)或其它文本格式的文档，其更全面的定义是：“一种用来转换XML文档结构的语言”，亦即通过将XML文档与相应的XSLT相匹配，将XML文档转换成相应的数据表达形式。也就是说，为了使数据便于人们的阅读理解，需要将信息以一定的方式显示出来或者打印出来，例如将信息数据变成一个HTML文件，一个PDF文件，甚至是一段声音；同样，为了使数据适合不同的应用程序，必须能够将数据从一种格式转换为另一种格式，比如需求格式可能是一个文本文件，一个结构化查询语言(SQL，Structured Query Language)语句，一个超文本传输协议(HTTP，Hyper-Text Transmission Protocol)信息，一定顺序的数据调用等。而XSLT就是上述用来实现这种转换功能的语言。譬如将XML转换为HTML，是目前XSLT最主要的功能。

目前实现WEB系统树形结构数据展示的方法中，如果树形结构展示的数据内容是静态的，数据级数也是固定的，通常采用的方法是以HTML的形式写入，通过JavaScript来控制该树形结构被点击后的展示，可以一级一级地将树形结构展示，也可以将树形结构全部折叠和展开；但如果数据诸多，则HTML页面冗余复杂，不利于二次扩展和修改；如果树形结构中展示的数据内容是动态的，则通常数据内容是从数据库提取的，并且数据级数也是未知的，这种情况比较复杂，常用的解决方法是采用AJAX(即AsynchronousJavaScript and XML)技术，与动态HTML标记JavaScript脚本组合，以列表的形式将数据显示为树形结构，并且为了提高效率可以设计成先显示二级的数据，然后每点击其中一级，则自动从数据库提取相应的数据，再显示出该级的下级数据。由于使用AJAX技术使得页面可以局部刷新让用户感觉不到页面的刷新变化，在一定程度上提高了页面展示的效率。但问题在于，每次点击都要向数据库提出数据请求，这无疑增加了数据库的响应负担，如果遇到了连接数据库延时或者数据库连接异常的情况，则会出现数据展示受阻的情况，从而严重地影响了用户体验。

现有的专利文献记载有：专利申请号为CN200710122116.2的中国专利申请“基于ajax与html标记形成树形显示结构的方法”，该专利申请存在以下技术上的不足：

第一，它没有区分动态数据和静态数据，如果遇到数据源不是来自数据库(DB，Data Bank)而是来自人工后台维护的xml，则此方法无法解决，并且样式的控制局限于HTML中，不利于扩展和维护。

第二，在其实现中采用AJAX技术，利用异步调用来提高用户的树状结构展示效果体验，数据是在树状结构被点击时通过访问数据库获取，但由于数据在来源上完全依赖于具体的数据库，数据库的响应直接影响了展示页面的响应效果，同时加大了数据库服务器的负担，提高了系统的复杂度，加大了系统的开发难度，并且降低了系统的可靠性。

发明内容

本发明所要解决的技术问题是提供一种实现万维网页面树形结构数据展示的方法、系统及装置，能够减轻数据库服务器的数据响应负担。

为了解决上述技术问题，本发明提供了一种实现万维网(WEB)页面树形结构数据展示的方法，包括：

服务端在启动WEB系统后，通过经常性地访问数据库服务器为树形结构创建和/或更新所需要的可扩展标记语言(XML)数据文件，以承载和/或刷新树形结构中的动态数据。

进一步地，该方法还包括：

服务端通过后台管理平台人工创建无数据内容的XML数据文件，和/或对XML数据文件中承载的静态数据进行人工修改及编辑。

进一步地，该方法还包括：

服务端根据客户端对WEB页面的访问请求，采用与XML数据文件匹配的可扩展样式表语言转换(XSLT)文件将XML数据文件转换为可被WEB浏览器识别的文档，并随时根据客户端的点击展示相应的树形结构节点和/或数据。

进一步地，服务端

采用独立的数据采集线程定时地访问所述数据库服务器，创建和/或更新的所述XML数据文件在客户端访问盲点时插入和/或替换；

在将XML数据文件进行所述转换的过程中，采用XPath语言查找和定位XML数据文件中的节点和/或数据；可被WEB浏览器识别的文档为超文本标记语言文档和/或动态超文本标记语言文档；

在进行展示相应的树形结构节点和/或数据时，采用JavaScript语言控制树形结构节点的展开和/或折叠。

进一步地，服务端在更新XML数据文件之前，还包括：

根据配置文件若确定在启动WEB系统后需要重写XML数据文件，则进行相应的重写操作。

为了解决上述技术问题，本发明提供了一种实现万维网(WEB)页面树形结构数据展示的系统，包括服务端和客户端，其中：

服务端，用于通过经常性地访问数据库服务器为树形结构创建和/或更新所需要的可扩展标记语言(XML)数据文件，以承载和/或刷新树形结构中的动态数据；或者，通过后台管理平台人工创建无数据内容的XML数据文件，和/或对XML数据文件中承载的静态数据进行人工修改编辑；

客户端，用于向服务端提出WEB页面的访问请求。

进一步地，服务端包括所述数据库服务器和WEB页面树形结构数据展示装置，其中WEB页面树形结构数据展示装置包括：系统启动模块、数据采集模块以及后台管理模块，其中：

数据库服务器，用于存储WEB页面树形结构数据；

系统启动模块，用于在启动WEB系统后，根据配置文件若判断树形结构中为动态数据，则向数据采集模块输出初始数据生成指示和/或动态数据刷新指示；或者，若判断树形结构中为静态数据，则向后台管理模块输出初始文件生成指示和/或人工维护文件指示；

数据采集模块，用于根据初始数据生成指示和/或动态数据刷新指示定时访问数据库服务器，创建和/或更新的所述XML数据文件在客户端访问盲点时插入和/或替换；

后台管理模块，用于根据初始文件生成指示和/或人工维护文件指示，生成无具体数据内容的XML数据文件和/或通过人工修改编辑XML数据文件。

进一步地，还包括数据样式控制模块和数据展示模块，其中：

数据采集模块将创建和/或更新的XML数据文件输出给数据样式控制模块，

后台管理模块将生成和/或修改编辑的XML数据文件输出给数据样式控制模块；

数据样式控制模块，用于根据客户端对WEB页面的访问请求，采用与XML数据文件匹配的可扩展样式表语言转换(XSLT)文件将XML数据文件转换为可被WEB浏览器识别的文档，在该转换的过程中采用XPath语言查找和定位XML数据文件中的节点和/或数据；并将转换成的超文本标记语言文档和/或动态超文本标记语言文档输出给数据展示模块；

数据展示模块，用于将输入的文档默认的前两级目录展示给客户端，并随时根据客户端的点击采用JavaScript语言控制所述树形结构节点的展开和/或折叠，以展示相应的节点和/或数据；

客户端在访问WEB页面时点击相应的树形结构节点和/或数据。

为了解决上述技术问题，本发明提供了一种实现万维网(WEB)页面树形结构数据展示的装置，包括系统启动模块、数据采集模块以及后台管理模块，其中：

系统启动模块，用于在启动WEB系统后，根据配置文件若判断树形结构中为动态数据，则向数据采集模块输出初始数据生成指示和/或动态数据刷新指示；或者，若判断树形结构中为静态数据，则向后台管理模块输出初始文件生成指示和/或人工维护文件指示；

数据采集模块，用于根据初始数据生成指示和/或动态数据刷新指示定时访问数据库服务器，创建和/或更新可扩展标记语言(XML)数据文件，并在客户端访问盲点时插入和/或替换XML数据文件；

后台管理模块，用于根据初始文件生成指示和/或人工维护文件指示，生成无具体数据内容的XML数据文件和/或通过人工修改编辑XML数据文件。

进一步地，还包括数据样式控制模块和数据展示模块，其中：

数据采集模块将创建和/或更新的XML数据文件输出给数据样式控制模块，

后台管理模块将生成和/或修改编辑的XML数据文件输出给数据样式控制模块；

数据样式控制模块，用于根据客户端对WEB页面的访问请求，采用与XML数据文件匹配的可扩展样式表语言转换(XSLT)文件将XML数据文件转换为可被WEB浏览器识别的文档，在转换的过程中采用XPath语言查找和定位XML数据文件中的节点和/或数据；并将转换成的超文本标记语言文档和/或动态超文本标记语言文档输出给数据展示模块；

数据展示模块，用于将输入的文档默认的前两级目录展示给客户端，并随时根据客户端的点击采用JavaScript语言控制树形结构节点的展开和/或折叠，以展示相应的节点和/或数据。

本发明基于数据和表达样式分离的方式，以XML作为树形结构的数据存储载体，其结构清晰且便于修改和扩展；同时采用XSLT作为树形结构的样式控制，并以JavaScript作为控制树形结构节点的展示和收缩，实现了一个动态、灵活的WEB树形结构数据展示。若展示的数据是静态的，则通过后台管理进行XML数据的增删修改操作；若展示的数据是动态的，则通过主动查询数据库服务器是否有数据更新来动态刷新数据；由此能够使得用户可以随意点击树形结构的上下级进行数据展示，而无须在此时再向服务端发送请求，大大提高了页面的响应速度和展示效率，从而极大地改善了用户体验。

附图说明

图1是本发明的实现万维网页面树形结构数据展示的方法实施例的流程图；

图2是本发明的实现万维网页面树形结构数据展示的系统实施例的结构示意图。

具体实施方式

以下结合附图和优选实施例对本发明的技术方案进行详细地阐述。以下例举的实施例仅仅用于说明和解释本发明，而不构成对本发明技术方案的限制。

如图1所示，是本发明提供的实现万维网页面树形结构数据展示的方法实施例的流程，包括如下步骤：

101：服务端启动WEB系统；

即服务端将WEB服务器启动。

102：读取WEB系统的配置文件；

该配置文件用于对WEB浏览器中的树形结构进行一些配置，譬如配置XML数据文件，配置树形结构中的数据属性为动态还是静态，以及配置的XML数据文件是否需要在系统启动时重写，等等。

103：判断是否已配置了树形结构所需要的XML数据文件，是则执行步骤110，否则执行步骤104；

104：判断树形结构中的数据是否为动态数据，是则执行步骤105，否则执行步骤111；

105：从数据库服务器读取相应的数据内容，生成XML数据文件；

106：经常性地访问数据库服务器，以动态刷新文件内树形结构被更新的数据；

譬如定时访问数据库服务器，或者每执行其它一些任务后访问数据库服务器，这可以由程序来控制。

当访问数据库服务器发现数据库服务器数据更新后，生成一个新的XML文件，并在客户端访问盲点时候进行替换，而被替换的XML文件不作删除，作为替换异常时备用。

107：根据客户端的访问请求或根据配置文件将XML数据文件与适当的XSLT文件匹配；

108：利用匹配的XSLT文件将XML数据文件转换为另一可被浏览器识别的文档(譬如HTML或DHTML文档)，并默认展示前两级目录传输给客户端；

XPath语言隶属XSLT，是XSLT的重要组成部分，在转换XML文档时可能需要处理其中树形结构节点上的数据，采用XPath语言查找和定位XML文档中的信息数据。

109：接受客户端对WEB页面的任意点击，将树形结构展开或折叠，展示结构中的数据，结束流程；

可采用JavaScript作为控制树状节点的展开和折叠，实现了一个动态的灵活的树状结构。

110：根据配置文件确定XML数据文件是否需要在系统启动后重写，需要则进行相应的重写操作；然后执行步骤106；

111：生成默认的无具体数据内容的XML数据文件；

112：根据需要和变化通过后台管理平台进行人工修改XML数据文件；然后执行步骤107。

譬如需要增加、修改或者删除节点和/或数据，通过后台管理平台进行人工修改。

在WEB系统启动时，通过一个独立的数据采集线程来控制XML数据文件的创建和更新工作，可以根据配置文件来设置访问数据库服务器的时间，此时间间隔不易过短，否则影响数据库服务器的性能。

建议根据实际树形结构中数据更新的情况，采取每半小时或一小时更新一次比较合理。同时，由于可以更灵活的通过后台管理界面直接来手工操作修改XML数据文件，提高了系统的可扩展性。

当客户端访问WEB的树形结构页面时，系统会将采用XSLT和XML生成的HTML或DHTML文档响应给用户，并且展示出树形结构下默认的包括根在内的前两级节点。根据客户端对关键节点的点击，将执行展开或者折叠当前节点的操作。当响应客户端点击进行节点展开时候，由于XML数据文件中的数据已经完成刷新存储，故此时无须现向服务器发送请求来调用数据库服务器数据，而可直接根据需要展示文件中相应的数据内容。由此极大程度地缩短了客户端等候的时间，从而大幅提升了用户体验。

图2表示出发明提供的实现万维网页面树形结构数据展示的系统实施例的结构，该系统包括服务端和客户端，其中：

服务端，用于通过经常性地访问数据库服务器为所述树形结构创建和/或更新所需要的可扩展标记语言(XML)数据文件，以承载和/或刷新所述树形结构中的动态数据；根据客户端的访问请求，采用与XML数据文件匹配的XSLT文件将XML数据文件转换为另一可被浏览器识别类型的文档，并随时根据客户端点击展示树形结构中的数据。

服务端或者通过后台管理平台人工创建无数据内容的XML数据文件，和/或对所述XML数据文件中承载的静态数据进行人工修改及编辑。

客户端，用于通过点击WEB树形结构页面向服务端发出数据访问请求。

图2所示的服务端进一步包括数据库服务器和WEB页面树形结构数据展示装置，其中WEB页面树形结构数据展示装置包括：系统启动模块、数据采集模块、数据样式控制模块、数据展示模块以及后台管理模块，其中：

数据库服务器，用于存储WEB页面树形结构的数据；

系统启动模块，用于在启动WEB系统后，根据读取的配置文件在判断树形结构中为动态数据时，如已配置树形结构所需要的XML数据文件，则向数据采集模块输出动态数据刷新指示；如未配置XML数据文件，则向数据采集模块输出初始数据生成指示；

系统启动模块在判断树形结构中为静态数据时，如已配置XML数据文件，则向后台管理模块输出人工维护文件指示；如未配置XML数据文件，则向后台管理模块输出初始文件生成指示。

当然，系统启动模块若判断已配置XML数据文件，且需要在系统启动后重写该文件，则在进行重写操作后向数据采集模块或后台管理模块发出相应的指示。

数据采集模块，用于根据输入的动态数据刷新指示经常性地访问数据库服务器，以动态刷新文件内树形结构更新的数据，然后向数据样式控制模块输出刷新的XML文件；

数据采集模块譬如定时访问数据库服务器，或者每执行其它一些任务后访问数据库服务器。

或者，数据采集模块根据输入的初始数据生成指示从数据库服务器读取相应的数据内容，生成XML数据文件，然后向数据样式控制模块输出生成的XML文件。

数据采集模块当访问数据库服务器发现数据库数据更新后，生成一个新的XML文件，并在客户端访问盲点时候进行替换，而被替换的XML文件不作删除，作为替换异常时备用。

后台管理模块，用于根据输入的初始文件生成指示和/或人工维护文件指示，生成默认的无具体数据内容的XML数据文件和/或通过人工修改XML数据文件，然后向数据样式控制模块输出操作过的XML数据文件；

数据样式控制模块，用于根据客户端的访问请求或根据配置文件将输入的XML数据文件与适当的XSLT文件匹配，并用匹配的XSLT文件将XML数据文件转换为另一可被浏览器识别的文档，并输出给数据展示模块；

数据样式控制模块采用XPath查找和定位XML文档中的信息数据。

数据展示模块，用于将输入的文档默认的前两级目录展示给客户端，接受客户端对WEB页面的任意点击，将树形结构展开或折叠，展示结构中的数据。

数据展示模块采用JavaScript作为控制树状节点的展开和折叠，将一个动态、灵活的树状结构展示给客户端。

通过以上实施例可以看出，本发明基于数据和表达样式分离的方式，以XML作为树形结构的数据存储载体，结构清晰且便于修改和扩展；同时采用XSLT作为树形结构的样式控制，并以JavaScript作为控制树形结构节点的展示和收缩，实现了一个灵活的且能够同时兼顾XML动态、静态数据的展示，使得用户可以随意点击树形结构的上下级进行数据展示，大大提高了页面的响应速度和展示效率，以及极大地改善了用户体验。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。