专利名称：一种对网页进行动态更新的方法、系统及设备的制作方法
技术领域：
本发明涉及通信领域，更具体地说，涉及一种对网页进行动态更新的方法、 系统及设备。
背景技术：
在传统的网站开发技术中，页面都是由后台服务器生成，而由客户端向服
务器请求页面it据。当用户翻页浏览，或者在页面中删除或者增加新的内容时， 客户端都需要向服务器请求全部的页面数据，重新生成整个页面。这种每次操 作均向服务器请求全部数据的方式会严重浪费带宽，增加了服务器的负担。
因此，目前多釆用Ajax网站开发技术，客户端向服务器异步请求部分数据， 而无需请求全部数据。例如在一个网络论坛中，当在一个主题贴后增加一个回 帖，则客户端只需向服务器请求该回帖的数据，在页面中进行部分更新即可。 该技术避免了每次操作均向服务器请求全部页面数据导致的各种缺陷，但是由 于Ajax网站开发技术采用的是异步请求，服务器和客户端中的数据并非同步更 新，因此当页面中的增加或者删除等操作特别频繁时，很容易引起数据间逻辑 混乱，无法保证服务器和客户端中数据的一致性，不同客户端同时请求显示的 网页可能不尽相同。
因此需要一种新的方法，在对网页进行更新的同时保证服务器和客户端数 据的一致性。
发明内容
本发明的目的在于提供一种对网页进行动态更新的系统，旨在解决现有技
本发明的目的还在于提供一种对网页进行动态更新的设备，以更好地解决 现有技术中存在的上述问题。
本发明的目的还在于才是供一种对网页进行动态更新的方法，以更好地解决 现有技术中存在的上述问题。
为了实现发明目的，所述对网页进行动态更新的系统包括用于存储和管理 页面数据的服务器，以及根据所述服务器发送的页面数据绘制网页的客户端，
所述客户端包括一个节点管理模块；
所述节点管理模块存储所述服务器发送的页面数据的节点树状结构，并根 据服务器对页面数据的处理，对所述节点树状结构执行相应的操作；
所述客户端进一步根据节点管理模块对节点树状结构执行的操作，对页面 数据进行更新，并根据更新后的全部页面数据绘制网页。
优选地，所述服务器进一步包括数据库和lt据管理才莫块；
所述数据库用于存储所述页面数据；
所述数据管理模块与数据库相连，用于对所述数据库存储的页面数据进行 处理。
优选地，所述数据管理模块对页面数据的处理是指，在数据库中删除或者 增加一个帖子对应的页面lt据。
优选地，当服务器的数据管理模块在数据库中删除或者增加一个帖子对应 的页面数据，则客户端的节点管理模块在对应该页面数据的节点树状结构中相 应的删除或者增加所述帖子对应的节点。
优选地，所述客户端进一步包括数据更新模块、页面绘制才莫块； 所述数据更新沖莫块与所述节点管理模块及页面绘制4莫块相连，用于存储所 述服务器发送的页面数据，并根据所述节点管理模块对节点树状结构执行的操
作，对页面数据进行更新，并将更新后的页面数据送入所述页面绘制模块；
所述页面绘制模块与所述数据更新模块相连，用于根据所述更新后的页面 数据绘制出网页，并显示到客户端的用户界面中。
为了更好地实现发明目的，所述对网页进行动态更新的设备，即根据服务
器发送的页面数据绘制网页的客户端，包括一个节点管理模块；
所述节点管理模块存储所述服务器发送的页面数据的节点树状结构，并根
据服务器对所述页面数据的处理，对所述节点树状结构执行相应的操作；
所述客户端进一步根据所述节点管理模块对节点树状结构执行的操作，对
页面数据进行更新，并根据更新后的全部页面数据绘制网页。
为了更好地实现发明目的，所述对网页进行动态更新的方法包括以下步
骤
A. 服务器根据客户端发送的请求，对所存储的页面数据进行处理，并反馈 一个包含处理结果的消息；
B. 客户端接收到所述消息后，根据服务器对页面数据的处理结果，对所存 储的页面数据的节点树状结构执行相应的操作；
C. 所述客户端根据节点树状结构更新本地存储的页面数据，并利用更新后 的全部页面数据绘制网页，显示到用户界面上。
优选地，所述步骤A之前进一步包括
所述客户端与服务器建立连接，从所述服务器获取用户当前所浏览网页的 页面数据，并根据所述页面数据生成对应的节点树状结构保存在本地。优选地，所述对页面数据进行处理是指，在所述页面数据中删除或者增加 一个帖子对应的数据。
优选地，所述方法包括以下步骤
Al.服务器根据客户端发送的请求，在所存储的页面数据中删除或者增加 一个帖子对应的数据，并反々贵一个包含处理结果的消息；
Bl.客户端接收到所述消息后，根据服务器对页面数据的处理结果，在所 存储的页面数据的节点树状结构中删除或者增加所述帖子对应的节点；
Cl.所述客户端根据节点树状结构更新本地存储的页面数据，并利用更新 后的全部页面数据绘制网页，显示到用户界面上。
本发明通过在客户端利用节点树状结构来存储所请求的页面凄t据，在服务 器对页面数据进行处理时利用该节点树状结构同步地对本地页面数据进行更 新，再根据更新后的全部页面数据绘制网页，因此本发明在对网页进行更新的 同时保证了服务器和客户端数据的一致性。
图l是本发明中对网页进行动态更新的系统结构图2是本发明的一个实施例中对网页进4亍动态更新的系统结构图3是本发明中对网页进行动态更新的方法流程图4是本发明的 一个实施例中对网页进行动态更新的方法流程图5是如图4所示实施例中页面数据的节点树状结构的示意图6是本发明的另 一实施例中对网页进行动态更新的方法流程图7是如图6所示实施例中页面数据的节点树状结构的示意图。
具体实施例方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实
施例，对本发明进行进一步详细iJt明。应当理解，此处所描述的具体实施例^f又
仅用以解释本发明，并不用于限定本发明。
本发明通过在客户端利用节点树状结构来存储所^清求的页面数据，并根据 服务器对数据库中页面数据的增删处理，在节点树状结构中对节点进行相应的 增删操作。
图1示出了本发明中对网页进行动态更新的系统结构，该系统包括服务器
IOO以及与其进行通信的多个客户端，例如客户端200、客户端300……客户端 N。应当说明的是，本发明所有图示中各设备之间的连接关系是为了清楚阐释 其信息交互及控制过程的需要，因此应当视为逻辑上的连接关系，而不应仅限 于物理连接。
服务器100与多个客户端(客户端200、客户端300……客户端N)相连， 用于存储网页的页面数据，以及根据不同客户端的请求对页面数据进行处理并 反馈。服务器100典型的可为能够提供网页浏览的各种服务器，例如网络论坛 中的专用的网页伺服器，或者具有网页伺服功能的大型网站服务器等，因此本 发明的保护范围不应限定为某种特定类型的服务器。
各客户端(客户端200、客户端300......客户端N)典型的可为各种能够浏
览网页的终端设备，例如个人计算机(Personal Computer, PC)、个人数字助 理(Personal Digital Assistant, PDA)、移动电i舌(Mobile Phone, MP)等， 因此本发明的保护范围不应限定为某种特定类型的客户端。
图2示出了本发明的一个实施例中对网页进行动态更新的系统结构，该系
统包括服务器100和客户端200，是本发明的一个最简系统。
服务器100包括收发模块101、数据管理模块102和数据库103,其中 (1)收发模块101与数据管理模块102相连，用于4妄收客户端200发送的各 种消息或数据，并将经数据管理模块102处理后反馈的不同消息或翁:据发送给 客户端200。
(2 )数据管理模块102与收发模块101和数据库103相连，用于才艮据客户端 200发送的消息对数据库103中存储的页面数据进行处理，处理完毕后通过收发 模块101反馈一个包含处理结果的消息给客户端200。例如，客户端200发送一 个"在某页面中删除一个帖子"的请求给服务器IOO,服务器100中的收发模块 101将该请求发送至数据管理模块102,数据管理模块102按照请求对数据库103 的数据进行删除后，服务器100再利用收发模块101反馈一个包含该处理结果的 消息给客户端200。应该说明的是，本发明所称的"帖子"可以是一个同主题 帖子集，也可以是在一个同主题帖子集中的某个回帖等。
(3)数据库103与数据管理模块102相连，用于存储网页的页面数据。 客户端200包括收发模块201、节点管理才莫块202、数据更新才莫块203和页面 绘制模块204，其中
(1) 收发模块201与节点管理模块202相连，用于与服务器100之间交互各 种消息或数据。
(2) 节点管理模块202与收发模块201及数据更新模块203相连，用于根据 客户端200从服务器100请求的页面数据生成对应的节点树状结构，并根据服务 器1 OO对页面数据的处理，在该页面数据的节点树状结构中执行相应的操作。 本发明中， 一个帖子相当于该节点树状结构中的一个节点，而对节点树状结构 执行的操作，包括增加节点、删除节点以及其他类似的操作等。(3 )数据更新模块203与节点管理模块202及页面绘制模块204相连，用于 存储客户端200从服务器100请求的页面数据，并根据节点管理模块202中的节 点树状结构动态地更新所存储的页面数据，再将更新后的全部页面凝:据发送给 页面绘制才莫块204。
(4)页面绘制模块204与数据更新模块203相连，用于根据数据更新模块 203发送的更新后的全部页面数据绘制网页，并显示到客户端200的用户界面 上。
图3示出了本发明中对网页进行动态更新的方法流程，该方法流程基于图 所示的系统结构。
在执行所有步骤之前，用户登陆客户端200并向服务器IOO请求浏览某个网 页，服务器100则将该网页的页面数据发送至客户端200,客户端200将所请求 到的页面数据存储在数据更新模块203中，并由节点管理模块202生成与该页面 数据对应的节点树状结构，并利用页面绘制模块204生成网页显示到用户界面 上供用户浏览。本发明中用户通过客户端200浏览的网页典型的可为网络论坛 的网页，也可以是一般的网页，本发明不限定于某种特定的网页类型。
在步骤S301中，客户端200向服务器100发送对该页面数据进行处理的请 求，本发明中，对页面数据的处理可包括多种情形，因此所发送的请求包括多 种类型。
在第一个示例方案中，用户期望在所浏览的网页中删除一个帖子(本发明 所称的"帖子"可以是一个同主题帖子集，也可以是在一个同主题帖子集中的 某个回帖等)，则通过客户端200发送一个在该页面中删除该帖子的请求给服 务器IOO。
在第二个示例方案中，用户期望在所浏览的网页中增加一个帖子，则通过
客户端200发送一个在该页面中增加该帖子的请求给服务器100，并同时上传该 帖子的数据给服务器IOO。
在步骤S302中，服务器100接收到客户端200发送的请求后，对数据库103 存储的页面数据进行处理，并反馈一个包含处理结果的消息。在该步骤中，若 客户端200发送的请求是在所浏览的页面中删除一个帖子，则服务器IOO在数据 库103存储的页面数据中删除该帖子的数据，并反馈一个包含处理结果的消息； 若客户端200发送的请求是在所浏览的页面中增加一个帖子，则服务器100将客 户端200上传的该帖子的数据增加到页面数据中，并反馈一个包含处理结果的 消息。
在步骤S303中，客户端200接收到服务器100反馈的包含处理结果的消息 后，根据服务器100的处理结果，利用节点管理模块202对节点树状结构执行相 应的操作。若服务器IOO在数据库103存储的页面数据中删除一个帖子的数据， 则客户端200利用节点管理模块202在其节点树状结构中删除该帖子的节点；若 服务器100将客户端200上传的帖子的数据增加到页面数据中，则客户端200利 用节点管理^t块202在其节点树状结构中增加该帖子的节点。
在步骤S304中，客户端200利用数据更新模块203更新本地页面数据，并将 更新后的全部页面数据送入页面绘制模块204绘制成网页，显示到客户端200 的用户界面上。
图4示出了本发明的一个实施例中对网页进行动态更新的方法流程，该方 法流程也基于图2所示的系统结构，该实施例是在网络论坛的一个同主题帖子 集中增加一个回帖，具体过程如下
在步骤S401中，客户端200上的用户期望在其当前浏览的页面中增加一个 回帖，也即在该同主题帖子集中添加一条新的评论，则利用客户端200的收发 模块201向服务器100发送该请求，同时将该回帖的内容数据一并上传给服务器 100。
在步骤S402中，服务器100收到客户端200发送的请求后，则利用数据管理 模块102在数据库103中查找到该同主题帖子集的相关页面数据，并在该页面数 据中增加客户端200上传的该帖子的数据。增加完毕之后，服务器100反馈一个 包含该处理结果的消息给客户端200。
在步骤S403中，客户端200收到该消息后，利用其节点管理才莫块202在该页 面数据的节点树状结构中增加该帖子的节点。如图5所示，在回帖n的节点之后 增加回帖n+l的节点。
在步骤S404中，客户端200的数据更新模块203根据节点管理才莫块202中增 加了新节点的节点树状结构，更新服务器100发送并保存在本地的页面数据， 并利用页面绘制模块204根据更新后的全部页面数据生成新的网页。
图6示出了本发明的另一实施例中对网页进^f亍动态更新的方法流程，该方 法流程仍然基于图2所示的系统结构，该实施例是在网络论坛的一个同主题帖 子集中删除一个回帖，具体过程如下
在步骤S601中，客户端200上的用户期望在其当前浏览的页面中删除一个 回帖，也即在该同主题帖子集中删除一条原有的评论，则利用客户端200的收 发模块201向服务器1 OO发送该请求。
在步骤S602中，服务器100收到客户端200发送的请求后，则利用数据管理 模块102在数据库103中查找到该同主题帖子集的相关页面数据，并在该页面数
据中删除该帖子的数据，然后服务器IOO反馈一个包含该处理结果的消息给客
户端200。
在步骤S603中，客户端200收到该消息后，利用其节点管理模块202在该页 面数据的节点树状结构中删除该帖子的节点。在一个实施例中，如图7所示， 在一个同主题帖子集的页面数据的节点树状结构中删除回帖2的节点。
在步骤S604中，客户端200的数据更新模块203根据节点管理模块202中删 除节点后的节点树状结构，更新服务器100发送并保存在本地的页面数据，并 利用页面绘制模块204根据更新后的全部页面数据生成新的网页。
应当说明的是，本发明典型的应用但不限于网络论坛，在其他类似的网络 环境中也可以应用本发明所阐述的方法。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发 明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明 的保护范围之内。
权利要求
1、一种对网页进行动态更新的系统，包括用于存储和管理页面数据的服务器，以及根据所述服务器发送的页面数据绘制网页的客户端，其特征在于，所述客户端包括一个节点管理模块；所述节点管理模块存储所述服务器发送的页面数据的节点树状结构，并根据服务器对页面数据的处理，对所述节点树状结构执行相应的操作；所述客户端进一步根据节点管理模块对节点树状结构执行的操作，对页面数据进行更新，并根据更新后的全部页面数据绘制网页。
2、 根据权利要求l所述的对网页进行动态更新的系统，其特征在于，所述 服务器进一步包括数据库和数据管理模块；所述数据库用于存储所述页面数据；所述数据管理模块与数据库相连，用于对所述数据库存储的页面数据进行 处理。
3、 根据权利要求2所述的对网页进行动态更新的系统，其特征在于，所述 数据管理模块对页面数据的处理是指，在数据库中删除或者增加 一个帖子对应 的页面数据。
4、 根据权利要求3所述的对网页进行动态更新的系统，其特征在于，当服 务器的数据管理模块在数据库中删除或者增加一个帖子对应的页面数据，则客 户端的节点管理模块在对应该页面数据的节点树状结构中相应的删除或者增 加所述帖子对应的节点。
5 、根据权利要求1至4中任一权利要求所述的对网页进行动态更新的系统， 其特征在于，所述客户端进一步包括数据更新模块、页面绘制模块； 所述数据更新;漠块与所述节点管理模块及页面绘制才莫块相连，用于存^f諸所 述服务器发送的页面数据，并根据所述节点管理模块对节点树状结构执行的操 作，对页面数据进行更新，并将更新后的页面数据送入所述页面绘制模块；所述页面绘制模块与所述数据更新模块相连，用于根据所述更新后的页面 数据绘制出网页，并显示到客户端的用户界面中。
6、 一种对网页进行动态更新的设备，即根据服务器发送的页面数据绘制网页的客户端，其特征在于，所述客户端包括一个节点管理模块；所述节点管理模块存储所述服务器发送的页面数据的节点树状结构，并根据服务器对所述页面^:据的处理，对所述节点树状结构:执行相应的操:作；所述客户端进一步根据所述节点管理模块对节点树状结构执行的操作，对 页面数据进行更新，并根据更新后的全部页面数据绘制网页。
7、 一种对网页进^f亍动态更新的方法，其特征在于，所述方法包括以下步骤A. 服务器根据客户端发送的请求，对所存储的页面数据进行处理，并反馈 一个包含处理结果的消息；B. 客户端接收到所述消息后，根据服务器对页面数据的处理结果，对所存 储的页面数据的节点树状结构执行相应的才喿作；C. 所述客户端才艮据节点树状结构更新本地存储的页面数据，并利用更新后 的全部页面数据绘制网页，显示到用户界面上。
8、 根据权利要求7所述的对网页进行动态更新的方法，其特征在于，所述 步骤A之前进一步包括所迷客户端与服务器建立连接，从所述服务器获取用户当前所浏览网页的 页面数据，并根据所述页面数据生成对应的节点树状结构保存在本地。
9、 根据权利要求7所述的对网页进行动态更新的方法，其特征在于，所述 对页面数据进行处理是指，在所述页面数据中删除或者增加一个帖子对应的数 据。
10、 根据权利要求9所述的对网页进行动态更新的方法，其特征在于，所 述方法包括以下步骤Al .服务器根据客户端发送的请求，在所存储的页面数据中删除或者增加 一个帖子对应的凄史据，并反^"一个包含处理结果的消息；Bl.客户端接收到所述消息后，根据服务器对页面数据的处理结果，在所 存储的页面数据的节点树状结构中删除或者增加所述帖子对应的节点；Cl.所述客户端根据节点树状结构更新本地存储的页面数据，并利用更新 后的全部页面数据绘制网页，显示到用户界面上。
全文摘要
本发明涉及通信领域，提供了一种对网页进行动态更新的方法、系统及设备。所述方法包括以下步骤A.服务器根据客户端发送的请求，对所存储的页面数据进行处理，并反馈一个包含处理结果的消息；B.客户端接收到所述消息后，根据服务器对页面数据的处理结果，对所存储的页面数据的节点树状结构执行相应的操作；C.所述客户端根据节点树状结构更新本地存储的页面数据，并利用更新后的全部页面数据绘制网页，显示到用户界面上。本发明通过在客户端利用节点树状结构来存储所请求的页面数据，在服务器对页面数据进行处理时利用节点树状结构同步地对本地页面数据进行更新，保证了服务器和客户端数据的一致性。
文档编号G06F17/30GK101192233SQ20071007373
公开日2008年6月4日 申请日期2007年3月29日 优先权日2007年3月29日
发明者孔玲莉, 柱 梁, 挺 董 申请人:腾讯科技(深圳)有限公司