CN101526942A - 在线、实时及自动生成动态网页的组件实现技术 - Google Patents

Abstract

在线、实时及自动生成动态网页的组件实现技术中，组件是指实现动态网页中特定功能所需的资源集合，在所见即所得网页设计窗口中，组件用具有特定标识的浏览器控件表示并显示为块状图形，能够插入、删除、剪切、拷贝、粘贴组件，可以通过设置组件的参数及选项来定制组件的链接、功能、CSS样式、位置、大小及动态信息接口等。在网页设计窗口中编辑好原始网页信息并提交时，服务器系统自动进行扫描、分析及编译，并在相应的存储位置生成具有预期功能的动态网页文件。编辑的原始网页信息被存放到数据库中，可以下次调出来修改并重新生成动态网页。采用组件可以生成框架，框架实现了若干网页共有的内容，使用同一框架的网页具有相同的总体内容及风格。

Description

在线、实时及自动生成动态网页的组件实现技术

技术领域

本技术涉及一种网页自动生成方法，在客户端浏览器中采用组件在线编辑原始网页信息，而服务器系统自动对原始网页信息进行扫描、分析及编译，实时生成动态网页文件。

背景技术

目前，动态网页设计一般采用直接编码设计或模版定制的方式。采用直接编码的设计方式需要大量人力及时间，设计人员需要具有专业的技术知识，并且不能适应需求的多变性。采用模版定制的设计方式时，只能对模版中某些功能进行要还是不要进行选择，或者对某些功能区块的颜色、字体等样式进行简单的设置，选择范围及自主权限较小，常常不能满足所有需求。

发明内容

本技术具有通过浏览器在服务器中快速生成动态网页文件的功能，设计动态网页简单、快捷、易操作，极大地降低了动态网页设计的工作量；设计人员不需要专业的相关软件及系统技术知识，适应需求多变的动态网页设计；在所见即所得的网页设计窗口中，采用组件及静态网页资源任意组织网页的功能及内容，网页设计直观并能充分满足需求；组件可以重复使用，从而减少了重复的编码工作，提高了网页开发的效率。

在本技术中，组件是指实现动态网页中特定功能所需的资源集合，包括服务器端运行的程序库、客户端浏览器中运行的脚本程序库、网页中服务器端运行的程序、网页中客户端浏览器中运行的脚本程序、网页中的HTML/XML代码、CSS样式库、数据库栏目及图标图片库等资源。在浏览器中运行采用该技术的所见即所得网页设计窗口，组件用具有特定标识的浏览器控件表示，通过设置组件的参数及选项来定制组件，能够定制组件的链接、可选功能、CSS样式、位置、大小及动态信息接口等。编辑组件的重要特征是，能够插入组件、删除组件、剪切组件、拷贝组件、粘贴组件、设置组件特定部分的CSS样式名称、选择组件对应的数据库信息栏目、用鼠标拖曳定制组件的大小、用鼠标拖动组件到网页设计窗口的任意位置等。在网页设计窗口中编辑好原始网页信息并提交时，服务器系统自动对编辑好的原始网页信息进行扫描、分析及编译，提取所有组件信息并用相应的程序及网页代码替换，除组件外的其他静态网页信息保持不变，并在服务器相应的存储位置生成具有预期功能的动态网页文件，之后立即就可以通过浏览器对该网页文件进行访问。编辑的原始网页信息被存放到数据库中，可以下次调出来修改并重新生成动态网页。采用组件可以生成框架，框架实现了若干网页共有的内容，网页可以调用框架，使用同一框架的网页具有相同的总体内容及风格。

附图说明

附图是采用组件技术的信息系统功能结构图。其各个组成部分说明如下：

1，数据库：用于保存频道配置信息、CSS样式信息、未编译的网页信息、资源文件信息、发布的各类站点信息等。

2，网页源码：用组件、网页控件、文本及其他各种网络资源编辑的网页原始内容，保存在数据库中，以便调出修改或重新生成网页文件。

3，频道管理：可以进行增加、修改及编辑信息栏目、功能类别等操作，并将该信息记录到数据库，以便在网页组件及信息管理中使用。

4，信息管理：根据选择的频道，可以增加、修改及删除相关站点信息。

5，网页组件：根据选择的组件类别、组件参数、频道、CSS样式及相关资源文件来定制组件，并在原始网页中插入相应的符号代码标识，以便通过编译在网页文件中实现与组件相应的功能。

6，组件参数：用于定制组件的大小、位置、链接及可选功能等组件相关的功能，并将该信息记录到组件的原始标识代码中，编译时使用该信息生成最终的网页文件。

7，组件类别：系统提供实现不同网页功能的多个组件，每个功能组件有自己唯一的类别标识；通过选择不同类别的组件，来组合形成原始的网页信息，以实现丰富的页面功能。

8，在线编辑管理：采用网页组件、网页控件及文本信息等，编辑原始的网页信息；原始的网页信息保存到数据库，以便下次调出编辑；原始网页信息输出到编译系统，经过处理后生成网页文件。

9，网页控件：通过资源文件、CSS样式及链接信息等来定制控件，使用控件可以编辑网页中的图片、动画、音乐及表格等内容。

10，CSS样式管理：通过颜色、字体、背景及各种可选项参数，编辑网页样式表；网页样式表保存到数据库中，以便下次调出来重新编辑；网页组件及网页控件调用相关的样式表，实现需要的网页样式；生成相应的样式文件，并被相关的网页文件链接使用。

11，文件管理：对编译生成的网页文件、系统资源文件、目录进行添加、删除、恢复、占用空间大小统计等管理，管理信息记录到数据库；将管理的文件、目录信息提供给网页组件及网页控件链接使用。

12，资源文件：系统使用的CSS样式、图片、图标、动画、音乐等文件资源。

13，编译处理：系统根据输入的原始网页信息，扫描、分析其内容，提取其中的网页组件内容，根据网页组件的类别、频道、CSS样式、资源文件链接、参数配置等信息，用特定的目标网页代码替换组件，最终生成能实现网页组件功能的网页文件。

14，网页文件：由编译系统根据输入的原始网页信息生成，可以用文件管理系统进行占用空间大小统计、删除、恢复等管理操作。

具体实施方式

1，架构一套基于数据库的WEB信息系统。

2，开发WEB站点管理系统。站点管理系统包括信息管理、频道管理、CSS样式管理系统、文件管理系统、网页在线编辑系统。其中，信息管理实现对所有频道的信息进行管理；频道管理实现新建、编辑及删除网页频道；CSS样式管理系统实现CSS样式表的添加、编辑、删除操作，并能生成CSS样式文件；文件管理系统实现对网页文件、网络资源文件、CSS样式文件等的管理；网页在线编辑系统使用网页控件、文本信息、网络资源等进行在线编辑，具有所见即所得的编辑功能。

3，将目标网页中的功能分类，用组件来代替每个网页功能。组件在在线编辑器中用一个特定的块状网页控件来表示，每个功能组件具有特定的标识；在代表组件的网页控件中，用在其属性中配置参数的形式，来描述该组件最终的网页功能，如组件类别、频道、CSS样式、资源文件地址名称、大小、位置等信息；采用图标或菜单的形式选择不同功能的组件，插入编辑的原始网页中来描述目标网页的功能，对组件可以进行插入、修改、删除等操作。

4，设计编译处理系统。编译处理系统根据输入的原始网页信息，扫描、分析并提取原始网页信息中所有的组件信息，根据该组件对目标网页功能的描述信息，生成目标网页代码去代替该组件，实现目标网页的组件描述功能，并生成最终的目标网页文件。

Claims (10)

1，一种在线、实时及自动生成动态网页文件的方法。其步骤如下：

在所见即所得网页编辑窗口中，采用组件及网页控件等资源来编辑原始网页信息；系统对采用组件的原始网页信息进行扫描、分析及编译处理，生成具有期望功能的动态网页文件。

2，根据权利要求1所述的方法，其特征在于，在原始网页信息编辑窗口中，组件由特定的网页控件表示，并在所见即所得网页编辑窗口中显示为块状图形，组件具有自己唯一的标识信息，每个组件可以重复使用。

3，根据权利要求2所述的方法，其特征在于，可以通过鼠标拖曳的方式改变组件的大小，可以采用鼠标拖动的方式来确定组件在网页中的位置，可以在网页编辑窗口的任意位置插入组件，可以在网页编辑窗口中对组件进行编辑。

4，根据权利要求3所述的方法，其特征在于，在网页编辑窗口中通过鼠标选择插入组件的位置，通过鼠标点击网页编辑窗口特定位置或通过选择鼠标点击弹出的菜单，可以在网页编辑窗口中指定的位置插入组件，插入组件时可以设置组件的参数。

5，根据权利要求3所述的方法，其特征在于，用鼠标选择组件，可以按键或通过选择鼠标点击时弹出的菜单来对组件进行删除、拷贝、剪切及粘贴操作。

6，根据权利要求2所述的方法，其特征在于，用鼠标选择组件(或再点击网页编辑窗口特定位置)，或通过选择在该组件上点击鼠标时弹出的菜单，可以修改组件的参数。

7，根据权利要求4和权利要求6所述的方法，其特征在于，设置组件的参数时可以设置或选择数据库信息栏目，设置组件的参数时可以设置或选择CSS样式名称。

8，根据权利要求1所述的方法，其特征在于，编辑好包含组件的原始网页信息并提交时，服务器系统将原始网页信息保存到数据库，可以下次调出来进行修改并重新生成动态网页文件。

9，根据权利要求1所述的方法，其特征在于，编辑好包含组件的原始网页信息并提交时，服务器系统自动对原始网页信息进行扫描、分析及编译，生成包含服务器端运行的程序、客户端运行的脚本程序及HTML/XML代码的网页文件。

10，根据权利要求9所述的方法，其特征在于，编译处理系统编译生成网页文件后，可以立即通过浏览器访问服务器生成的网页文件，服务器编译运行网页文件，返回HTML/XML格式的网页代码。

Images