CN114924736A - 页面生成方法和装置 - Google Patents

Abstract

本申请提供了一种页面生成方法和装置，可应用于金融领域或者其他领域。该方法包括：获得待构建的目标表单页面所适用的数据库表的表结构信息，表结构信息包括：数据库表中具有的至少一个字段；从至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段；基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的目标表单页面；基于配置的模板页面中查询数据显示区的布局特征以及至少一个可显示字段，在目标表单页面中构建目标查询数据显示区；将目标表单页面的数据存储到指定的服务器。通过本申请的方案可以降低生成表单页面的复杂度。

Description

页面生成方法和装置

技术领域

本申请涉及页面开发技术领域，尤其涉及一种页面生成方法和装置。

背景技术

在银行系统中，前端业务人员需要通过在服务器提供的前端页面中进行数据查询以及修改等相关操作。

为了银行系统下不同分行的监管需求，需要针对不同的监管需求开发不同的前端页面。然而，由于不同监管需求所涉及到的可操作的字段等信息也会有所差别，而每次针对不同的监管需求开发页面必然需要耗费较多的工作量，导致构建页面的复杂度较高。

发明内容

本申请提供了一种页面生成方法和装置，以降低生成表单页面的复杂度。

为了实现以上目的，本申请提供了一种页面生成方法，包括：

获得待构建的目标表单页面所适用的数据库表的表结构信息，所述表结构信息包括：所述数据库表中具有的至少一个字段；

从所述至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段，所述查询字段为能够在所述目标表单页面中选择查询的字段，所述可显示字段为能够显示在所述目标表单页面的查询数据显示区域内的字段；

基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，其中，所述目标查询条件区内包括所述至少一个查询字段各自对应的查询关键字输入框；

基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，所述目标查询数据显示区包括用于显示查询出的数据的目标表格，所述目标表格具有包括所述至少一个可显示字段的表头；

将所述目标表单页面的数据存储到指定的服务器。

在又一种可能的实现方式中，所述基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，包括：

基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，结合所述至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式；

构建包括所述目标查询条件区的所述目标表单页面，所述目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框，且所述目标查询条件区符合所述布局模式。

在又一种可能的实现方式中，所述表结构信息还包括：所述至少一个字段中每个字段的字段描述信息，所述字段的字段描述信息包括：字段对应的取值类型；

在所述构建包括所述目标查询条件区的目标表单页面之后，还包括：

对于每个查询字段，基于所述查询字段的取值类型，生成所述查询字段的输入字符校验代码；

将所述查询字段对应的输入字符校验代码配置为所述查询字段的查询关键字输入框绑定的校验代码，所述输入字符校验代码用于校验所述查询字段的查询关键字输入框内输入的字符的合法性。

在又一种可能的实现方式中，在所述构建包括所述目标查询条件区的目标表单页面之后，还包括：

获取配置的查询处理代码；

将所述查询处理代码配置为所述目标查询条件区中查询触发按钮绑定的代码，所述查询处理代码用于基于目标查询条件区中各查询字段的查询关键字输入框内的取值执行数据查询处理。

在又一种可能的实现方式中，所述基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，包括：

基于所述可显示字段的长度，确定所述可显示字段在表格的表头内占据的单元格宽度；

基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区；

其中，所述目标表格具有显示有所述至少一个可显示字段的表头；

所述操作栏位包括：用于触发对所述目标表格中所述操作栏位所在行的数据进行操作的至少一个操作选项。

在又一种可能的实现方式中，所述操作栏位包括：用于触发修改数据的修改选项；

在构建包括目标查询条件区的所述目标表单页面之前，还包括：

从所述至少一个字段中，确定用户选择的至少一个可修改字段，所述可修改字段为能够在所述目标表单页面中选择修改的字段；

在所述在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区之后，还包括：

结合配置的修改操作的第一弹出页面布局特征，构建与所述修改选项关联的第一弹出页面，所述第一弹出页面包括用于呈现待修改的数据记录的回显区、所述待修改数据的字段输入框，所述字段输入框可供选择的所述至少一个可修改字段以及修改确认按钮。

在又一种可能的实现方式中，所述操作栏位包括：用于触发新增数据的新增选项；

在所述在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区之后，还包括：

结合配置的新增操作的第二弹出页面布局特征，构建与所述新增选项关联的第二弹出页面，所述第二弹出页面包括用于输入待新增的数据所属的字段的字段输入框和新增确认按钮。

又一方面，本申请还提供了一种页面生成装置，包括：

表结构获得单元，用于获得待构建的目标表单页面所适用的数据库表的表结构信息，所述表结构信息包括：所述数据库表中具有的至少一个字段；

字段确定单元，用于从所述至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段，所述查询字段为能够在所述目标表单页面中选择查询的字段，所述可显示字段为能够显示在所述目标表单页面的查询数据显示区域内的字段；

第一构建单元，用于基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，其中，所述目标查询条件区内包括所述至少一个查询字段各自对应的查询关键字输入框；

第二构建单元，用于基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，所述目标查询数据显示区包括用于显示查询出的数据的目标表格，所述目标表格具有包括所述至少一个可显示字段的表头；

数据存储单元，用于将所述目标表单页面的数据存储到指定的服务器。

在又一种可能的实现方式中，所述第一构建单元，包括：

模式确定子单元，用于基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，结合所述至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式；

第一构建子单元，用于构建包括所述目标查询条件区的所述目标表单页面，所述目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框，且所述目标查询条件区符合所述布局模式。

在又一种可能的实现方式中，所述第二构建单元，包括：

宽度确定子单元，用于基于所述可显示字段的长度，确定所述可显示字段在表格的表头内占据的单元格宽度；

第二构建子单元，基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区；

其中，所述目标表格具有显示有所述至少一个可显示字段的表头；

所述操作栏位包括：用于触发对所述目标表格中所述操作栏位所在行的数据进行操作的至少一个操作选项。

由以上可知，在本申请实施例中，在获得待构建的表单页面适用的数据库表具有的字段之后，用户可以选择构建表单页面所需的各查询字段以及可显示字段。在此基础上，基于配置的模板页面中查询条件区以及查询数据显示区的相关布局特征，以及用户选择的查询字段以及可显示字段，便可以构建出相应的表单页面，从而只需用户基于监管需求选择所需的查询字段以及可显示字段，而无需其他复杂的页面开发操作，降低了生成表单页面的复杂度。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了本申请实施例提供的页面生成方法的一种流程示意图；

图2示出了本申请实施例提供的页面生成方法的又一种流程示意图；

图3示出了本申请实施例提供的页面生成方法的又一种流程示意图；

图4示出了本申请实施例提供的页面生成装置的一种组成结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有付出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

如图1所示，其示出了本申请实施例提供的页面生成方法的一种流程示意图，本实施例的方法可以应用于计算机设备，该计算机设备可以为用于网页构建的个人计算机或者服务器等，对此不加限制。

本实施例的方法可以包括：

S101，获得待构建的目标表单页面所适用的数据库表的表结构信息。

其中，表结构信息包括：数据库表中具有的至少一个字段。如，数据库表中包含的各个字段的字段名称等。

可以理解的是，该表结构信息还可以包括字段的字段描述信息。字段的字段描述信息可以包括字段相关的特征以及含义等信息。

如，字段的字段描述信息可以包括字段对应的取值类型，如，字段下的数值为整数型、字符串型或者是浮点型等。

又如，字段的字段描述信息还可以包括：字段或者字段下数值的含义，字段的长度等等信息中的一种或者集中，对此不加限制。

其中，为了便于区分，将需要构建的表单页面称为目标表单页面。

可以理解的是，为了构建目标表单页面，开发人员等用户可以输入或者配置待构建的目标表单页面的需求信息，该需求信息中可以包括目标表单页面所针对的数据库表的信息，相应的，计算机设备可以获得该数据库表的表结构信息。

如，在一种可能的实现方式中，计算机设备可以展现出用于生成表单页面的操作页面中输入数据库表的信息。相应的，计算机设备可以获得该数据库表的表结构信息。

S102，从至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段。

其中，查询字段为能够在目标表单页面中选择查询的字段，即，查询字段为在构建出的目标表单页面能够被选择为需要查询的字段。

可显示字段为能够显示在目标表单页面的查询数据显示区域内的字段。也就是说，可显示字段为：在目标表单页面执行数据查询操作后，查询到的数据中能够被显示的数据所属的字段

如，在一种可能的实现方式中，计算机设备可以显示操作页面，在操作页面中可以呈现出数据表中包括的至少一个字段，在此基础上，用户可以选择能够作为查询字段的各个字段以及能作为可显示字段的各个字段。

可以理解的是，在本申请可以预先对银行系统所采用的表单页面进行分析，提取出表单页面所涉及到的功能部分。经过分析发现，查询功能是表单页面的最主要的部分，因此，每个表单页面都需要包括用于实现数据查询以及显示查询数据的查询功能区。

而表单页面的查询功能区时，需要提供可供选择查询的查询字段的关键字输入框以及所需显示出的可现实字段的数据等，因此，为了构建表单页面的查询功能区，就需要由用户根据监管需求等，确定待构建的目标表单页面的查询功能区中可供选择查询的各查询字段以及所能显示出数据的各个可显示字段。

S103，基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的目标表单页面。

其中，目标查询条件区内包括至少一个查询字段各自对应的查询关键字输入框。

可以理解的是，本申请通过分析出，确定出所有表单页面都会具有查询功能区，而查询功能区包括：查询条件区和查询数据显示区。

其中，查询条件区是提供数据查询功能的区域，因此，在该查询条件区均包括可供选择的查询字段对应的查询关键字输入框，只不过根据不同的监管等需求的不同，查询条件区中可供查询的查询字段的数量以及种类会有所不同。基于此，本申请可以预先提取表单页面的模板页面，该模板页面中可以配置了查询条件区的布局特征以及查询条件区内查询关键字输入框的布局特征。

其中，该布局特征可以包括查询条件区的组成部分以及各个组成部分之间的形态以及布局关系。例如，查询条件区所需包含的控件的种类、形态以及不同种类控件之间的分布特征等等。

如，查询条件区至少包括：查询字段对应的查询关键字输入框。那么布局特征需要包含查询关键字在查询条件区的分布区域以及查询关键字所采用的控件类型以及部署特征等。

查询条件区还可以包括：查询触发按钮。当然，查询条件区还可以包括查询操作所需的一些提示信息。在此基础上，查询条件区的布局特征可以查询条件区中查询字段的查询关键字输入框与查询触发按钮等组成部件的布局位置以及相对区域等，还可以包括输入框以及按钮等控件的控件类型以及控件形态等。

其中，查询条件区内的查询关键字输入框是查询字段对应的查询关键字输入框，每个查询字段对应的查询关键字输入框用于输入所需查询的数据在该查询字段下的取值。

例如，在表单页面配置查询条件的过程中，查询条件中可能会包含查询某个字段取值为某个值的数据，那么就需要在该字段的查询关键字输入框内输入所需的值。

其中，查询字段对应的查询关键字输入框可以是在查询关键字输入框的上方呈现对应的查询字段的名称。

可以理解的是，结合查询条件区及其内部的查询输入框的布局特征，可以确定查询条件区每个查询字段对应一个查询关键字输入框。在此基础上，结合该布局特征，可以确定出目标表单页面的查询条件区内需要构建出至少一个查询字段的查询关键字输入框，以及该至少一个查询字段的查询关键字输入框的分布特征。例如，每行配置的查询字段对应的查询关键字输入框的个数以及对应关系等。

可以理解的是，不同查询字段的长度是不同的，查询字段的长度为查询字段的字符串长度。查询字段的长度不同，在部署该查询字段及其对应的查询关键字输入框时，所需占据的长度也会有所不同。基于此，本申请在结合以上布局特征的情况下，还需要结合至少一个查询字段各自的长度，确定查询条件区内各查询字段对应的查询关键字输入框之间的布局模式。

可以理解的是，为了使得用户能够了解到查询字段的查询关键字输入框内所能输入的信息内容等，还可以根据查询字段的字段描述信息，在构建的查询条件区的查询字段的查询关键字输入框内填充提示信息，该提示信息可以用于提示在查询关键字输入框内输入查询字段的取值或者提示查询关键字输入框内可输入的取值类型等等，对此不加限制。

可以理解的是，基于银行等业务系统的监管需求构建出的表单页面，最终是能够提供给用户进行数据查询与显示等相关处理的表单页面，因此，表单页面还可以基于查询条件区配置的查询条件等执行数据查询的相关数据。

基于此，本申请在构建出包括目标查询条件区的目标表单页面之后，还可以获取配置的查询处理代码，然后，将该查询处理代码配置为目标查询条件区中查询触发按钮绑定的代码。其中，该查询处理代码用于基于目标查询条件区中各查询字段的查询关键字输入框内的取值执行数据查询处理。

S104，基于配置的模板页面中查询数据显示区的布局特征以及至少一个可显示字段，在目标表单页面中构建目标查询数据显示区。

其中，该目标查询数据显示区包括用于显示查询出的数据的目标表格，目标表格具有包括该至少一个可显示字段的表头。

通过表头中包含的可显示字段可以限制该目标表格可呈现出的数据所属的字段，即，只有查询出的属于表头中可显示字段的数据才能够被显示在该目标表格内。

其中，目标表格的表头是目标表格的开头部分，其作用是表名数据的含义和确定数据的位置。表头是没有固定格式的，可以根据银行等业务系统的实际需要在模板页面中配置查询数据显示区内表格的表头形式。

由以上可知，目标表格为用于呈现基于查询条件区配置的查询条件数据从数据库中查询出的，且属于表头中包含的各可显示字段下的数据。

其中，为了便于区分，将构建出的目标表单页面中的查询数据显示区称为目标查询数据显示区。

可以理解的是，在表单页面的查询数据显示区中可能只能呈现出一页数据，但是查询出的数据可能会包含多页，基于此，本申请还可以预先配置分页插件的代码数据，在此基础上，本申请可以为构建出的目标查询数据显示区关联分页插件。通过该分页插件可以实现将基于查询条件区配置的查询条件查询出的查询数据分页显示。

S105，将目标表单页面的数据存储到指定的服务器。

其中，该指定的服务器可以根据需要设定，如，服务器可以为前端服务器。仍以银行系统为例，该服务器可以是用于向前面业务办公人员提供前端页面的前端服务器。

由以上可知，在本申请实施例中，在获得待构建的表单页面适用的数据库表具有的字段之后，用户可以选择构建表单页面所需的各查询字段以及可显示字段。在此基础上，基于配置的模板页面中查询条件区以及查询数据显示区的相关布局特征，以及用户选择的查询字段以及可显示字段，便可以构建出相应的表单页面，从而只需用户基于监管需求选择所需的查询字段以及可显示字段，而无需其他复杂的页面开发操作，降低了生成表单页面的复杂度。

为了便于理解本申请的方案，下面结合生成目标表单页面中查询条件区和查询数据显示区的一种实现方式为例对本申请的方案进行介绍。

如图2所示，其示出了本申请一种页面生成方法的又一种流程示意图，本实施例的方法可以包括：

S201，获得待构建的目标表单页面所适用的数据库表的表结构信息。

其中，表结构信息包括：数据库表中具有的至少一个字段。

在一种可选方式中，该表结构信息还包括：该至少一个字段中每个字段的字段描述信息。其中，该字段的字段描述信息至少包括：字段对应的取值类型。例如，字段为年龄，那么该字段的取值类型为数值型。

S202，从至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段。

其中，查询字段为能够在目标表单页面中选择查询的字段。可显示字段为能够显示在目标表单页面的查询数据显示区域内的字段。

以上步骤S201和S202可以参见前面实施例的相关介绍，在此不再赘述。

S203，基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，结合该至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式。

其中，该布局模式可以反映出所需构建的目标表单页面中目标查询条件区内各查询字段的查询关键字输入框以及该查询触发按钮的最终呈现模式。如，布局模式可以包括各查询字段及其查询关键字输入框占据的长度，各个查询字段的查询关键字输入框的布局位置以及相对位置关系，以及查询字段的查询关键字输入框与查询触发按钮的相关位置关系等。

其中，查询触发按钮为目标表单页面中

S204，构建包括该目标查询条件区的目标表单页面。

其中，该目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框，且目标查询条件区符合确定的该布局模式。

可以理解的是，在预先配置了查询条件区内包含的元素、该查询条件区的大小范围区域以及位置等布局特征，以及查询条件区内查询字段的查询关键字的形式以及显示特征等布局特征的前提下，本申请结合查询字段的数量以及各自的长度，可以最终确定所需构建出的目标查询条件区内各查询字段的查询关键字输入框与查询触发按钮之间合适的布局模式。

在该布局模式确定的情况下，便可以构建出符合该布局模式且具有查询触发按钮以及相应的查询字段对应的查询关键字输入框的查询条件区，即构建出目标查询条件区，也就得到了包括目标查询条件区的表单页面。

S205，对于每个查询字段，基于该查询字段的取值类型，生成该查询字段的输入字符校验代码。

如，可以按照预先配置的不同取值类型对应的字符校验代码，生成适用于该取值类型对应的查询字段的输入字段校验代码。

其中，该输入字符校验代码用于校验所述查询字段的查询关键字输入框内输入的字符的合法性。如，查询字段的输入字符校验代码可以校验输入的该查询字段下的取值是否符合该查询字段的取值类型。比如，查询字段的取值的数值类型为整数型，如果输入的取值为字符型，那么就不合法。

S206，将查询字段对应的输入字符校验代码配置为该查询字段的查询关键字输入框绑定的校验代码。

可以理解的是，为查询字段的查询关键字输入框绑定该查询字段对应的字符校验代码之后，后续终端在访问该目标表单页面后，如果在该查询字段的查询关键字输入框内输入该查询字段对应的取值时，便可以通过该输入字段校验代码校验输入的取值是否合法。如果不合法，则会提示用户重新设定该查询字段的取值。

与前面实施例相似，在本实施例中，在生成目标表单页面的目标查询条件区之后，本实施例还可以为目标查询条件区的查询触发按钮绑定查询处理代码。该查询处理代码用于基于目标查询条件区中各查询字段的查询关键字输入框内的取值执行数据查询处理。

S207，针对每个可显示字段，基于可显示字段的长度，确定该可显示字段在表格的表头内占据的单元格宽度。

其中，可显示字段的长度为可显示字段的字符串长度，如，可显示字段包括5个字符，那么其长度就是5个字符长度。

单元格宽度是指可显示字段所在的单元格所需的宽度，该宽度为完成呈现出该可显示字段的最小宽度。

可以理解的是，可显示字段的长度越长，其最终呈现到表头的一个单元格内所需占据的长度也就越长，因此，该可显示字段在表头中占据的单元格的单元格宽度也就越长。为了能够使得表头内每个单元格内的可显示字段均能完整显示，则需要结合可显示字段的长度，确定该可显示字段在表头中某个单元格内的单元格宽度。

S208，基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在该目标表单页面中构建包括目标表格及该目标表格关联的操作栏位的目标查询数据显示区。

其中，该目标表格具有显示有该至少一个可显示字段的表头。其中，表头中每个单元格的单元格宽度不小于该单元格内所需显示的可显示字段对应的单元格宽度。

可以理解的是，结合表头所需显示的至少一个可显示字段以及各可显示字段对应的单元格宽度，便可以按照配置的查询数据显示区内表格的布局特征，构建出目标表格。

其中，在本申请中配置的查询数据显示区内表格关联有操作栏位，因此，构建出的目标表格同样关联有操作栏位。

操作栏位包括：用于触发对该目标表格中操作栏位所在行的数据进行操作的至少一个操作选项。

该操作栏位可以位于目标表格的某一列，如，操作栏位可以位于目标表格的最后一列，因此，最后一列的每一行均设置一个操作栏位，每个操作栏位内的操作选项可以处于对相应行内的数据记录进行处理。

如，操作栏位可以包括删除、新增以及详情查看等等操作选项，通过这些操作选项可以触发对该操作栏位所在的数据行进行相应的数据。

S209，将目标表单页面的数据存储到指定的服务器。

其中，该目标表单页面的数据包括能够呈现目标表单页面及完成其关联处理的相关数据。如，可以包括构成目标表单页面的目标数据查询显示区的数据及其关联的相关代码，以及该目标数据显示区及其相关的代码数据等。

可以理解的是，目标表单页面还会触发弹出一些修改页面等，如，可以通过在目标表单页面的目标查询数据显示区内的目标表格关联的操作栏位上选择操作选项，并触发呈现相应操作的弹出页面。

如，通过对银行系统的表单页面进行分析，表单页面还可能会涉及到修改、新增以及详情查看等操作，相应的，在表单页面的基础上通过选择相应类型的操作需要触发呈现出相应类型操作的弹出页面。

下面结合修改以及新增的弹出页面进行介绍说明。

如图3所示，其示出了本申请一种页面生成方法的又一种流程示意图，本实施例的方法包括：

S301，获得待构建的目标表单页面所适用的数据库表的表结构信息。

其中，表结构信息包括：数据库表中具有的至少一个字段。

S302，从至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段以及至少一个可修改字段。

其中，查询字段为能够在目标表单页面中选择查询的字段。可显示字段为能够显示在目标表单页面的查询数据显示区域内的字段。可修改字段为能够在目标表单页面中选择修改的字段。

在本实施例中，待构建的目标表单页面可以关联有用于实现数据修改的修改操作的弹出页面，因此，在生成目标表单页面之前，需要从该至少一个字段中，确定用户选择的至少一个可修改字段。

其中，确定用户选择的可修改字段的具体实现方式与确定用户选择的查询字段以及可显示字段的实现方式相同，具体可以参见前面实施例的相关介绍，在此不再赘述。

S303，基于配置的模板页面中查询条件区的布局特征及查询条件区内查询关键字输入框的布局特征，结合该至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式。

S304，构建包括该目标查询条件区的目标表单页面。

其中，该目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框式，且目标查询条件区符合确定的该布局模式。

S305，基于所述可显示字段的长度，确定所述可显示字段在表格的表头内占据的单元格宽度。

步骤S303到S305可以参见前面实施例的相关介绍，在此不再赘述。

S306，基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区。

其中，目标表格具有显示有所述至少一个可显示字段的表头。

该操作栏位包括：用于触发对所述目标表格中所述操作栏位所在行的数据进行操作的至少一个操作选项。

在一种可能的情况中，本实施例中，该操作栏位可以包括：用于触发修改数据的修改选项。该修改选项用于触发弹出用于实现数据修改的弹出页面。

在又一种可能的情况中，该操作栏位包括：用于触发新增数据的新增选项。该新增选项用于触发弹出用于实现新增数据操作的弹出页面。

S307，结合配置的修改操作的第一弹出页面布局特征，构建与该修改选项关联的第一弹出页面。

其中，该第一弹出页面包括用于呈现待修改的数据记录的回显区、待修改数据的字段输入框、字段输入框可供选择的该至少一个可修改字段以及修改确认按钮。

该回显区为用于显示待修改的数据记录的显示区域。

其中，字段输入框用于输入所需修改的字段，其中，字段输入框内输入的字段属于呈现出的该至少一个可修改字段。如，可以根据回显区显示出的数据记录，向字段输入框内输入所需修改且属于该至少一个可修改字段的某个字段，以便对该数据记录中该字段下的数据进行修改。

当然，字段输入框还可以包括或者关联有用于输入所需修改的字段待修改到的目标数值的数值输入区。

该修改确认按钮为用于触发基于第一弹出页面中字段输入框输入可修改字段以及相关信息执行修改操作的触发按钮。

其中，第一弹出页面布局特征中可以包括修改选项关联的弹出页面所包含的具体区域，即包括回显区，字段输入框，字段输入框关联用于呈现可修改字段的区域，以及触发修改的修改确认按钮这几个部分区域，以及这几个部分区域各自的显示形态以及布局关系等等，对此不加限制。

S308，结合配置的新增操作的第二弹出页面布局特征，构建与该新增选项关联的第二弹出页面。

其中，该第二弹出页面包括用于输入待新增的数据所属的字段的字段输入框和新增确认按钮。

其中，字段输入框可以用于输入待新增的字段及其对应的新增数据。

与第一弹出页面布局特征相似，第二弹出页面布局特征可以包含了新增选项关联的弹出页面的组成部分及各个组成部分的形态等，因此，结合第二弹出页面布局特征可以构建出第二弹出页面。

需要说明的是，第一弹出页面和第二弹出页面可以是在同一空白的弹出页面上搭建，以减少资源耗费，降低开发难度，也减少所需维护的数据量。

S309，将目标表单页面及其关联的第一弹出页面和第二弹出页面的数据存储到指定的服务器。

在实际应用中，操作栏位还可以包括详情查看选项，相应的，还可以按照详情页面布局特征，构建出与详情页面关联的第三弹出页面，其过程与构建第一弹出页面和第二弹出页面类似，在此不再赘述。

对应本申请一种页面生成方法，本申请还提供了一种页面生成装置。

如图4所示，其示出了本申请一种页面生成装置的一种组成结构示意图，本实施例的装置可以包括：

表结构获得单元401，用于获得待构建的目标表单页面所适用的数据库表的表结构信息，所述表结构信息包括：所述数据库表中具有的至少一个字段；

字段确定单元402，用于从所述至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段，所述查询字段为能够在所述目标表单页面中选择查询的字段，所述可显示字段为能够显示在所述目标表单页面的查询数据显示区域内的字段；

第一构建单元403，用于基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，其中，所述目标查询条件区内包括所述至少一个查询字段各自对应的查询关键字输入框；

第二构建单元404，用于基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，所述目标查询数据显示区包括用于显示查询出的数据的目标表格，所述目标表格具有包括所述至少一个可显示字段的表头；

数据存储单元405，用于将所述目标表单页面的数据存储到指定的服务器。

在一种可能的实现方式中，所述第一构建单元，包括：

模式确定子单元，用于基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，结合所述至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式；

第一构建子单元，用于构建包括所述目标查询条件区的所述目标表单页面，所述目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框，且所述目标查询条件区符合所述布局模式。

在又一种可能的实现方式中，该表结构获得单元获得的表结构信息还包括：所述至少一个字段中每个字段的字段描述信息，所述字段的字段描述信息包括：字段对应的取值类型；

该装置还包括：

校验代码生成单元，用于在第一构建子单元构建包括所述目标查询条件区的目标表单页面之后，对于每个查询字段，基于所述查询字段的取值类型，生成所述查询字段的输入字符校验代码；

校验代码配置单元，用于将所述查询字段对应的输入字符校验代码配置为所述查询字段的查询关键字输入框绑定的校验代码，所述输入字符校验代码用于校验所述查询字段的查询关键字输入框内输入的字符的合法性。

在又一种可能的实现方式中，该装置还包括：

代码获取单元，用于在第一构建子单元构建包括所述目标查询条件区的目标表单页面之后，获取配置的查询处理代码；

处理代码配置单元，用于将所述查询处理代码配置为所述目标查询条件区中查询触发按钮绑定的代码，所述查询处理代码用于基于目标查询条件区中各查询字段的查询关键字输入框内的取值执行数据查询处理。

在又一种可能的实现方式中，所述第二构建单元，包括：

宽度确定子单元，用于基于所述可显示字段的长度，确定所述可显示字段在表格的表头内占据的单元格宽度；

第二构建子单元，基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区；

其中，所述目标表格具有显示有所述至少一个可显示字段的表头；

所述操作栏位包括：用于触发对所述目标表格中所述操作栏位所在行的数据进行操作的至少一个操作选项。

在一种可能的实现方式中，该第二构建子单元构建出的目标表格关联的操作栏位包括：用于触发修改数据的修改选项；

该装置还包括：

修改字段确定单元，用于从所述至少一个字段中，确定用户选择的至少一个可修改字段，所述可修改字段为能够在所述目标表单页面中选择修改的字段；

第三构建单元，用于在第二构建子单元在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区之后，结合配置的修改操作的第一弹出页面布局特征，构建与所述修改选项关联的第一弹出页面，所述第一弹出页面包括用于呈现待修改的数据记录的回显区、所述待修改数据的字段输入框，所述字段输入框可供选择的所述至少一个可修改字段以及修改确认按钮。

在又一种可能的实现方式中，该第二构建子单元构建出的目标表格关联的操作栏位包括：用于触发新增数据的新增选项；

该装置还包括：第三构建单元，用于在第二构建子单元在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区之后，结合配置的新增操作的第二弹出页面布局特征，构建与所述新增选项关联的第二弹出页面，所述第二弹出页面包括用于输入待新增的数据所属的字段的字段输入框和新增确认按钮。

需要说明的是，本申请提供的页面生成方法和装置可用于金融领域或其他领域，例如，可用于金融领域中业务系统的页面生成等领域。当然，此处仅为示例，并不对本发明提供的页面生成方法和装置的应用领域进行限定。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。同时，本说明书中各实施例中记载的特征可以相互替换或者组合，使本领域专业技术人员能够实现或使用本申请。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。

对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种页面生成方法，其特征在于，包括：

获得待构建的目标表单页面所适用的数据库表的表结构信息，所述表结构信息包括：所述数据库表中具有的至少一个字段；

从所述至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段，所述查询字段为能够在所述目标表单页面中选择查询的字段，所述可显示字段为能够显示在所述目标表单页面的查询数据显示区域内的字段；

基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，其中，所述目标查询条件区内包括所述至少一个查询字段各自对应的查询关键字输入框；

基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，所述目标查询数据显示区包括用于显示查询出的数据的目标表格，所述目标表格具有包括所述至少一个可显示字段的表头；

将所述目标表单页面的数据存储到指定的服务器。

2.根据权利要求1所述的方法，其特征在于，所述基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，包括：

基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，结合所述至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式；

构建包括所述目标查询条件区的所述目标表单页面，所述目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框，且所述目标查询条件区符合所述布局模式。

3.根据权利要求2所述的方法，其特征在于，所述表结构信息还包括：所述至少一个字段中每个字段的字段描述信息，所述字段的字段描述信息包括：字段对应的取值类型；

在所述构建包括所述目标查询条件区的目标表单页面之后，还包括：

对于每个查询字段，基于所述查询字段的取值类型，生成所述查询字段的输入字符校验代码；

将所述查询字段对应的输入字符校验代码配置为所述查询字段的查询关键字输入框绑定的校验代码，所述输入字符校验代码用于校验所述查询字段的查询关键字输入框内输入的字符的合法性。

4.根据权利要求2所述的方法，其特征在于，在所述构建包括所述目标查询条件区的目标表单页面之后，还包括：

获取配置的查询处理代码；

将所述查询处理代码配置为所述目标查询条件区中查询触发按钮绑定的代码，所述查询处理代码用于基于目标查询条件区中各查询字段的查询关键字输入框内的取值执行数据查询处理。

5.根据权利要求1所述的方法，其特征在于，所述基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，包括：

基于所述可显示字段的长度，确定所述可显示字段在表格的表头内占据的单元格宽度；

基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区；

其中，所述目标表格具有显示有所述至少一个可显示字段的表头；

所述操作栏位包括：用于触发对所述目标表格中所述操作栏位所在行的数据进行操作的至少一个操作选项。

6.根据权利要求5所述的方法，其特征在于，所述操作栏位包括：用于触发修改数据的修改选项；

在构建包括目标查询条件区的所述目标表单页面之前，还包括：

从所述至少一个字段中，确定用户选择的至少一个可修改字段，所述可修改字段为能够在所述目标表单页面中选择修改的字段；

在所述在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区之后，还包括：

结合配置的修改操作的第一弹出页面布局特征，构建与所述修改选项关联的第一弹出页面，所述第一弹出页面包括用于呈现待修改的数据记录的回显区、所述待修改数据的字段输入框，所述字段输入框可供选择的所述至少一个可修改字段以及修改确认按钮。

7.根据权利要求5所述的方法，其特征在于，所述操作栏位包括：用于触发新增数据的新增选项；

在所述在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区之后，还包括：

结合配置的新增操作的第二弹出页面布局特征，构建与所述新增选项关联的第二弹出页面，所述第二弹出页面包括用于输入待新增的数据所属的字段的字段输入框和新增确认按钮。

8.一种页面生成装置，其特征在于，包括：

表结构获得单元，用于获得待构建的目标表单页面所适用的数据库表的表结构信息，所述表结构信息包括：所述数据库表中具有的至少一个字段；

字段确定单元，用于从所述至少一个字段中，确定用户选择的至少一个查询字段和至少一个可显示字段，所述查询字段为能够在所述目标表单页面中选择查询的字段，所述可显示字段为能够显示在所述目标表单页面的查询数据显示区域内的字段；

第一构建单元，用于基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，构建包括目标查询条件区的所述目标表单页面，其中，所述目标查询条件区内包括所述至少一个查询字段各自对应的查询关键字输入框；

第二构建单元，用于基于配置的模板页面中查询数据显示区的布局特征以及所述至少一个可显示字段，在所述目标表单页面中构建目标查询数据显示区，所述目标查询数据显示区包括用于显示查询出的数据的目标表格，所述目标表格具有包括所述至少一个可显示字段的表头；

数据存储单元，用于将所述目标表单页面的数据存储到指定的服务器。

9.根据权利要求8所述的装置，其特征在于，所述第一构建单元，包括：

模式确定子单元，用于基于配置的模板页面中查询条件区及查询条件区内查询关键字输入框的布局特征，结合所述至少一个查询字段各自的长度，确定待构建的目标表单页面中的目标查询条件区内查询触发按钮与各查询字段对应的查询关键字输入框之间的布局模式；

第一构建子单元，用于构建包括所述目标查询条件区的所述目标表单页面，所述目标查询条件区包括查询触发按钮以及至少一个查询字段各自对应的查询关键字输入框，且所述目标查询条件区符合所述布局模式。

10.根据权利要求8所述的装置，其特征在于，所述第二构建单元，包括：

宽度确定子单元，用于基于所述可显示字段的长度，确定所述可显示字段在表格的表头内占据的单元格宽度；

第二构建子单元，基于配置的模板页面中查询数据显示区内的表格以及表格关联的操作栏位的布局特征，并结合至少一个可显示字段各自对应的单元格宽度，在所述目标表单页面中构建包括目标表格及所述目标表格关联的操作栏位的目标查询数据显示区；

其中，所述目标表格具有显示有所述至少一个可显示字段的表头；

所述操作栏位包括：用于触发对所述目标表格中所述操作栏位所在行的数据进行操作的至少一个操作选项。

Images