本发明涉及 WEB 页面技术， 特别是指一种 WEB 页面快速生成模型 ( PFGM, Page Fast Generating Model )。 背景技术

目前的 WEB的开发过程都需要经过页面设计、模型设计 、控制程序设 计的过程， 对于很多相似的页面需要重复的设计页面， 模型和控制程序重 复利用率低， 不能满足快速开发的要求。

特别在更新过程中， 现在的 WEB开发模式需要重新开发若干套页面， 效率比较低， 部署使用时相对比较麻烦。

现在也有一些支持页面生成的开发模型， 但是也必须先开发出固定的 页面格式， 然后在进行基于页面结构的设计， 才能完成开发。 不仅开发工 作量大， 且效率低下。 发明内容

有鉴于此，本发明的主要目的在于提供一种基 于数据定义的 WEB页面 快速生成模型， 能够解决 WEB页面开发效率低的问题。

本发明提出了一种基于数据定义的网络 WEB页面快速生成方法，包括 以下步骤： 构造通用的 WEB页面； 根据用户输入的要求对 WEB页面数据 进行定义； 对定义进行解析， 并生成页面对象； 利用 WEB页面对象和通用 的 WEB页面生成所需的 WEB页面。

其中， 根据用户输入的要求对 WEB页面数据进行定义的步骤中， 具体 包括： 当 WEB页面为提交页面时， 定义 WEB页面的页面风格、参数列表、 和业务处理类； 当 WEB页面不为提交页面时， 定义 WEB页面的页面风格 和结果集。

其中， 当 WEB 页面为提交页面时， 在利用 WEB 页面对象和通用的 WEB页面生成所需的 WEB页面的步骤之后， 具体包括： 利用 WEB页面 对象对 WEB页面进行动态控制， 完成表单的填写； 将填写的参数传递给业 务处理类进行处理。

其中， 在对定义进行解析， 并生成页面对象的步骤中， 具体包括： 当 WEB页面为提交页面时， 提取所定义的页面风格、 参数列表、 和业务处理 类， 根据所提取的页面风格、 参数列表、 和业务处理类生成页面对象； 当 WEB页面不为提交页面时， 根据结果集查询数据源定义； 将数据源定义转 换为数据表格； 根据所定义的页面风格和数据表格生成页面对 象。

其中， 在将填写的参数传递给业务处理类进行处理的 步骤中， 具体包 括： 从页面对象中获取参数值； 将获取的参数值传递给业务处理类进行处 理。

本发明还提出一种基于数据定义的网络 WEB 页面快速生成装置， 包 括： 构造模块， 构造通用的 WEB页面； 数据定义模块， 根据用户输入的要 求对 WEB页面数据进行定义； 数据分析模块， 对所述定义进行解析， 并生 成页面对象；格式化输出模块，利用所述 WEB页面对象和所述通用的 WEB 页面生成所需的 WEB页面。

其中，在数据定义模块根据用户输入的要求对 WEB页面数据进行定义 时， 当 WEB页面为提交页面时， 定义 WEB页面的页面风格、 参数列表、 和业务处理类； 当 WEB页面不为提交页面时， 定义 WEB页面的页面风格 和结果集。

其中， 装置还包括： 动态校验模块， 利用 WEB页面对象对 WEB页面 进行动态控制， 完成表单的填写； 参数获取模块， 将填写的参数传递给业 务处理类进行处理。

其中， 在数据分析模块对所述定义进行解析， 并生成页面对象的步骤 时， 当 WEB页面为提交页面时， 还包括： 提取模块， 提取所定义的页面风 格、 参数列表、 和业务处理类， 生成模块， 根据所提取的页面风格、 参数 列表、和业务处理类生成页面对象； 当 WEB页面不为提交页面时，还包括： 查询模块， 根据结果集查询数据源定义； 转换模块， 将数据源定义转换为 数据表格； 生成模块， 根据所定义的页面风格和数据表格生成页面对 象。

其中， 在参数获取模块将填写的参数传递给业务处理 类进行处理时， 还包括： 获取模块， 从页面对象中获取参数值； 传递模块， 将获取的参数 值传递给业务处理类进行处理。

应用本发明， 通过生成页面对象的方法， 可以快速开发 WEB页面， 重 复率低， 提高了效率。 附图说明

图 1为 WEB页面快速生成开发流程图；

图 2为 WEB页面快速生成开发装置的组成结构示意图。 具体实施方式

本发明包括数据定义、 数据分析、 格式化输出、 动态校验、 参数获取 五个模块。 WEB页面根据是否需要提交， 分为提交处理页面和结果展现页 面两种类型， 其中提交处理页面输出包含全部模块， 结果展现页面包含数 据定义、 数据分析、 格式化输出三个模块。

数据定义模块通过定义工具对数据进行定义。 查询页面需要定义参数 字段类型、 页面展现类型、 默认值、 取值脚本、 自定义校验脚本等信息； 结果页面需要定义表格数据、 表格风格、 图片类型、 图片数据源等。 定义 完成后， 保存为数据库表、 配置文件的形式。 数据分析模块， 为数据定义的反向操作， 对数据定义的数据库表和配 置文件进行解析， 封装为对象， 提供给格式化输出模块进行展现。

格式化输出模块通过统一的数据对象的输入， 生成 html页面代码， 传 递到页面展现。

动态校验模块分为通用校验和自定义校验。 通用校验根据参数类型的 定义， 以及一些基本信息， 比如最大值、 最小值、 长度、 是否为空等； 自 定义校验由用户开发 javascript脚本， 对于参数校验、 页面动态展现进行控 制。

参数获取模块仅对查询页面有效， 用户提交参数页面后， 该模块将参 数值提取出来， 提供给程序作进一步处理。

下面结合附图和具体实施例对本发明的技术方 案进一步详细阐述。 图 1为 WEB页面快速生成开发流程图。 WEB页面根据是否需要提交， 分为提交处理页面和结果展现页面两种类型。 比如登录页面、 查询页面、 意见提交页面都属于提交处理页面， 而结果页面是最终页面， 不需要进行 提交处理。 对于同一个步骤， 不同类型的页面有不同的处理方法， 所以分 开阐述。

步骤 101 , 对需要展现的数据进行定义， 并保存在数据库或文件中。 对于提交处理页面需要定义页面风格、 参数列表、 业务处理类。 页面 风格由级联样式表 ( CSS , Cascading Style Sheet )决定， 影响页面效果和布 局， 不影响数据。 参数列表定义了提交处理页面包含哪些参数， 以及参数 的名称、 类型、 初始值等信息。 业务处理类定义了对页面参数值进行处理， 并进行业务操作的类。

其中参数定义内容如下表 1所示:

名称 ID 描述

参数标签名 label 用来显示参数的名称， 比如用户名、 密码等 参数名 id HTML中参数的名称和 ID, 如果是多选， 则为 ID前缀 注释 comment 对应 HTML中参数的描述信息

值类型 type 参数是字符型， 还是数字型， 用来作基础校验的依据 显示类型 htmlType 在页面上参数的表现形式， 如文本框、 下拉框、 复选框、 单选框、 日期、 隐藏参数

最小值 min 对于数字型参数， 最小值表示允许的最小值； 对于字符 型参数， 最小值表示允许的最小长度

最大值 max 对于数字型参数， 最大值表示允许的最大值； 对于字符 型参数， 最大值表示允许的最大长度

是否必填 required 如果必填， 则为真； 如果非必填， 则为假

检查脚本 checkS cript 自定义检查脚本， 用来对页面参数值自定义复杂校验 默认值 default Value 默认值

值列表 valueList 对于多选的值列表

值名称列表 valueNameList 对于多选的值名称列表

默认值列表 Default ValueList 对于多选的默认值列表

是否有时间 hasTime 曰期参数是否包含时间

是否提交 onChange 参数变化的时候是否提交进行二次查询

隐藏脚本 hiddenString 定义隐藏脚本， 在满足条件的时候， 将参数隐藏， 用来 实现动态页面

表 1

对于结果展现页面需要定义页面风格、 结果集表格列表。 一个结果展 现页面可以包含若干个结果集表格， 结果集表格可以以表格的形式展现， 也可以以图表的形式展现。

页面定义内容如下表 2所示：

每页大小 pageSize 用来设置结果展现页面的每页包含的数据量

表 2

数据源的定义是体现在数据表格中的， 如表 3中所示：

名称 ID 描述

前置 SQL preSQL 用来整理原始数据， 方便数据查询

取值 SQL SQL 查询数据的脚本

后置 SQL subSQL 处理临时数据， 或整理数据

列定义 ColumnList 定义结果集和展现列之间的关系

参数定义 paramList 数据源需要获取的参数列表

展现类型 type 展现方式包括： 数据表格、 饼图、 折线图、 柱状图 表 3

数据定义可以通过数据库表记录的形式保存， 也可以保存到文本中。 步骤 102, 对数据库或者文件中的定义进行解析， 获取生成页面对象。 该步骤是数据定义的逆向过程， 能够将固化的信息转变为动态信息， 这样就实现了数据定义和页面生成的分离。

对于提交处理页面， 解析过程是将数据库中或文件中定义的参数列 表、 页面风格和业务处理类提取出来， 重新转为对象。

对于结果展现页面， 解析过程是首先将数据源定义在数据库中查询 出 来； 然后根据列定义转变为数据表格； 最后根据页面的定义， 创建页面对 象。

步骤 103 , 根据页面对象生成格式化的页面。

该步骤使用解析好的对象中的定义信息生成页 面。

对于提交处理页面， 对象中包含 CSS的信息， 影响了页面的风格， 实 现方法是首先在公用文件中定义一组 CSS, 生成超文本标记语言 （HTML, Hyper Text Mark-up Language )页面的时候， 浏览器（ IE )会根据 CSS的名 称， 找到对应的风格定义， 达到定制的页面效果。

业务处理类定义的是 HTML的表单的处理 ACTION, 这个值填写在页 面的 FORM标签中， 当页面提交后就会直接转到对应的业务处理类 中进行 处理。

参数列表生成步骤如下：

1、 遍历所有的参数， 进入循环。

2、判断参数的显示类型，根据显示类型转到� �同的处理段，拼接 HTML 字符串， 比如输入框为 "<input type=， text' ，，， 复选框为 "<input type=， checkbox' " , 单选框为 "<input type=' radio' "。

3、 判断是否存在级联关系， 如果存在则增加修改后提交的函数， 进行 二次查询。

4、增加参数的通用校验脚本， 比如是否为空、是否为数字、 大小限制、 长度限制等。

5、 增加自定义的校验脚本， 修改脚本变量名为 HTML变量名。

6、 增加隐藏脚本， ^ί'爹改脚本中的变量名为 HTML变量名。

7、 完成参数循环。

8、 增加通用脚本函数。

对于结果展现页面， 页面风格和提交处理页面是一样的。 表格部分， 如果对象中定义的是普通表格列表， 则直接按照 HTML格式输出， 如果定 义的是单元格形式的表格列表， 则先转为普通表格列表， 然后再输出。 输 出步骤如下：

1、 显示页面标题， 计算页面包含的总记录条数。

2、 遍历所有的普通表格列表。

3、 判断是否在分页的范围内， 如果在则遍历 TR列表和 TD列表生成 HTML页面。

4、 结束遍历， 显示页尾。

页面支持分页显示。 比如定义每页 100行记录， 一个页面包含 3张表 格， 全部为 80条记录， 则页面第一页显示第一张表格的 80条记录和第二 张表格的前 20条记录； 第二页显示第二张表格的后 60条记录和第三张表 格的前 40条记录； 第三页显示第三张表格的后 40条记录。

结果展现页面， 当页面生成好后， 流程就结束， 下面的步骤和结果展 现页面没有关系了。

步骤 104, 通过 JavaScript脚本的形式对页面元素进行动态控制� � 比如 校验、 隐藏、 修改值。

提交处理页面展现完毕后， 页面一般都具有一定的逻辑校验和动态处 理， 这个步骤就里通过 JavaScript脚本实现这些动态控制。

通用 JavaScript函数 口表 4所示：

表 4

步骤 105 , 完成页面表单填写后， 提交页面， 将参数传递给应用。 提交处理页面填写参数值的最终目的， 是为了提交到业务处理类进行 处理， 该步骤就是将提交的参数值获取， 并填写到参数对象中， 方便业务 处理类的使用。

根据 HTML表单的提交模式， 页面提交后的参数值是以 MAP的形式 存放在 REQUEST对象中， 所以从 MAP中提取参数值的步骤为：

1、 获取 REQUEST对象。

2、 遍历原始的参数列表。

3、 通过参数名从 REQUEST的 MAP中获取参数值。 如果是单值， 则 直接获取； 如果是多值， 则获取参数值数组， 然后填写到参数值列表中。

4、 完成遍历参数列表

将填写完值的参数列表传递到业务处理类中， 就可以继续业务处理类 的处理流程了。

通过以上步骤 101至步骤 105 ,基本可以实现通用的提交处理页面和结 果展现页面。 通过混合提交， 页面形式可以同时包含两种类型的页面， 既 包含提交处理的参数信息， 也包含结果展现的表格信息。

图 2为 WEB页面快速生成开发装置的组成结构示意图。 装置包括： 构 造模块 23 , 构造通用的 WEB页面； 数据定义模块 20, 根据用户输入的要 求对 WEB页面数据进行定义； 数据分析模块 21 , 对所述定义进行解析， 并生成页面对象； 格式化输出模块 22, 利用所述 WEB页面对象和所述通 用的 WEB页面生成所需的 WEB页面。

在数据定义模块 20根据用户输入的要求对 WEB页面数据进行定义时， 当 WEB页面为提交页面时， 定义 WEB页面的页面风格、 参数列表和业务 处理类； 当 WEB页面不为提交页面时， 定义 WEB页面的页面风格和结果 该装置还包括： 动态校验模块（图中未示出）， 利用 WEB页面对象对 WEB页面进行动态控制， 完成表单的填写； 参数获取模块， 将填写的参数 传递给业务处理类进行处理。

在数据分析模块 21对所述定义进行解析， 并生成页面对象的步骤时， 当 WEB页面为提交页面时， 还包括： 提取模块（图中未示出）， 提取所定 义的页面风格、 参数列表、 和业务处理类， 生成模块（图中未示出）， 根据 所提取的页面风格、 参数列表、 和业务处理类生成页面对象； 当 WEB页面 不为提交页面时， 还包括： 查询模块（图中未示出）， 根据结果集查询数据 源定义； 转换模块（图中未示出）， 将数据源定义转换为数据表格； 生成模 块（图中未示出）， 根据所定义的页面风格和数据表格生成页面对 象。

在参数获取模块将填写的参数传递给业务处理 类进行处理时， 还包括： 获取模块（图中未示出）， 从页面对象中获取参数值； 传递模块， 将获取的 参数值传递给业务处理类进行处理。

本领域的技术人员应该明白， 上述的本发明的各模块或各步骤可以用 通用的计算装置来实现， 它们可以集中在单个的计算装置上， 或者分布在 多个计算装置所组成的网络上， 可选地， 它们可以用计算装置可执行的程 序代码来实现， 从而， 可以将它们存储在存储装置中由计算装置来执 行， 或者将它们分别制作成各个集成电路模块， 或者将它们中的多个模块或步 骤制作成单个集成电路模块来实现。 这样， 本发明不限制于任何特定的硬 件和软件结合。

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