CN102314427A - 一种分布式生成网页的方法 - Google Patents

Abstract

本发明公开了一种分布式生成网页的方法，包括：将待开发的网页划分成多个区域块，每一个区域块授权给一个或多个开发者进行开发，每个开发者通过网页控件箱构造完该区域块网页内容后，生成XML区域资源描述文件，并将该区域资源描述文件发送至服务器数据库，服务器数据库收集该网页的所有区域资源描述文件，然后整合成一个完整的XML网页资源描述文件。用户浏览该网页时，浏览器从服务器数据库端取回XML网页资源描述文件，通过解析该XML网页资源描述文件，生成网页，显示于用户端。本发明的有益效果在于：通过本发明提供的方法及系统，可以非常容易地、分布式地动态生成网页，实现多人协同开发网页或编辑网页中的视频。

Description

一种分布式生成网页的方法

技术领域

本发明涉及网络传输技术，尤其涉及一种分布式生成网页的方法。

背景技术

随着互联网的不断发展，为了提高互联网应用中数据处理速度以及满足数据量越来越大的要求，很多大型网站逐步采用了分布式的网络结构，以实现负载的均衡。

所述分布式的结构，是指使用多个同样角色的服务器做前台的WEB服务，这种结构大大方便了服务的分布规划和扩展性。但是，在现有技术中，还仅限于通过分布式结构提高网络访问的性能，即以分布式网络结构替代集中式网络结构，从而提高WEB服务器的响应速度，为用户提供更好的访问WEB网站的服务感受。

CN101163046A公开了一种分布式网站日志数据采集方法和分布式网站系统，主要是提供了一种分布式网站日志数据采集方法和分布式网站系统，其目的是降低网络日志数据统计的复杂度，并且提高分布式网站的可扩展性。该发明能够减小集中处理服务器的工作负荷，使WEB服务器具有较高的安全性。

虽然，目前网站优化已趋于分布式架构，但是就网站的网页开发而言，目前依然局限于服务器端，网站的结构一旦确定，便不会轻易改变，网站的开发人员便在既定的网站结构下开发相应模块的网页以及更新网页内容。因此，现有网站中的网页，基本上在服务器端不主动更新情况下，页面内容通常不变。

因此，需要一种网站及网页开发技术，可以分布式对网页内容进行开发，即在开发过程中可以将网页进行区域分割，每个区域授予一个或几个开发者进行开发，这样便可以提高网站及网页开发的效率。

此外，对于一般用户而言，可能只关心网站中某一部分内容，甚至有些用户还希望能过滤掉一些不好的或不感兴趣的内容。对于有些内容，用户可能只希望看到简要信息或提取的部分信息。并且由于内容提取后，要重新排列形成新的美观的或用户希望格式的网页，同时需要调整各部分内容的显示方式、大小等属性。但是这些操作功能是现有网页、浏览器和服务器没有实现的。

iGoogle是Google提供的一项服务。该服务可以让使用者按照个人的喜好方便地定制和整合不同来源的信息，使之成为个性化的门户。该服务的实现主要是借鉴了门户(Portal)与门户块(Portlet)思想：一个完整的门户页面由用户定制的门户块构成。用户通过访问一个聚合了不同信息来源的门户页面，避免了多次访问的麻烦；个性化的定制选择，为用户提供按需实现的“一站式”服务。

通过iGoogle提供的个性化主页，用户可以使用这个页面访问一些小应用程序以及RSS聚合，它可以成为用户访问网络的入口。目前，雅虎、美国在线和微软MSN也都提供有类似的服务，而且近些年来，社交网站Facebook和MySpace也大有替代传统门户成为新的网络入口的趋势。

但是iGoogle提供的个性化主页需要在服务器端拥有丰富的内容资源，用户通过登录服务器端选择相应内容，从而生成个性化主页。其缺点在于：(1)用户只能选择服务器端提供的已有内容资源，如果服务器端没有提供，则无法生成用户想要的页面；(2)只能整合Google网站的相关产品，无法集成用户感兴趣的其他网站的产品；(3)画布视图的大小及形状无法调整。

发明内容

本发明实施例要解决的问题是提供一种分布式生成网页的方法，以解决现有技术中网站及网页开发效率低下的问题。

为了实现上述目的，本发明的实施例提供了一种分布式生成网页的方法，包括以下步骤：

按照划分原则，将待创建的网页划分成多个区域块，每一个区域块为所述创建的网页的一部分，且具有所述网页的一切特性；

浏览器打开所述创建的网页，加载ActiveX；ActiveX包含网页控件箱，网页控件箱包含编辑构造网页元素的控件；

网页控件箱中的控件，用于在所述网页中，在授权的一个或多个区域块中直接创建网页元素对象以及删除所述对象，或通过网页控件箱编辑网页中元素对象的属性、方法和响应的事件；

网页控件箱将其编辑、创建的区域块中的网页元素，生成区域资源描述文件，并发送至服务器数据库；

服务器数据库端将不同的区域资源描述文件进行整合，生成一个完整的网页资源描述文件；

所述资源描述文件通过XML标记语言进行描述；

当服务器数据库模块接收浏览器发送的WEB请求后，向浏览器中的网页控件箱返回网页资源描述文件；

如果当前请求的网页中某一个或几个区域块正被编辑，则服务器数据库返回数据库中存储的最后一次完整的网页资源描述文件；

网页控件箱解析服务器返回的网页资源描述文件后，与网页组件模块进行通信，并发送指令；

网页组件模块接收指令，根据解析的网页资源描述文件中描述的元素对象的属性、方法和事件信息，动态生成网页。

所述区域块是一个完整网页的一部分，各区域块之间彼此独立，在网页设计初期，将网页划分为多个区域块，划分完成后，确定网页及区域块的划分信息，所述划分信息包括但不限于：网页的大小、区域块的个数、各区域块的位置信息、大小信息、功能信息等；

所述ActiveX包括但不限于Flash控件；所述ActiveX在网页中可见；

所述网页控件箱是指通过ActiveX技术创建的控件集合，用于选取和/或编辑网页或视频；

所述网页控件箱中的控件是指集成于Flash中，用于操控网页的图形化工具。

本发明的有益效果是在于：

(1)通过本发明提供的网页控件箱，用户能够根据喜好和当前需要，非常容易的构造网页；

(2)用户还可以通过本发明提供的网页控件箱，对网页内容进行编辑控制；

(3)通过本发明提供的方法及系统，可以实现多个用户分布式开发网站或网页，大大提高现有网站、网页的开发效率。

附图说明

图1是本发明一种分布式构造和生成网页方法的系统架构图；

图2本发明分布式构造网页方法的流程图；

图3是本发明的分布式网页开发模式图；

图4是本发明中网页控件箱与创建的对象之间的通信过程图。

具体实施方式

本发明的优选实施例将待开发的网页按照一定的原则划分为不同的区域块，然后将不同的区域块授权给不同的开发者，这些开发者在进行网页开发时可以分布式进行，但是只能对被授权的区域进行开发。在授权的区域块内，开发者在构造、开发所述区域网页内容的过程中，通过使用本发明提供的网页控件箱，能够非常方便地创建网页元素对象，编辑网页元素对象的属性、方法和事件等。本发明提供的网页控件箱是指嵌入到浏览器中的ActiveX，ActiveX中包含Flash，由Flash创建成本发明的网页控件箱。网页控件箱中包括但不限于：通用组件、网页组件、视频组件。各组件中包含多个控件，每个控件能完成一定的功能，以便于用户操作。

本发明中提出的划分原则包括但不限于以下几种：

(1)按照所述区域块的职能划分，把构造的网页根据欲实现的不同职能划分为不同的区域块，每一个区域块负责一项职能；

(2)按照内容类别进行划分，把构造的网页根据内容不同进行分类，例如划分为新闻区域块、娱乐区域块、即时信息区域块等。

在具体实施过程中，本发明采用ActiveX技术，创建了网页控件箱，利用网页控件箱中的相关控件，用户可以根据喜好，实现将来源不同的网页资源集成于同一网页容器内，同时还可以利用控件箱中的控件生成和编辑相关网页和视频对象。

图1是本发明一种分布式构造和生成网页方法的系统架构图，本发明的系统包括如下部分：

101服务器数据库模块，用于接收103网页控件箱发送的描述网页中的视频信息和描述网页元素内容的资源描述文件，响应102浏览器A、106浏览器B发送的请求，并向浏览器返回所请求的资源描述文件；

103网页控件箱，是本发明系统的控制中心，嵌入在浏览器中，建立视频、网页与服务器之间的通信连接，操控网页及其元素对象，由多个组件模块构成，每一个组件模块中包含多个控件；同时，103网页控件箱中还包括解析资源描述文件模块，用于接收101服务器返回的资源描述文件，并根据资源描述文件描述的对象的信息，编辑或创建所述对象，包括对象的属性信息、对象响应的事件信息等。103网页控件箱是本发明通过ActiveX技术创建的控件集合，用于选取或编辑网页及网页中的视频；网页控件箱中的控件是指集成于Flash中，用于操控视频、网页的图形化工具；资源描述文件包括但不限于视频资源描述文件、网页资源描述文件。

104网页组件模块，包括多个处理网页相关内容的控件，用于编辑、创建网页内部元素对象，为网页内部元素对象添加响应事件；

105为区域块A中网页的具体元素，包括但不限于：iFrame、DIV、Table、Text、Picture、Flash、Video等；

107为区域块B中网页的具体元素，包括但不限于：iFrame、DIV、Table、Text、Picture、Flash、Video等。

本系统所给图例中，仅给出了简单的两个开发者分布式开发两个区域块网页的情形，在实际的操作中，一个网页可以划分成N各区域块，最多可有N个被授权的开发者同时进行开发，因此，多个开发者分布式开发多个区域块中的网页内容均在本发明保护范围之内。

本发明中各区域块的授权开发者可以分布式、并行地对其待开发的区域块网页内容进行编辑开发，各区域块之间彼此独立，互不影响；当某一区域块在开发时，该区域块仅对当前授权者是开放的，对其他未授权者是锁定的，其他未授权者不能对该区域进行编辑开发。当前区域块授权者开发完本区域块网页内容后，通过网页控件箱，将该区域块网页信息生成XML描述文件，并将该XML描述文件上传到服务器数据库。

授权开发者通过网页控件箱中的控件在授权区域块内编辑、构造网页元素对象包括对象的属性、方法和事件；

本发明中区域块网页元素对象包括但不限于下列元素中的一种或几种：

A.网页中的文本；

B.网页中的表格以及表格中数据；

C.网页中的图片；

D.网页中的动画；

E.网页中的视频；

F.网页中的音频；

G.网页中的控件。

本发明中编辑区域块网页中元素对象的属性包括但不限于：

A.网页中文本的大小、位置坐标、颜色、显示方式等；

B、网页中表格的大小、位置坐标、颜色、显示方式等；

C、网页中图片的大小、位置坐标、透明度、显示方式等；

D、网页中视频的显示大小、展示区域位置坐标、循环播放、声音、画质清晰度、视频流畅度等；

本发明中编辑区域块网页中元素对象的响应事件包括但不限于：

A.响应鼠标单击事件；

B.响应鼠标双击事件；

C.响应鼠标左键按下事件；

D.响应鼠标左键抬起事件；

本发明中对区域块网页中元素进行编辑控制包括但不限于以下一种或几种：

A.创建新的网页元素对象；

B.删除已经创建的网页元素对象；

C.撤销已经创建的网页元素对象；

D.恢复已撤销的网页元素对象；

E.设置网页初始位置；

本发明中创建区域块中网页元素对象的过程包括以下步骤：

A.选取网页控件箱中的网页控件，在授权区域块内创新的网页，设置所述新创建的网页的属性信息；

B.选取网页控件箱中的网页元素控件，向所述区域块新创建的网页中添加网页元素对象；

C.设置所述区域块新创建的网页元素对象的属性信息；

D.设置所述区域块新创建的网页元素对象响应的事件信息。

在构造网页过程中，系统内部各模块间的通信流程如下：

用户浏览器A中加载本发明的103网页控件箱，网页控件箱中包括但不限于：

(1)通用的组件，如删除控件，用于删除创建的网页元素或视频元素；撤销控件，用于撤销前一次的操作；恢复控件，用于回复前一次撤销的操作；初设参数设置控件，用于设置视频或网页的初始参数信息；保存控件，用于对当前的设置信息进行保存等。

(2)视频组件，包括但不限于：圈选视频内部对象的矩形控件或椭圆形控件，用于对视频中具体的对象进行选定，选定时可以利用矩形工具进行圈选，也可以利用椭圆形工具进行圈选，还可以利用其他形状进行圈选，这些都在本专利的保护范围之内；向视频中添加文本信息的文本控件，用于向视频中添加用户自定义的文本信息内容；向视频中添加图片信息的图片控件等。

(3)网页组件，包括但不限于：用于创建具有一般网页功能的小网页控件，该小网页控件能够创建一个具有网页功能的网页对象，本发明将其称为小网页，这个小网页完全继承了现有的Web网页的特性；向创建的小网页对象中添加文本信息的文本控件、向创建的小网页对象中添加图片信息的图片控件等。

用户可以通过网页控件箱中的控件构造网页元素对象，网页控件箱104网页组件模块进行连接，通过网页组件模块编辑、创建105区域块A中网页元素对象。网页组件通过接口函数与区域块中网页元素对象相连。

同样道理，用户浏览器B从事与用户浏览器A同样的过程。

本发明实施例以用户A和用户B分布式开发一个网页为例，对本发明的方法进一步详细叙述。

在开发网页过程中，可以根据欲实现的功能，将待开发的网页划分为不同的区域块，如区域块A、区域块B、区域块C、......区域块N，假设区域块A授权给开发者A进行编辑开发，区域块B授权给开发者B进行编辑开发。

完成上述工作后，对于用户A和用户B而言，分别面对着同一网页中不同的区域内容，即两者是对同一个母体网页进行编辑开发，只是二者开发的区域不同。在对区域块网页进行开发的过程中，用户A和用户B拥有同样的网页编辑开发工具，都是采用本发明提供的网页控件箱对其所要开发的区域进行编辑、构造。例如，可以选择网页控件箱中的小网页控件，然后在当前打开的浏览器页面某一区域块内，通过拖拽鼠标的方式创建一个小网页；创建完小网页后，用户还可以继续选择网页控件箱中的其他控件，如文本控件，然后在创建的小网页中创建文本对象，并添加文本信息。

下面以用户A构造网页过程为例，叙述一下其构造区域块网页的过程。

用户A被授权可以开发某网页区域块A后，用户A打开浏览器，加载103网页控件箱，然后在网页控件箱中点击网页组件，本发明的网页组件中包含但不限于小网页控件、文本控件、图片控件、视频控件等。用户A可以在网页组件中点击小网页控件，然后在其授权区域块内通过鼠标拖拽的方式，创建一个小网页。创建完小网页后，系统自动通过JS接口将当前区域小网页对象的基本信息返回网页控件箱。

用户A还可以选择网页组件中其他控件，重复上述过程，最终完成在授权的区域块内构造相应网页元素对象，添加相关网页内容，完成网页的构造。此外，用户A还可以通过本发明的网页控件箱，将其他网站资源移植至其待编辑的区域块，完成该区域块内网页的构造，也可以一部分网页内容全新创建，另一部分网页内容通过移植修改等方式完成。

用户A完成该区域块内的网页后，网页控件箱便将该区域块内构造的网页元素信息生成区域资源描述文件A，并将该区域资源描述文件A发送至服务器数据库。本发明中的区域资源描述文件，包括但不限于以XML文件格式描述所述区域块内容的描述文件，该区域资源描述文件记录当前区域块内网页的结构信息和内容信息，同时记录区域块的自身属性信息以及和其他区域块之间的关联信息。

用户B与用户A一样，通过同样的操作过程，完成区域B的网页构造，完成后，用户B的也通过嵌入在浏览器中的网页控件箱生成区域资源描述文件B，并将该区域资源描述文件B发送至服务器数据库。

服务器数据库收到区域资源描述文件A和区域资源描述文件B后，根据区域块自身的信息及其与网页的关系，对不同的区域资源描述文件进行整合，最终生成一个完整的描述网页资源的文件。

在本发明实施例中，该资源描述文件包括但不限于以XML格式描述的视频资源描述文件和网页资源描述文件。本发明实施例中，服务器数据库端最终生成的XML资源描述文件，是一个完整的用于描述网页的资源描述文件，然后将这一完整的资源描述文件存储在后台服务器数据库中。

在生成网页过程中，系统内部各模块间的通信流程如下：

101服务器数据库模块接收浏览器发送的请求后，向浏览器中的网页控件箱返回网页资源描述文件；

如果当前请求的网页中某一个或几个区域块正被编辑，则服务器数据库返回数据库中存储的最后一次完整的网页资源描述文件；

网页控件箱解析服务器返回的网页资源描述文件后，与网页组件模块进行通信，并发送指令；

网页组件模块接收指令，根据解析的网页资源描述文件中描述的元素对象的属性、方法和事件信息，动态生成网页；

本发明中网页控件箱包含网页资源描述文件解析模块；根据解析的网页资源描述文件，向网页组件发送指令是指，选取、调用生成网页元素的相应控件，例如，选取网页文本控件、选取网页图片控件等；

本发明中网页组件模块根据解析的资源描述文件中描述的元素对象的属性、方法和事件信息，动态生成网页还包括以下步骤：

A.通过网页元素控件编辑或创建网页中的元素对象；

B.设置生成的网页元素对象的属性信息，例如设置生成的网页文本对象的大小、位置、字体、颜色等；

C.如果网页资源描述文件中描述的网页对象响应响应事件，且所述事件处于激活状态，则在生成网页元素对象过程中执行该激活的事件。

网页资源描述文件解析模块通过控制网页脚本/Java解析运行模块来控制网页内元素；

网页控件箱与服务器数据库通过协议接口进行通信，所述协议接口包括但不限于JavaScript接口、VBScript接口等。

图2是本发明分布式构造网页方法的流程图，采用本发明的方法进行分布式网页构造开发时，首先通过201将网页划分成多个区域块；

划分完多个区域块后，需要通过202对区域块进行授权，即将一个或几个区域块授权给相应的开发者，每个区域块可由一个或多个开发者进行开发，在开发过程中，203为当区域块A被开发者a开发时，区域块A对其他开发者是锁定的，即其他开发者不能对正在开发的区域块进行开发。

204为每一个区域块开发完成后，由本发明的网页控件箱上传该区域块的XML协议文件内容到服务器数据库，服务器数据库对上传上来的多个区域块XML协议文件内容进行整合，最终生成一个完整的XML网页资源描述文件；

205是当用户浏览该网页时，浏览器端将会在服务器数据库端取回完整的XML网页资源描述文件，并解析显示，在用户端形成完整的网页。

图3是本发明的分布式网页开发模式图，在图3中，可以将待开发的网页301根据一定的原则，划分成不同的区域块，并将不同的区域块授权给不同的开发者。如图3所示，302为开发者A开发的区域，303为开发者B开发的区域，304为开发者C开发的区域。

302、303、304三个开发者可以分布式、并行地对其待开发的区域进行网页构造，彼此间相互独立，构造完网页后便将生成的XML区域资源描述文件传至服务器数据库端即可。

图4是本发明中网页控件箱与创建的对象之间的通信过程图，本发明的实施例不仅仅限于对网页元素进行分布式构造、编辑，还能够对网页中的视频进行分布式编辑、构造。

图中401是视频中的线段，是本发明网页控件箱能控制的视频内部对象之一；

402是视频中的对象的形状，也可以通过本发明网页控件箱中的控件对其进行控制；

403是视频中的文字，可以通过本发明网页控件箱中的控件对其进行编辑，包括但不限于删除文字、添加文字、修改文字等；

404是视频中的图片，可以通过本发明网页控件箱中的控件对其进行编辑，包括但不限于删除图片、添加图片、修改图片等；

405是视频中的音视频，可以通过本发明网页控件箱中的控件对其进行编辑，包括但不限于删除音视频、添加音视频、修改音视频等；

上述对视频内对象的控制是网页控件箱与视频对象之间通过相应协议解析以及相关函数调用实现的。

406是对网页中的DIV标签进行编辑控制；

407是对网页中的文字信息进行编辑控制；

408是对网页中的图片信息进行编辑控制；

409是对网页中的Flash进行编辑控制；

410是对网页中的视频进行编辑控制；

411是对网页中的表单信息进行编辑控制；

上述对网页内容进行的编辑控制过程如下：

首先网页控件箱与JavaScript之间通过协议解析和函数调用，实现双向通信；

其次，JavaScript实现对HTML文件中的相应标签内容进行控制；

再次，HTML文件中的相应内容通过JavaScript最终实现与网页控件箱进行双向交互，以实现网页控件箱对网页内容进行控制的目的。

本发明的方法及系统，在实际应用过程中，可以一个或几个区域块用于创建、构造网页内容，另外的一个或几个区域块用于编辑视频，在编辑视频的过程中，可以通过本发明的网页控件箱，向视频中添加文本对象、图片对象等，并可以向添加的对象中添加其响应的事件信息，如打开某一链接地址等。

本发明在实际应用中，还可以分布式的只对视频进行编辑，即多个编辑开发者分布式、并行地对待编辑的视频进行编辑处理，可以大大提高工作效率，其典型应用为电影、电视的编辑制作、商业视频广告的协作编辑、以及视频教学课件的协作编辑等。

本发明通过具体实施例进行说明，本领域技术人员应当明白，在不脱离本发明范围的情况下，还可以对本发明进行各种变换及等同替代。另外，针对特定情形或具体情况，可以对本发明做各种修改，而不脱离本发明的范围。因此，本发明不局限于所公开的具体实施例，而应当包括落入本发明权利要求范围内的全部实施方式。

Claims (2)

1.一种分布式生成网页的方法，其特征在于：

服务器数据库模块接收浏览器发送的请求后，向浏览器中的网页控件箱返回网页资源描述文件；

如果当前请求的网页中某一个或几个区域块正被编辑，则服务器数据库返回数据库中存储的最后一次完整的网页资源描述文件；

网页控件箱解析服务器返回的网页资源描述文件后，与网页组件模块进行通信，并发送指令；

网页组件模块接收指令，根据解析的网页资源描述文件中描述的元素对象的属性、方法和事件信息，动态生成网页。

2.如权利要求1所述一种分布式生成网页的方法，其特征在于：

所述网页控件箱包含网页资源描述文件解析模块；根据解析的网页资源描述文件，向网页组件发送指令是指，选取、调用生成网页元素的相应控件，例如，选取网页文本控件、选取网页图片控件等；

所述网页组件模块根据解析的资源描述文件中描述的元素对象的属性、方法和事件信息，动态生成网页还包括以下步骤：

A.通过网页元素控件编辑或创建网页中的元素对象；

B.设置生成的网页元素对象的属性信息，例如设置生成的网页文本对象的大小、位置、字体、颜色等；

C.如果网页资源描述文件中描述的网页对象响应响应事件，且所述事件处于激活状态，则在生成网页元素对象过程中执行该激活的事件。

Images