CN110347953A - 页面生成方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本发明公开了一种页面生成方法、装置、计算机设备及存储介质，涉及研发管理领域。该页面生成方法包括：建立字段库，字段库中包括预设字段；根据字段库建立与预设字段相关的模板库，模板库中包括预设模板，其中，预设模板应用于一个或多个页面，预设模板采用YAML形式存储；从模板库中获取目标模板，其中，目标模板为与目标页面开发需求相关的预设模板；采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面。采用该页面生成方法能够提高页面开发的效率。

Description

页面生成方法、装置、计算机设备及存储介质

【技术领域】

本发明涉及研发管理领域，尤其涉及一种页面生成方法、装置、计算机设备及存储介质。

【背景技术】

前端开发是创建网页页面或应用程序等前端界面呈现给用户的过程。目前，在开发前端页面的过程中，前端页面编写时的可复用性很低，编写过程复杂且繁琐，无法实现快速开发前端页面的目的，前端页面的开发效率较低。

【发明内容】

有鉴于此，本发明实施例提供了一种页面生成方法、装置、计算机设备及存储介质，用以解决目前页面开发效率较低的问题。

第一方面，本发明实施例提供了一种页面生成方法，包括：

建立字段库，所述字段库中包括预设字段；

根据所述字段库建立与所述预设字段相关的模板库，所述模板库中包括预设模板，其中，所述预设模板应用于一个或多个页面，所述预设模板采用YAML形式存储；

从所述模板库中获取目标模板，其中，所述目标模板为与目标页面开发需求相关的预设模板；

采用groovy脚本工具，将采用YAML形式存储的所述目标模板转换成对应的超文本标记语言，基于所述目标模板转换成的超文本标记语言生成目标页面。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述建立字段库，包括：

建立字段添加页面；

通过所述字段添加页面获取用户输入的字段信息，根据所述字段信息生成所述预设字段，并将所述预设字段存储至数据库中，其中，字段信息包括字段名称、字段类型、字段编号、字段录入类型和字段录入校验规则；

读取基础数据表，根据所述基础数据表判断所述预设字段是否存在子项关系，若存在，获取子项信息，根据所述子项信息添加所述预设字段，其中，所述基础数据表存储着关于字段的子项关联关系以及所述子项信息；

根据所述预设字段建立所述字段库。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述根据所述字段库建立与所述预设字段相关的模板库，包括：

建立模板添加页面，所述模板添加页面用于调用所述预设字段，基于所述预设字段建立所述预设模板，其中，所述模板添加页面上可视化展示所述预设字段，所述模板添加页面包括模板调整选项，所述模板调整选项包括预设字段展示顺序选项、预设字段换行确定选项和默认值设定选项；

获取用户输入的第一选择指令，根据所述第一选择指令从所述模板添加页面获取生成所述预设模板所需的预设字段；

获取用户输入的第二选择指令，根据所述第二选择指令获取所述模板调整选项；

根据所述预设字段和所述模板调整选项生成相应的预设模板；

根据所述预设模板建立所述模板库。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述预设模板包括需求属性，所述需求属性用于表示所述预设模板所适用的页面开发需求，所述从所述模板库中获取目标模板，包括：

获取用户输入的需求信息，其中，所述需求信息与所述目标页面开发需求相关；

将所述需求信息和所述需求属性进行匹配，得到符合匹配条件的预设模板，并将所述符合匹配条件的预设模板进行展示；

获取用户输入的第三选择指令，根据所述第三选择指令从所述符合匹配条件的预设模板中获取所述目标模板。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述预设模板采用YAML形式存储，所述基于所述目标模板转换成的超文本标记语言生成目标页面，包括：

获取与所述目标模板无关的超文本标记语言，其中，所述与所述目标模板无关的超文本标记语言与所述目标页面开发需求相关；

根据所述目标模板转换成的超文本标记语言和所述目标模板无关的超文本标记语言，采用angularJS的前端框架生成所述目标页面。

第二方面，本发明实施例提供了一种页面生成装置，包括：

字段库建立模块，用于建立字段库，所述字段库中包括预设字段；

模板库建立模块，用于根据所述字段库建立与所述预设字段相关的模板库，所述模板库中包括预设模板，其中，所述预设模板应用于一个或多个页面，所述预设模板采用YAML形式存储；

目标模板获取模块，用于从所述模板库中获取目标模板，其中，所述目标模板为与目标页面开发需求相关的预设模板；

目标页面生成模块，用于采用groovy脚本工具，将采用YAML形式存储的所述目标模板转换成对应的超文本标记语言，基于所述目标模板转换成的超文本标记语言生成目标页面。

第三方面，一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述页面生成方法的步骤。

第四方面，本发明实施例提供了一种计算机可读存储介质，包括：计算机程序，所述计算机程序被处理器执行时实现上述页面生成方法的步骤。

在本发明实施例中，首先建立字段库，该字段库中包括预设字段，能够适用不同的页面开发需求，为灵活建立模板库提供实现前提；接着根据字段库建立与预设字段相关的模板库，该模板库包括预设模板，能够应用于一个或多个页面，有效提高页面开发的可复用程度，有助于提高页面开发的效率，此外，预设模板采用YAML形式存储，使得预设模板的可读性高，并且易于实现与脚本语言的交互，有助于用户从可视的角度对预设模板进行管理，并为后续与groovy脚本工具实现便捷的交互提供了便利；然后从所述模板库中获取目标模板，可以灵活地根据页面开发需求调用预设模板作为目标模板，在一个或多个页面上实现可复用的开发；最后采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面，能够快速得到目标模板所对应的超文本标记语言，在满足页面开发需求的前提下高效地进行页面开发，实现目标页面的快速生成。

【附图说明】

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

图1是本发明一实施例中页面生成方法的一流程图；

图2是本发明一实施例中页面生成装置的一示意图；

图3是本发明一实施例中计算机设备的一示意图。

【具体实施方式】

为了更好的理解本发明的技术方案，下面结合附图对本发明实施例进行详细描述。

应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

在本发明实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本发明。在本发明实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。

应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的相同的字段，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

应当理解，尽管在本发明实施例中可能采用术语第一、第二、第三等来描述预设范围等，但这些预设范围不应限于这些术语。这些术语仅用来将预设范围彼此区分开。例如，在不脱离本发明实施例范围的情况下，第一预设范围也可以被称为第二预设范围，类似地，第二预设范围也可以被称为第一预设范围。

取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。

图1示出本实施例中页面生成方法的一流程图。该页面生成方法可应用在与前端页面开发相关的页面生成平台中，在实现高效率的前端页面开发时可采用该页面生成平台实现。该页面生成平台具体可应用在计算机设备上，其中，该计算机设备是可与用户进行人机交互的设备，包括但不限于电脑、智能手机和平板等设备。如图1所示，该页面生成方法包括如下步骤：

S10：建立字段库，字段库中包括预设字段。

其中，预设字段是根据不同的页面开发需求所预先定义的字段。可以理解地，在开发不同的前端页面时，由于页面开发需求的不同，在每次开发新页面时需重头开始开发页面，这造成了较大的消耗资源，使得页面开发的效率较低。在开发不同页面时，尽管每次页面开发需求都是不同的，但是在页面开发过程中或多或少存在相同的开发内容，可以从提升复用率的角度出发提高页面开发的效率。具体地，以信息录入页面(用于录入信息的前端页面)为例，信息录入页面中包括大量可复用的页面内容，这些页面内容的多采用字段的方式呈现。例如，在大多数的信息录入页面中，基本上都包括与用户姓名、用户性别、用户身份证号、用户户籍和用户现居地址等信息相关的字段，根据这些字段可通过前端页面录入与用户相关的信息；此外，对于某些相关领域的信息录入页面，其可复用的页面内容会更多，例如，在保险领域中包括许多类型的保险保单页面如车险保单页面、寿险保单页面、健康险保单页面和财产险保单页面等，这些保险保单中包括许多可复用的字段，如投保金额、投保时间、投保受益人和被保人与投保人关系等字段，在开发与填写保险保单信息相关的前端页面时，可以基于该可复用的字段提高页面生成的效率。

在一实施例中，对于可复用的字段可以预先定义得到，并基于这些可复用的字段建立字段库，字段库中的预设字段能够适应不同的页面开发需求，为灵活建立模板库提供实现前提。

进一步地，在步骤S10中，建立字段库，具体包括：

S11：建立字段添加页面。

其中，字段添加页面是指用于添加预设字段的前端页面。

在一实施例中，可以通过建立字段添加页面实现预设字段的添加和管理，用户可以根据需要通过该字段添加页面随时添加预设字段。

S12：通过字段添加页面获取用户输入的字段信息，根据字段信息生成预设字段，并将预设字段存储至数据库中，其中，字段信息包括字段名称、字段类型、字段编号、字段录入类型和字段录入校验规则。

可以理解地，一个字段包括多个字段信息，这些字段信息都有其作用及含义。例如，当页面开发需求具体是开发一种与中小学生平安保险相关的信息录入页面时，则在建立字段库的阶段中，需要通过字段添加页面获取用户输入的与中小学生平安保险相关的字段名称、字段类型、字段编号、字段录入类型和字段录入校验规则等字段信息。可以理解地，需要添加的预设字段有多种，其对应的字段名称也会有相应多种，字段名称具体可以是学校区县、被保险学生类型、学校名称、年级和班级，这些字段名称对应的字段类型可以归为“学生”的字段类型。字段编号具体可以是字段的ID号，该字段的ID号可以是根据系统时间自动生成的。字段录入类型可以包括数值录入类型、文本录入类型和下拉选项录入类型等。字段录入校验规则具体可以包括字段是否为必填项、是否超出预设长度和是否同时包含字母和数字等校验规则。可以看出，添加一个预设字段需要相应地获取该预设字段的字段信息，才算是一个完整的添加过程。

在一实施例中，将通过字段添加页面获取的字段信息生成和添加预设字段，并将预设字段存储至数据库中，完成预设字段的第一批录入。本实施例中的字段信息能够从不同的角度对字段进行定义，有效提高预设字段的丰富程度，使得预设字段能够适应于更多的页面开发需求。

S13：读取基础数据表，根据基础数据表判断预设字段是否存在子项关系，若存在，获取子项信息，根据子项信息添加预设字段，其中，基础数据表存储着关于字段的子项关联关系以及子项信息。

可以理解地，一个一个地进行预设字段添加也是需要耗费一定资源的，因此，可以通过读取基础数据表的方式实现预设字段的自动生成及添加。该基础数据表存储着关于字段的子项关联关系以及子项信息，具体可以是根据历史开发过程(可以是其他的项目开发)中定义的子项关联关系以及子项信息建立的。本实施例中，将根据基础数据表判断已添加的预设字段是否存在子项关系，若存在，将获取基础数据表中的子项信息自动生成及添加新的预设字段。具体地，在一保险产品下可以包括预设字段名称为保险类型，字段类型为“中小学生平安保险”的预设字段，若基础数据表中记载着与该预设字段相关的子项关系(如与中小学生平安保险相关的预设字段)，将根据子项关系获取相应的子项信息，自动生成及添加新的预设字段，完成预设字段的第二批录入。采用基础数据表的方式可以根据子项关系自动添加预设字段，提高预设字段的添加效率。

S14：根据预设字段建立字段库。

在一实施例中，由预设字段建立字段库。特别地，可以根据页面开发需求建立多个不同的字段库，使不同类别、领域的预设字段能够充分区分开来。另外，在建立字段库后，也可随页面开发需求的变动在字段库中添加、修改或删除预设字段，实现字段库的灵活管理。

在步骤S11-S14中，提供了一种建立字段库的具体实施方式，通过获取字段信息生成预设字段，并采用基础数据表自动生成与子项信息相关的预设字段的方式，有效提高了建立字段库的效率，并保证了预设字段的丰富程度，使得预设字段能够适应于更多的页面开发需求。

S20：根据字段库建立与预设字段相关的模板库，模板库中包括预设模板，其中，预设模板应用于一个或多个页面，预设模板采用YAML形式存储。

其中，YAML是"YAML isn't a Markup Language"(YAML不是一种置标语言)的递归缩写。在开发的这种语言时，YAML的意思其实是："Yet Another Markup Language"(仍是一种置标语言)。YAML强调以数据作为中心，而不是以置标语言为重点，采用返璞词重新命名。YAML是一种直观的能够被电脑识别的数据序列化格式，是一种可读性高并且容易和脚本语言交互，用来表达资料序列的编程语言。可以理解地，采用YAML形式存储的预设模板的可读性高的可读性高，并且易于实现与脚本语言的交互，有助于用户从可视的角度对预设模板进行管理，并为后续与groovy脚本工具实现便捷的交互提供了便利，能够提高页面生成的效率。

可以理解地，页面中可复用的页面内容可以是由多个预设字段组成的，对于这种由多个预设组成的页面内容可以采用建立模板库的方式实现复用，可以不必基于一个一个的预设字段的复用方式生成目标页面，建立模板库能够明显提高页面生成的效率。需要说明的是，同一个预设模板可同时应用于一个或多个页面，能够有效提高预设模板的使用率。

进一步地，在步骤S20中，根据字段库建立与预设字段相关的模板库，具体包括：

S21：建立模板添加页面，模板添加页面用于调用预设字段，基于预设字段建立预设模板，其中，模板添加页面上可视化展示预设字段，模板添加页面包括模板调整选项，模板调整选项包括预设字段展示顺序选项、预设字段换行确定选项和默认值设定选项。

其中，模板添加页面是指用于添加预设模板的前端页面。

具体地，本实施例中通过建立模板添加页面，提供了一种灵活配置预设模板的实现方式。该模板添加页面能够可视化展示预设字段，用户可根据页面开发需求在模板添加页面上选择需要的预设字段，有助于灵活、快速地配置预设模板。此外，该模板添加页面还包括预设字段展示顺序选项、预设字段换行确定选项和默认值设定选项等模板调整选项，预设字段展示顺序选项用于提供用户可选择的关于预设字段在页面上的展示顺序，预设字段换行确定选项用于提供用户可选择的关于预设字段之间在页面展示时是否进行换行，默认值设定选项用于提供用户可选择的关于预设字段在页面展示时展示的默认值，通过该模板调整选项能够对预设模板的展示方式进行灵活的调整。

S22：获取用户输入的第一选择指令，根据第一选择指令从模板添加页面获取生成预设模板所需的预设字段。

其中，第一选择指令用于选择生成预设模板所需的预设字段。

在一实施例中，通过模板添加页面获取第一选择指令，生成预设模板所需的预设字段。

S23：获取用户输入的第二选择指令，根据第二选择指令获取模板调整选项。

其中，第二选择指令用于选择模板调整选项。

在一实施例中，通过模板添加页面获取第二选择指令，获取模板调整选项。可以理解地，一般是先获取预设字段再获取模板调整选项，特别地，可以预先确定预设模板所需的预设字段的个数，并根据该确定的预设字段的个数先获取模板调整选项，后续可根据需要再获取生成预设模板所需的预设字段。

S24：根据预设字段和模板调整选项生成相应的预设模板。

可以理解地，预设字段代表的是展示在页面上的数据信息，模板调整选项代表的是展示在页面上的排版信息，在确定预设字段和模板调整选项后可确定预设模板，能够便捷快速地生成预设模板。

S25：根据预设模板建立模板库。

在一实施例中，由预设模板建立模板库。特别地，可以根据页面开发需求建立不同的模板库。在建立模板库后，也可随页面开发需求的变动在模板库中添加、修改或删除预设模板，从而灵活地管理模板库。

在步骤S21-S25中，提供了一种建立模板库的具体实施方式，通过模板添加页面获取预设字段和模板调整选项，能够快速生成预设模板，建立模板库。

S30：从模板库中获取目标模板，其中，目标模板为与目标页面开发需求相关的预设模板。

可以理解地，在前端开发中，一般是同时开发多个页面，每个页面的页面开发需求一般都是不相同的，每个页面所需的预设模板也不一定相同。特别地，同一预设模板可以应用于一个或多个页面，一个页面中可以包括多个预设模板。

在一实施例中，从模板库中获取与目标页面开发需求相关的预设模板，也即目标模板，以根据目标模板生成目标页面。

进一步地，在步骤S30中，预设模板包括需求属性，需求属性用于表示预设模板所适用的页面开发需求，从模板库中获取目标模板，具体包括：

S31：获取用户输入的需求信息，其中，需求信息与目标页面开发需求相关。

可以理解地，用户可以在模板库中手动查找目标模板，还可以根据用户输入的需求信息来获取目标模板。

S32：将需求信息和需求属性进行匹配，得到符合匹配条件的预设模板，并将符合匹配条件的预设模板进行展示。

在一实施例中，预设模板包括需求属性，该需求属性具体可以是预先根据页面开发需求所建立的属性，能够反映预设模板所适用的页面开发需求。需求信息和需求属性具体可以是采用字符串的形式表示。本实施例中，将需求信息和需求属性进行匹配，得到符合匹配条件的预设模板，并将符合匹配条件的预设模板进行展示。具体地，匹配条件可以是预先设立的，如匹配条件是当需求信息和需求属性匹配到中文字符“车险”时，匹配成功，此时符合该匹配条件的预设模板为需求属性中带有中文字符“车险”的预设模板。采用该需求信息和需求属性进行匹配的方式可以快速找到可能适用于目标页面开发需求的预设模板。

S33：获取用户输入的第三选择指令，根据第三选择指令从符合匹配条件的预设模板中获取目标模板。

需要说明的是，页面开发需求和目标页面开发需求是不同的概念，目标页面开发需求是指目标页面的页面开发需求，其中，在页面生成过程中，在生成某个具体页面时，该页面即目标页面。在本实施例中，符合匹配条件的预设模板只是表示可能适用的目标页面开发需求，在生成目标页面时，需要根据用户输入的第三选择指令从预设模板中获取目标模板。

在步骤S31-S33中，通过需求信息和需求属性进行的匹配，选择出可能符合目前页面开发需求的预设模板，并根据第三选择指令从可能符合目前页面开发需求的预设模板中获取目标模板，能够快速、准确地帮助用户找到目标模板。

S40：采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面。

可以理解地，目标模板为与目标页面开发需求相关的预设模板，因此目标模板采用YAML形式存储。

其中，groovy是一种敏捷的动态语言、一种成熟的面向对象编程语言，既可以用于面向对象编程，又可以用作纯粹的脚本语言，使用groovy不必编写过多的代码，同时又具有闭包和动态语言中的其他特性。groovy脚本工具是基于groovy创建的脚本工具，能够快速地将存储的数据从某种特定形式转换成另一种特定形式。具体地，本实施例中的groovy脚本工具具体用于将采用YAML形式存储的目标模板转换成对应的超文本标记语言，其中，超文本标记语言，标准通用标记语言下的一个应用，是网页制作的编程语言。本实施例中，采用groovy脚本工具能够与YAML形式存储的目标模板进行交互，获取YAML形式存储的目标模板并根据groovy脚本工具中预先建立的脚本将目标模板进行快速转换，得到相应的超文本标记语言，能够根据目标模板实现页面的快速开发。

进一步地，在步骤S40中，采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面，具体包括：

S41：获取与目标模板无关的超文本标记语言，其中，与目标模板无关的超文本标记语言与目标页面开发需求相关。

可以理解地，一个目标页面除了目标模板生成的页面内容，一般还会有与目标模板无关的页面内容，该与目标模板无关的页面内容将通过获取对应的超文本标记语言的方式生成。当然，一个目标页面是允许仅由目标模板生成的页面内容得到，此时该目标页面不包括与目标模板无关的页面内容。

S42：根据目标模板转换成的超文本标记语言和目标模板无关的超文本标记语言，采用angularJS的前端框架生成目标页面。

其中，angularJS是一种前端框架，前端框架指用于简化网页设计的框架，这些框架封装了一些功能，比如超文本标记语言的文档操作，各种漂亮的控件(按钮，表单等等)，使用该angularJS的前端框架可以提升界面的美观性以及提高界面开发的效率。

在步骤S41-S42中，提供了一种采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面的具体实施方式，通过结合和目标模板无关的超文本标记语言生成目标页面，有助于目标页面开发时根据不同业务需求进行微调，此外，采用angularJS的前端框架能够提升界面的美观性以及提高界面开发的效率。

在本发明实施例中，首先建立字段库，该字段库中包括预设字段，能够适用不同的页面开发需求，为灵活建立模板库提供实现前提；接着根据字段库建立与预设字段相关的模板库，该模板库包括预设模板，能够应用于一个或多个页面，有效提高页面开发的可复用程度，有助于提高页面开发的效率，此外，预设模板采用YAML形式存储，使得预设模板的可读性高的可读性高，并且易于实现与脚本语言的交互，有助于用户从可视的角度对预设模板进行管理，并为后续与groovy脚本工具实现便捷的交互提供了便利；然后从所述模板库中获取目标模板，可以灵活地根据页面开发需求调用预设模板作为目标模板，在一个或多个页面上实现可复用的开发；最后采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面，能够快速得到目标模板所对应的超文本标记语言，在满足页面开发需求的前提下高效地进行页面开发，实现目标页面的快速生成。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

基于实施例中所提供的页面生成方法，本发明实施例进一步给出实现上述方法实施例中各步骤及方法的装置实施例。

图2示出与实施例中页面生成方法一一对应的页面生成装置的原理框图。如图2所示，该页面生成装置包括字段库建立模块10、模板库建立模块20、目标模板获取模块30和目标页面生成模块40。其中，字段库建立模块10、模板库建立模块20、目标模板获取模块30和目标页面生成模块40的实现功能与实施例中页面生成方法对应的步骤一一对应，为避免赘述，本实施例不一一详述。

字段库建立模块10，用于建立字段库，所述字段库中包括预设字段。

模板库建立模块20，用于根据所述字段库建立与所述预设字段相关的模板库，所述模板库中包括预设模板，其中，所述预设模板应用于一个或多个页面，所述预设模板采用YAML形式存储。

目标模板获取模块30，用于从所述模板库中获取目标模板，其中，所述目标模板为与目标页面开发需求相关的预设模板。

目标页面生成模块40，用于采用groovy脚本工具，将采用YAML形式存储的所述目标模板转换成对应的超文本标记语言，基于所述目标模板转换成的超文本标记语言生成目标页面。

可选地，字段库建立模块10包括字段添加页面建立单元、预设字段生成单元、预设字段添加单元和字段库建立单元。

字段添加页面建立单元，用于建立字段添加页面。

预设字段生成单元，用于通过所述字段添加页面获取用户输入的字段信息，根据所述字段信息生成所述预设字段，并将所述预设字段存储至数据库中，其中，字段信息包括字段名称、字段类型、字段编号、字段录入类型和字段录入校验规则。

预设字段添加单元，用于读取基础数据表，根据所述基础数据表判断所述预设字段是否存在子项关系，若存在，获取子项信息，根据所述子项信息添加所述预设字段，其中，所述基础数据表存储着关于字段的子项关联关系以及所述子项信息。

字段库建立单元，用于根据所述预设字段建立所述字段库。

可选地，模板库建立模块20包括模板添加页面建立单元、预设字段获取单元、模板调整选项获取单元、预设模板生成单元和模板库建立单元。

模板添加页面建立单元，用于建立模板添加页面，所述模板添加页面用于调用所述预设字段，基于所述预设字段建立所述预设模板，其中，所述模板添加页面上可视化展示所述预设字段，所述模板添加页面包括模板调整选项，所述模板调整选项包括预设字段展示顺序选项、预设字段换行确定选项和默认值设定选项。

预设字段获取单元，用于获取用户输入的第一选择指令，根据所述第一选择指令从所述模板添加页面获取生成所述预设模板所需的预设字段。

模板调整选项获取单元，用于获取用户输入的第二选择指令，根据所述第二选择指令获取所述模板调整选项。

预设模板生成单元，用于根据所述预设字段和所述模板调整选项生成相应的预设模板。

模板库建立单元，用于根据所述预设模板建立所述模板库。

可选地，目标模板获取模块30包括需求信息获取单元、匹配单元和目标模板获取单元。

需求信息获取单元，用于获取用户输入的需求信息，其中，所述需求信息与所述目标页面开发需求相关。

匹配单元，用于将所述需求信息和所述需求属性进行匹配，得到符合匹配条件的预设模板，并将所述符合匹配条件的预设模板进行展示。

目标模板获取单元，用于获取用户输入的第三选择指令，根据所述第三选择指令从所述符合匹配条件的预设模板中获取所述目标模板。

可选地，目标页面生成模块40包括超文本标记语言获取单元和目标页面生成单元。

超文本标记语言获取单元，用于获取与所述目标模板无关的超文本标记语言，其中，所述与所述目标模板无关的超文本标记语言与所述目标页面开发需求相关。

目标页面生成单元，用于根据所述目标模板转换成的超文本标记语言和所述目标模板无关的超文本标记语言，采用angularJS的前端框架生成所述目标页面。

在本发明实施例中，首先建立字段库，该字段库中包括预设字段，能够适用不同的页面开发需求，为灵活建立模板库提供实现前提；接着根据字段库建立与预设字段相关的模板库，该模板库包括预设模板，能够应用于一个或多个页面，有效提高页面开发的可复用程度，有助于提高页面开发的效率，此外，预设模板采用YAML形式存储，使得预设模板的可读性高的可读性高，并且易于实现与脚本语言的交互，有助于用户从可视的角度对预设模板进行管理，并为后续与groovy脚本工具实现便捷的交互提供了便利；然后从所述模板库中获取目标模板，可以灵活地根据页面开发需求调用预设模板作为目标模板，在一个或多个页面上实现可复用的开发；最后采用groovy脚本工具，将采用YAML形式存储的目标模板转换成对应的超文本标记语言，基于目标模板转换成的超文本标记语言生成目标页面，能够快速得到目标模板所对应的超文本标记语言，在满足页面开发需求的前提下高效地进行页面开发，实现目标页面的快速生成。

本实施例提供一计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现实施例中页面生成方法，为避免重复，此处不一一赘述。或者，该计算机程序被处理器执行时实现实施例中页面生成装置中各模块/单元的功能，为避免重复，此处不一一赘述。

图3是本发明一实施例提供的计算机设备的示意图。如图3所示，该实施例的计算机设备50包括：处理器51、存储器52以及存储在存储器52中并可在处理器51上运行的计算机程序53，该计算机程序53被处理器51执行时实现实施例中的页面生成方法，为避免重复，此处不一一赘述。或者，该计算机程序53被处理器51执行时实现实施例中页面生成装置中各模型/单元的功能，为避免重复，此处不一一赘述。

计算机设备50可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。计算机设备50可包括，但不仅限于，处理器51、存储器52。本领域技术人员可以理解，图3仅仅是计算机设备50的示例，并不构成对计算机设备50的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如计算机设备还可以包括输入输出设备、网络接入设备、总线等。

所称处理器51可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

存储器52可以是计算机设备50的内部存储单元，例如计算机设备50的硬盘或内存。存储器52也可以是计算机设备50的外部存储设备，例如计算机设备50上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，存储器52还可以既包括计算机设备50的内部存储单元也包括外部存储设备。存储器52用于存储计算机程序以及计算机设备所需的其他程序和数据。存储器52还可以用于暂时地存储已经输出或者将要输出的数据。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

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

建立字段库，所述字段库中包括预设字段；

根据所述字段库建立与所述预设字段相关的模板库，所述模板库中包括预设模板，其中，所述预设模板应用于一个或多个页面，所述预设模板采用YAML形式存储；

从所述模板库中获取目标模板，其中，所述目标模板为与目标页面开发需求相关的预设模板；

采用groovy脚本工具，将采用YAML形式存储的所述目标模板转换成对应的超文本标记语言，基于所述目标模板转换成的超文本标记语言生成目标页面。

2.根据权利要求1所述的方法，其特征在于，所述建立字段库，包括：

建立字段添加页面；

通过所述字段添加页面获取用户输入的字段信息，根据所述字段信息生成所述预设字段，并将所述预设字段存储至数据库中，其中，字段信息包括字段名称、字段类型、字段编号、字段录入类型和字段录入校验规则；

读取基础数据表，根据所述基础数据表判断所述预设字段是否存在子项关系，若存在，获取子项信息，根据所述子项信息添加所述预设字段，其中，所述基础数据表存储着关于字段的子项关联关系以及所述子项信息；

根据所述预设字段建立所述字段库。

3.根据权利要求1所述的方法，其特征在于，所述根据所述字段库建立与所述预设字段相关的模板库，包括：

建立模板添加页面，所述模板添加页面用于调用所述预设字段，基于所述预设字段建立所述预设模板，其中，所述模板添加页面上可视化展示所述预设字段，所述模板添加页面包括模板调整选项，所述模板调整选项包括预设字段展示顺序选项、预设字段换行确定选项和默认值设定选项；

获取用户输入的第一选择指令，根据所述第一选择指令从所述模板添加页面获取生成所述预设模板所需的预设字段；

获取用户输入的第二选择指令，根据所述第二选择指令获取所述模板调整选项；

根据所述预设字段和所述模板调整选项生成相应的预设模板；

根据所述预设模板建立所述模板库。

4.根据权利要求1所述的方法，其特征在于，所述预设模板包括需求属性，所述需求属性用于表示所述预设模板所适用的页面开发需求，所述从所述模板库中获取目标模板，包括：

获取用户输入的需求信息，其中，所述需求信息与所述目标页面开发需求相关；

将所述需求信息和所述需求属性进行匹配，得到符合匹配条件的预设模板，并将所述符合匹配条件的预设模板进行展示；

获取用户输入的第三选择指令，根据所述第三选择指令从所述符合匹配条件的预设模板中获取所述目标模板。

5.根据权利要求1至4任意一项所述的方法，其特征在于，基于所述目标模板转换成的超文本标记语言生成目标页面，包括：

获取与所述目标模板无关的超文本标记语言，其中，所述与所述目标模板无关的超文本标记语言与所述目标页面开发需求相关；

根据所述目标模板转换成的超文本标记语言和所述目标模板无关的超文本标记语言，采用angularJS的前端框架生成所述目标页面。

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

字段库建立模块，用于建立字段库，所述字段库中包括预设字段；

模板库建立模块，用于根据所述字段库建立与所述预设字段相关的模板库，所述模板库中包括预设模板，其中，所述预设模板应用于一个或多个页面，所述预设模板采用YAML形式存储；

目标模板获取模块，用于从所述模板库中获取目标模板，其中，所述目标模板为与目标页面开发需求相关的预设模板；

目标页面生成模块，用于采用groovy脚本工具，将采用YAML形式存储的所述目标模板转换成对应的超文本标记语言，基于所述目标模板转换成的超文本标记语言生成目标页面。

7.根据权利要求6所述的装置，其特征在于，所述字段库建立模块，包括：

字段添加页面建立单元，用于建立字段添加页面；

预设字段生成单元，用于通过所述字段添加页面获取用户输入的字段信息，根据所述字段信息生成所述预设字段，并将所述预设字段存储至数据库中，其中，字段信息包括字段名称、字段类型、字段编号、字段录入类型和字段录入校验规则；

预设字段添加单元，用于读取基础数据表，根据所述基础数据表判断所述预设字段是否存在子项关系，若存在，获取子项信息，根据所述子项信息添加所述预设字段，其中，所述基础数据表存储着关于字段的子项关联关系以及所述子项信息；

字段库建立单元，用于根据所述预设字段建立所述字段库。

8.根据权利要求6所述的装置，其特征在于，所述模板库建立模块，包括：

模板添加页面建立单元，用于建立模板添加页面，所述模板添加页面用于调用所述预设字段，基于所述预设字段建立所述预设模板，其中，所述模板添加页面上可视化展示所述预设字段，所述模板添加页面包括模板调整选项，所述模板调整选项包括预设字段展示顺序选项、预设字段换行确定选项和默认值设定选项；

预设字段获取单元，用于获取用户输入的第一选择指令，根据所述第一选择指令从所述模板添加页面获取生成所述预设模板所需的预设字段；

模板调整选项获取单元，用于获取用户输入的第二选择指令，根据所述第二选择指令获取所述模板调整选项；

预设模板生成单元，用于根据所述预设字段和所述模板调整选项生成相应的预设模板；

模板库建立单元，用于根据所述预设模板建立所述模板库。

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至5任一项所述页面生成方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述页面生成方法的步骤。