Web页面的生成方法及生成装置技术领域
本发明涉及计算机技术领域，具体而言，涉及一种Web页面的生成
方法和一种Web页面的生成装置。
背景技术
对于进行BS(Browser/Server，浏览器/服务器)架构的Web系统开
发人员，经常需要为各种不同种类的数据和不同的需求开发不同的Web
展示页面。
具体地，以机房中的资产为例，可能需要开发针对服务器的新增、修
改、查询、详细、变更等页面，对于路由器、交换机、防火墙等设备也需
要开发这些种类的页面。并且一旦新增设备类型，就需要针对新增的设备
类型再次开发上述展示页面，更重要的是，一旦这个类型的某些字段发生
变化，那个所有类型的页面都需要重新调整、重新布局，维护起来非常的
麻烦。
因此，如何能够有效降低开发和维护Web页面的工作量和成本成为
亟待解决的技术问题。
发明内容
本发明正是基于上述技术问题至少之一，提出了一种新的Web页面
的生成方案，可以有效降低开发和维护Web页面的工作量和成本。
有鉴于此，本发明提出了一种Web页面的生成方法，包括：在接收
到创建Web页面的指令时，提供对预设的多个字段的属性进行配置的界
面，以供操作者对所述多个字段的属性进行配置；根据所述操作者配置的
所述多个字段的属性，生成与所述多个字段相关的所有XML(Extensible
MarkupLanguage，可扩展标记语言)格式的页面；根据接收到的页面访
问需求，将所述所有XML格式的页面中的指定XML格式的页面转换为
HTML(HyperTextMarkupLanguage，超文本标记语言)格式的页面，并
进行显示。
在该技术方案中，通过提供对多个字段的属性进行配置的页面，并根
据操作者配置的多个字段的属性生成与多个字段相关的所有XML格式的
页面，并在接收到页面访问需求时，将指定XML格式的页面转换为
HTML格式的页面进行显示，使得开发人员在开发Web页面时，仅需针
对所要开发的Web页面的需求对预设的多个字段的属性进行配置即可，
进而Web页面的生成装置能够根据开发人员配置的属性自动实现XML格
式页面的生成，并根据接收到的页面访问需求自动将指定XML格式的页
面转换为HTML格式的页面进行显示，避免了开发人员需要多次开发相
同的页面的繁琐操作，有效降低了开发人员的开发工作量，并且也降低开
发成本。
在上述技术方案中，优选地，在提供对所述预设的多个字段的属性进
行配置的界面之前，还包括：创建多种类型的字段，以及用于对所述多种
类型的字段的属性进行配置的配置信息表。
在该技术方案中，通过创建多种类型的字段和用于对多种类型的字段
的属性进行配置的配置信息表，使得开发人员在需要开发Web页面时，
能够通过对已创建的字段和配置信息表的配置实现自动生成XML格式的
页面。其中，多种类型的字段包括：字符型、数字型、日期型等各种类型
的字段。
在上述任一技术方案中，优选地，根据所述操作者配置的所述多个字
段的属性，生成与所述多个字段相关的所有XML格式的页面的步骤具体
包括：根据所述操作者配置的所述多个字段的属性，生成对应于所述多个
字段的实体类；将对应于所述多个字段的实体类转换为所述XML格式的
页面。
具体地，对于每一个XML标签，如Body、Row、Column、
LabelField、TextField等，后台都有其对应的实体类。在后台程序中，可
以预设在生成的页面上，输入框、下拉框、日期等与其对应的标签一起占
用半行，输入域占用一行，然后后台程序会根据设置的字段顺序(包含在
字段的属性中)和字段种类，生成其对应的实体类，最后把这个实体类转
换成XML格式进行存储。
在上述任一技术方案中，优选地，将所述指定XML格式的页面转换
为HTML格式的页面的步骤具体包括：将所述指定XML格式的页面转换
为对应的实体类；根据所述实体类中包含的渲染方法将所述实体类转换成
所述HTML格式的页面。
在上述任一技术方案中，优选地，还包括：检测所述多个字段的属性
是否发生变换；在检测到所述多个字段中的任一字段的属性发生变化时，
根据所述任一字段变化后的属性，重新生成所述相关的所有XML格式的
页面。
在该技术方案中，通过在检测到任一字段的属性发生变化时，根据任
一字段变化后的属性重新生成相关的所有XML格式的页面，使得在任一
字段的属性发生变化时，Web页面的生成装置能够自动实现对XML格式
的页面的更新，避免了现有技术中需要对所有的页面进行重新调整和布局
的繁琐操作过程，有效降低了开发人员的维护工作量，并且也降低维护成
本。
在上述任一技术方案中，优选地，所述多个字段中每个字段的属性包
括：字段的描述、数据模型、是否必填、是否展示在查询界面和排列顺
序；所述所有XML格式的页面包括：新增页面、修改页面、详细页面、
查询页面和变更页面。
根据本发明的第二方面，还提出了一种Web页面的生成装置，包
括：呈现单元，用于在接收到创建Web页面的指令时，提供对预设的多
个字段的属性进行配置的界面，以供操作者对所述多个字段的属性进行配
置；生成单元，用于根据所述操作者配置的所述多个字段的属性，生成与
所述多个字段相关的所有XML格式的页面；处理单元，用于根据接收到
的页面访问需求，将所述所有XML格式的页面中的指定XML格式的页
面转换为HTML格式的页面，并进行显示。
在该技术方案中，通过提供对多个字段的属性进行配置的页面，并根
据操作者配置的多个字段的属性生成与多个字段相关的所有XML格式的
页面，并在接收到页面访问需求时，将指定XML格式的页面转换为
HTML格式的页面进行显示，使得开发人员在开发Web页面时，仅需针
对所要开发的Web页面的需求对预设的多个字段的属性进行配置即可，
进而Web页面的生成装置能够根据开发人员配置的属性自动实现XML格
式页面的生成，并根据接收到的页面访问需求自动将指定XML格式的页
面转换为HTML格式的页面进行显示，避免了开发人员需要多次开发相
同的页面的繁琐操作，有效降低了开发人员的开发工作量，并且也降低开
发成本。
在上述技术方案中，优选地，还包括：创建单元，用于在所述呈现单
元提供对所述预设的多个字段的属性进行配置的界面之前，创建多种类型
的字段，以及用于对所述多种类型的字段的属性进行配置的配置信息表。
在该技术方案中，通过创建多种类型的字段和用于对多种类型的字段
的属性进行配置的配置信息表，使得开发人员在需要开发Web页面时，
能够通过对已创建的字段和配置信息表的配置实现自动生成XML格式的
页面。其中，多种类型的字段包括：字符型、数字型、日期型等各种类型
的字段。
在上述任一技术方案中，优选地，所述生成单元具体用于：根据所述
操作者配置的所述多个字段的属性，生成对应于所述多个字段的实体类，
并将对应于所述多个字段的实体类转换为所述XML格式的页面。
具体地，对于每一个XML标签，如Body、Row、Column、
LabelField、TextField等，后台都有其对应的实体类。在后台程序中，可
以预设在生成的页面上，输入框、下拉框、日期等与其对应的标签一起占
用半行，输入域占用一行，然后后台程序会根据设置的字段顺序(包含在
字段的属性中)和字段种类，生成其对应的实体类，最后把这个实体类转
换成XML格式进行存储。
在上述任一技术方案中，优选地，所述处理单元具体用于：将所述指
定XML格式的页面转换为对应于的实体类；根据所述实体类中包含的渲
染方法将所述实体类转换成所述HTML格式的页面。
在上述任一技术方案中，优选地，还包括：检测单元，用于检测所述
多个字段的属性是否发生变换；所述生成单元具体用于，在所述检测单元
检测到所述多个字段中的任一字段的属性发生变化时，根据所述任一字段
变化后的属性，重新生成所述相关的所有XML格式的页面。
在该技术方案中，通过在检测到任一字段的属性发生变化时，根据任
一字段变化后的属性重新生成相关的所有XML格式的页面，使得在任一
字段的属性发生变化时，Web页面的生成装置能够自动实现对XML格式
的页面的更新，避免了现有技术中需要对所有的页面进行重新调整和布局
的繁琐操作过程，有效降低了开发人员的维护工作量，并且也降低维护成
本。
在上述任一技术方案中，优选地，所述多个字段中每个字段的属性包
括：字段的描述、数据模型、是否必填、是否展示在查询界面和排列顺
序；所述所有XML格式的页面包括：新增页面、修改页面、详细页面、
查询页面和变更页面。
通过以上技术方案，可以有效降低开发和维护Web页面的工作量和
成本。
附图说明
图1示出了根据本发明的一个实施例的Web页面的生成方法的示意
流程图；
图2示出了根据本发明的实施例的Web页面的生成装置的示意框
图；
图3示出了根据本发明的实施例的字段用途的查询页面的示意图；
图4示出了根据本发明的实施例的配置字段用途的界面示意图；
图5示出了根据本发明的实施例的新增页面的XML代码示意图；
图6示出了根据本发明的实施例的新增页面的界面示意图；
图7示出了根据本发明的实施例的查询页面的界面示意图。
具体实施方式
为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附
图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不
冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，
本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明
的保护范围并不受下面公开的具体实施例的限制。
图1示出了根据本发明的一个实施例的Web页面的生成方法的示意
流程图。
如图1所示，根据本发明的一个实施例的Web页面的生成方法，包
括：步骤102，在接收到创建Web页面的指令时，提供对预设的多个字段
的属性进行配置的界面，以供操作者对所述多个字段的属性进行配置；步
骤104，根据所述操作者配置的所述多个字段的属性，生成与所述多个字
段相关的所有XML(ExtensibleMarkupLanguage，可扩展标记语言)格
式的页面；步骤106，根据接收到的页面访问需求，将所述所有XML格
式的页面中的指定XML格式的页面转换为HTML(HyperTextMarkup
Language，超文本标记语言)格式的页面，并进行显示。
在该技术方案中，通过提供对多个字段的属性进行配置的页面，并根
据操作者配置的多个字段的属性生成与多个字段相关的所有XML格式的
页面，并在接收到页面访问需求时，将指定XML格式的页面转换为
HTML格式的页面进行显示，使得开发人员在开发Web页面时，仅需针
对所要开发的Web页面的需求对预设的多个字段的属性进行配置即可，
进而Web页面的生成装置能够根据开发人员配置的属性自动实现XML格
式页面的生成，并根据接收到的页面访问需求自动将指定XML格式的页
面转换为HTML格式的页面进行显示，避免了开发人员需要多次开发相
同的页面的繁琐操作，有效降低了开发人员的开发工作量，并且也降低开
发成本。
在上述技术方案中，优选地，在提供对所述预设的多个字段的属性进
行配置的界面之前，还包括：创建多种类型的字段，以及用于对所述多种
类型的字段的属性进行配置的配置信息表。
在该技术方案中，通过创建多种类型的字段和用于对多种类型的字段
的属性进行配置的配置信息表，使得开发人员在需要开发Web页面时，
能够通过对已创建的字段和配置信息表的配置实现自动生成XML格式的
页面。其中，多种类型的字段包括：字符型、数字型、日期型等各种类型
的字段。
在上述任一技术方案中，优选地，根据所述操作者配置的所述多个字
段的属性，生成与所述多个字段相关的所有XML格式的页面的步骤具体
包括：根据所述操作者配置的所述多个字段的属性，生成对应于所述多个
字段的实体类；将对应于所述多个字段的实体类转换为所述XML格式的
页面。
具体地，对于每一个XML标签，如Body、Row、Column、
LabelField、TextField等，后台都有其对应的实体类。在后台程序中，可
以预设在生成的页面上，输入框、下拉框、日期等与其对应的标签一起占
用半行，输入域占用一行，然后后台程序会根据设置的字段顺序(包含在
字段的属性中)和字段种类，生成其对应的实体类，最后把这个实体类转
换成XML格式进行存储。
在上述任一技术方案中，优选地，将所述指定XML格式的页面转换
为HTML格式的页面的步骤具体包括：将所述指定XML格式的页面转换
为对应的实体类；根据所述实体类中包含的渲染方法将所述实体类转换成
所述HTML格式的页面。
在上述任一技术方案中，优选地，还包括：检测所述多个字段的属性
是否发生变换；在检测到所述多个字段中的任一字段的属性发生变化时，
根据所述任一字段变化后的属性，重新生成所述相关的所有XML格式的
页面。
在该技术方案中，通过在检测到任一字段的属性发生变化时，根据任
一字段变化后的属性重新生成相关的所有XML格式的页面，使得在任一
字段的属性发生变化时，Web页面的生成装置能够自动实现对XML格式
的页面的更新，避免了现有技术中需要对所有的页面进行重新调整和布局
的繁琐操作过程，有效降低了开发人员的维护工作量，并且也降低维护成
本。
在上述任一技术方案中，优选地，所述多个字段中每个字段的属性包
括：字段的描述、数据模型、是否必填、是否展示在查询界面和排列顺
序；所述所有XML格式的页面包括：新增页面、修改页面、详细页面、
查询页面和变更页面。
图2示出了根据本发明的实施例的Web页面的生成装置的示意框
图。
如图2所示，根据本发明的实施例的Web页面的生成装置200，包
括：呈现单元202，用于在接收到创建Web页面的指令时，提供对预设的
多个字段的属性进行配置的界面，以供操作者对所述多个字段的属性进行
配置；生成单元204，用于根据所述操作者配置的所述多个字段的属性，
生成与所述多个字段相关的所有XML格式的页面；处理单元206，用于
根据接收到的页面访问需求，将所述所有XML格式的页面中的指定XML
格式的页面转换为HTML格式的页面，并进行显示。
在该技术方案中，通过提供对多个字段的属性进行配置的页面，并根
据操作者配置的多个字段的属性生成与多个字段相关的所有XML格式的
页面，并在接收到页面访问需求时，将指定XML格式的页面转换为
HTML格式的页面进行显示，使得开发人员在开发Web页面时，仅需针
对所要开发的Web页面的需求对预设的多个字段的属性进行配置即可，
进而Web页面的生成装置能够根据开发人员配置的属性自动实现XML格
式页面的生成，并根据接收到的页面访问需求自动将指定XML格式的页
面转换为HTML格式的页面进行显示，避免了开发人员需要多次开发相
同的页面的繁琐操作，有效降低了开发人员的开发工作量，并且也降低开
发成本。
在上述技术方案中，优选地，还包括：创建单元208，用于在所述呈
现单元202提供对所述预设的多个字段的属性进行配置的界面之前，创建
多种类型的字段，以及用于对所述多种类型的字段的属性进行配置的配置
信息表。
在该技术方案中，通过创建多种类型的字段和用于对多种类型的字段
的属性进行配置的配置信息表，使得开发人员在需要开发Web页面时，
能够通过对已创建的字段和配置信息表的配置实现自动生成XML格式的
页面。其中，多种类型的字段包括：字符型、数字型、日期型等各种类型
的字段。
在上述任一技术方案中，优选地，所述生成单元204具体用于：根据
所述操作者配置的所述多个字段的属性，生成对应于所述多个字段的实体
类，并将对应于所述多个字段的实体类转换为所述XML格式的页面。
具体地，对于每一个XML标签，如Body、Row、Column、
LabelField、TextField等，后台都有其对应的实体类。在后台程序中，可
以预设在生成的页面上，输入框、下拉框、日期等与其对应的标签一起占
用半行，输入域占用一行，然后后台程序会根据设置的字段顺序(包含在
字段的属性中)和字段种类，生成其对应的实体类，最后把这个实体类转
换成XML格式进行存储。
在上述任一技术方案中，优选地，所述处理单元206具体用于：将所
述指定XML格式的页面转换为对应于的实体类；根据所述实体类中包含
的渲染方法将所述实体类转换成所述HTML格式的页面。
在上述任一技术方案中，优选地，还包括：检测单元210，用于检测
所述多个字段的属性是否发生变换；所述生成单元204具体用于，在所述
检测单元210检测到所述多个字段中的任一字段的属性发生变化时，根据
所述任一字段变化后的属性，重新生成所述相关的所有XML格式的页
面。
在该技术方案中，通过在检测到任一字段的属性发生变化时，根据任
一字段变化后的属性重新生成相关的所有XML格式的页面，使得在任一
字段的属性发生变化时，Web页面的生成装置能够自动实现对XML格式
的页面的更新，避免了现有技术中需要对所有的页面进行重新调整和布局
的繁琐操作过程，有效降低了开发人员的维护工作量，并且也降低维护成
本。
在上述任一技术方案中，优选地，所述多个字段中每个字段的属性包
括：字段的描述、数据模型、是否必填、是否展示在查询界面和排列顺
序；所述所有XML格式的页面包括：新增页面、修改页面、详细页面、
查询页面和变更页面。
以下结合图3至7对说明本发明的技术方案进一步说明。
本发明的技术方案主要是通过数据库中的通用字段类型的设置，实现
多种类型数据共用同一个数据库表。对每一种类型的数据，通过配置数据
库表的字段的描述、模型、是否必填、是否展示在查询界面、排序等信
息，自动生成各种类型页面的XML文件，再把XML格式翻译成HTML
格式的页面呈现给用户。
此外，若修改了数据库表字段的配置，则会触发其对应的所有页面的
重新生成，实现页面根据配置自动更新，达到了只需要做一个配置，就实
现了所有页面的自动生成的技术效果。
具体地，根据本发明的另一个实施例的Web页面的生成方法，包
括：
步骤1：创建数据库表DATA_TABLE，并创建足够的字符型、数字
型、日期型等各种类型的字段。创建配置信息表CONFIG_TABLE，配置
信息表包含：描述、数据模型、是否必填、是否展示在查询界面、排序等
字段。其中，字段用途(即上述的属性)的查询页面如图3所示，用户可
以通过对图3所示的302中的选项进行配置，并触发查询按钮304以对字
段的用途进行查询。
步骤2：通过Web界面对DATA_TABLE表的每个字段的用途做配
置，包括字段的描述、数据模型、是否必填、是否展示在查询界面、排序
等，配置结果保存到CONFIG_TABLE表中。对DATA_TABLE的每一列
的配置，都保存成CONFIG_TABLE表的一条记录。具体的配置界面如图
4所示，开发人员可以根据需要对字段的用途进行配置，即对图4中所示
的402部分进行配置。
步骤3：根据字段用途的配置，在保存配置时自动触发后台程序生成
所有相关的页面，如新增、修改、详细、查询、变更等页面，并以XML
格式保存在数据库中，每个页面对应其各自的页面代码。
后台代码生成XML格式的页面的步骤具体包括：
由于每一个XML的标签，如Body、Row、Column、LabelField、
TextField等，后台都有其对应的实体类。可以在后台程序中对页面上的输
入框、下拉框、日期等与其对应的Label设置为一起占用半行，输入域设
置为占用一行，然后后台程序会根据设置的字段顺序和字段的种类，生成
其对应的实体类。
其中，实体类的最外层是Html，Html包含Head和Body实体。Body
实体中包含了各种页面控件实体，如Div、Grid。Grid即表格，它里面又
包含了Row(表格的行)实体。Row实体中包含了Column(表格的列)
实体，Column实体中包含了LabelFild(文字)和TextFild(输入框)等
实体。这样就构成了一个完成的页面的实体类。
最后把这个实体类再转换成XML格式，存储到数据库中对应的页面
记录中。比如可以设置一个FORM_DEFINITION表用来存放页面的XML
格式，这个表至少包括以下一些字段：FORM_CODE页面代码，
FORM_DATA页面的内容，即XML。那么对于生成的XML就存放到
FORM_DATA字段中。其中，新增页面的XML代码如图5所示。
步骤4：根据页面代码访问页面，并由后台程序从数据库中调出对应
的XML格式页面，后台程序将其翻译成HTML格式展现出来。
XML转换成HTML的过程如下：
首先把XML转换成对应的实体类，每种类型的实体类中都包含了一
个渲染方法，这个渲染方法可以把实体类转换成HTML的格式。从最外
层的实体类开始，通过渲染方法的递归调用，逐层向下，直到把所有的实
体都渲染成HTML，这时用户就可以看到整个HTML的页面已经打开。
其中，生成的新增页面如图6所示，用户可以对图6中所示的602中的各
个配置项进行设置，然后触发提交按钮604完成设置；生成的查询页面如
图7所示，用户可以通过对图7所示的702中的选项进行配置，并触发查
询按钮704以对字段的用途进行查询。
通过以上技术方案，使得所有此类数据相关的页面全部由后台程序生
成，所有需要做的仅仅是配置一下字段的用途，有效降低了开发工作量；
同时，当字段用途发生变化时，那么修改这个字段的用途配置即可，相关
页面后台自动重新生成，完全不需要开发人员重新开发页面，有效降低了
维护工作量。
以上结合附图详细说明了本发明的技术方案，考虑到目前对于Web
页面的开发和维护工作量、所花费的成本较大。因此，本发明提出了一种
新的Web页面的生成方案，可以有效降低开发和维护Web页面的工作量
和成本。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于
本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精
神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明
的保护范围之内。