CN114217795A - 页面生成方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本公开关于一种页面生成方法、装置、电子设备及可读存储介质，包括展示页面配置提示信息；响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，所述页面模板中包含模板内容及配置规则，所述模板内容包括至少一个字段以及至少一个字段对应的组件类型；基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件；根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染，生成并展示页面。本公开的技术方案解决了生成页面固定的问题。

Description

页面生成方法、装置、电子设备及可读存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面生成方法、装置、电子设备及可读存储介质。

背景技术

目前，在对页面开发的过程中，页面的形式通常是固定的。以页面是表单为例，表单中包含的字段、组件等通常是固定的。

然而，随着用户需求和业务场景需求的增加，上述传统方案中固定的页面可能无法满足用户和业务场景需求。

发明内容

本公开提供一种页面生成方法、装置、电子设备及可读存储介质，以至少解决页面开发过程中，生成的页面固定，导致无法满足用户和业务场景需求的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面生成方法，包括：

展示页面配置提示信息；

响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，所述页面模板中包含模板内容及配置规则，所述模板内容包括至少一个字段以及至少一个字段对应的组件类型；

基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件；

根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染；

生成并展示页面。

根据本公开实施例的第二方面，提供一种页面生成方法，包括：

展示页面配置提示信息；

响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，所述页面模板中包含模板内容及配置规则，所述模板内容包括至少一个字段以及至少一个字段对应的组件类型；

基于所述页面模板，生成页面渲染请求；

将所述页面渲染请求发送至服务端，以供所述服务端确定所述页面模板，基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件，以及根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染，生成页面。

根据本公开实施例的第三方面，提供一种页面生成装置，包括：

第一展示模块，被配置为展示页面配置提示信息；

第一确定模块，被配置为响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板；

获取模块，被配置为基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件；

渲染模块，被配置为根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染；

第一生成模块，被配置为生成并展示页面。

根据本公开实施例的第四方面，提供一种页面生成装置，包括：

第二展示模块，被配置为展示页面配置提示信息；

第二确定模块，被配置为响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板；

第二生成模块，被配置为基于所述页面模板，生成页面渲染请求；

发送模块，被配置为将所述页面渲染请求发送至服务端。

根据本公开实施例的第五方面，提供一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现第一方面或第二方面任一方面所述的页面生成方法。

根据本公开实施例的第六方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行第一方面或第二方面任一方面所述的页面生成方法。

根据本公开实施例的第七方面，提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现第一方面或第二方面任一方面所述的页面生成方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

通过展示页面配置提示信息，可以响应于针对页面配置提示信息触发的页面生成请求，确定页面模板，该页面模板中可以包含模板内容及配置规则，并基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，从组件库中获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，解决了现有技术中生成页面固定的问题，实现了可以根据用户需求或业务需求等配置页面。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种页面生成方法的流程图。

图2是根据一示例性实施例示出的一种生成页面的示意图。

图3是根据另一示例性实施例示出的一种页面生成方法的流程图。

图4是根据又一示例性实施例示出的一种页面生成方法的流程图。

图5是根据又一示例性实施例示出的一种页面生成方法的流程图。

图6是根据一示例性实施例示出的一种页面生成装置的框图。

图7是根据另一示例性实施例示出的一种页面生成装置的框图。

图8是根据一示例性实施例示出的一种电子设备的框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

本公开可以适用于页面生成场景，尤其是表单生成场景。目前，在对页面开发的过程中，页面的形式通常是固定的。以页面是表单为例，表单中包含的字段、组件等通常是固定的。然而，随着用户需求和业务场景需求的增加，上述传统方案中固定的页面可能无法满足用户和业务场景需求。

因此，为了解决上述技术问题，发明人提出了本公开的技术方案，提供一种页面生成方法，包括展示页面配置提示信息；响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，所述页面模板中包含模板内容及配置规则，所述模板内容包括至少一个字段以及至少一个字段对应的组件类型；基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件；根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染，生成并展示页面。

通过展示页面配置提示信息，可以响应于针对页面配置提示信息触发的页面生成请求，确定页面模板，该页面模板中可以包含模板内容及配置规则，并基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，从组件库中获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，解决了现有技术中生成页面固定的问题，实现了可以根据用户需求或业务需求等配置页面。

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

图1是根据一示例性实施例示出的一种页面生成方法的流程图，可以包括以下几个步骤。

在步骤S11中，展示页面配置提示信息。

本实施例中，该页面生成方法可以应用于用户端，用户端可以配置在用户设备中，用户设备如手机、平板电脑、智能手表、计算机设备等智能终端设备。具体的，用户端可以展示上述页面配置提示信息。为了便于用户操作，该页面配置提示信息中可以包括页面模板、字段等与页面相关的内容。

可选的，该页面生成方法也可以应用于服务端，服务端可以向用户输出页面配置提示信息，以提示用户进行页面配置。在页面开发场景中，服务端可以与用户所在用户端建立通信连接，向用户所在用户端发送页面配置提示信息，由用户端展示给对应的用户。

具体的，服务端可以在接收用户端发送的页面配置请求后，向用户端发送页面配置提示信息。其中，该页面配置请求可以由用户端响应用户触发的页面配置操作生成，具体实现过程将在后续实施例中进行说明，此处不进行赘述。

在步骤S12中，响应于针对页面配置提示信息触发的页面生成请求，确定页面模板。

其中，页面模板中可以包含模板内容及配置规则，模板内容可以包括至少一个字段以及至少一个字段对应的组件类型。

其中，模板内容中可以包括至少一个字段。以表单为例，可以包括姓名字段，地址字段等。字段对应的组件类型可以包括文字输入组件类型、列表选择组件类型、日期选择组件类型，图片展示组件类型等，可以根据实际应用场景进行设置。

配置规则可以包括与页面渲染及运行相关的信息。可选的，配置规则可以包括字段信息、表单信息、布局信息中的至少一个。具体的，字段信息可以包括字段类型、字段属性等信息，表单信息可以包括表单结构等信息，布局信息可以包括字段或字段所对应的组件在页面中的展示信息，如位置信息、排序信息等。

响应于针对页面配置提示信息触发的页面请求，确定页面模板可以有多种实现方式，将在后续实施例中进行说明，此处不进行赘述。

在步骤S13中，基于至少一个字段对应的组件类型，从组件库中获取至少一个字段对应的至少一个组件。

其中，基于页面模板中包含的至少一个字段对应的组件类型，可以从组件库中获取至少一个字段对应的至少一个组件。如，基于姓名字段对应的输入组件类型，可以从组件库中获取对应的输入组件。或者，基于地址字段对应的选择组件类型，可以从组件库中获取对应的选择组件，如单选框等。具体的，该组件库可以预先设置。

可选的，该组件库中还可以包括用户提供的至少一个字段对应的至少一个组件，即自定义组件。如，用户提供的图片展示组件等，不进行具体限制。

在步骤S14中，根据配置规则调用页面渲染引擎，对至少一个字段以及至少一个组件进行渲染。

在步骤S15中，生成并展示页面。

至少一个组件确定后，可以调用页面渲染引擎，根据页面模板中的配置规则，对上述至少一个字段及组件进行渲染，生成页面。如图2所示，示出了一种生成表单的示意图。

可选的，配置规则可以包括渲染规则及运行规则。其中，渲染规则可以指与页面渲染相关的规则，如组件渲染方式等，运行规则可以指与页面运行相关的规则，如页面运行中的字段值校验过程等。具体的，可以根据渲染规则调用页面渲染引擎，对至少一个字段及至少一个组件进行渲染，生成页面，以在页面运行时，按照运行规则执行对应操作。

可选的，该页面生成方法应用于服务端时，服务端生成页面后，可以将该页面发送至用户端，由用户端展示给用户，不再进行赘述。

本实施例中，通过展示页面配置提示信息，可以响应于针对页面配置提示信息触发的页面生成请求，确定页面模板，该页面模板中可以包含模板内容及配置规则，并基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，从组件库中获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，解决了现有技术中生成页面固定的问题，实现了可以根据用户需求或业务需求等配置页面。

在实际应用中，上述配置规则可以基于现有的配置规则基础进行扩充。如可以在现有的schema配置规则基础上，增加渲染规则和运行规则中，字段信息、表单信息、布局信息的相关定义，以增加页面配置的灵活性。可选的，渲染规则可以包括是否有边界、字段类型、页面样式主题；运行规则可以包括字段监听方式、字段校验时机、表单提交时机、表单重置时机、不计算进表单值、错误提示对齐方式、行列式布局、依赖项、根据目标值做出被动响应、是否只校验变化时的单字段。

具体的，可以根据是否有边界、字段类型、页面样式主题中的至少一个，调用页面渲染引擎，对至少一个字段及至少一个组件进行渲染，生成页面，以在页面运行时，执行如下一种或多种操作：

按照字段监听方式监听对应的字段；

按照字段校验时机校验对应的字段；

按照表单提交时机提交对应的表单；

按照表单重置时机重置对应的表单；

按照不计算进表单值处理对应的字段；

按照错误提示对齐方式提示对应的错误字段；

按照依赖项处理对应的字段；

按照根据目标值做出被动响应在对应的字段处于目标值时做出被动响应；

按照是否只校验变化时的单字段判断是否只校验变化时的单字段。

在实际应用中，由于组件库中的组件的来源较多，开发规范不同，因此，为了实现统一渲染处理，在某些实施中，上述页面生成方法还可以包括：

获取按照预设规则开发的组件，并配置在组件库中。

其中，预设规则可以是预先设置的基于现有的配置规则基础扩充获得的配置规则，不再进行赘述。按照该预设规则开发的组件可以配置在组件库中，以便于能够根据该配置规则进行渲染。

为了实现能够支持根据上述配置规则进行渲染，可选的，该页面渲染引擎也可以按照上述预设规则开发获得。

其中，页面渲染引擎的开发过程可以根据实际应用场景设置，不进行具体限制。如可以采用bootstrap(一种HTML、CSS和JavaScript框架，用于开发响应式布局、移动设备优先的WEB项目)的24列表进行开发等。

实际应用中，考虑到页面渲染引擎运行过程中，进行渲染等数据处理时，通常只能支持特定的数据类型。因此，可能存在上述配置规则的数据类型与页面渲染引擎支持的数据类型不一致，从而页面渲染引擎无法识别该配置规则，无法进行渲染处理的情况。因此，为了解决上述问题，在某些实施例中，根据配置规则调用页面渲染引擎之前，该方法还可以包括：

确定页面渲染引擎支持的目标数据类型；

将配置规则的数据类型转换为目标数据类型。

其中，页面渲染引擎中可以包含数据类型转换工具。例如，页面渲染引擎所支持的目标数据类型可以是偏平化结构类型，如typescript类型，而配置规则的数据类型可以是树状结构类型，如schema类型。此时，可以基于json-schema-to-typescript转换工具，将配置规则的数据类型进行转换，得到页面渲染引擎所支持的目标数据类型。具体的，该数据类型转换工具可以根据实际应用场景进行设置，本公开不进行具体限制。

进一步的，数据类型转换之后，页面渲染引擎可以识别具有目标数据类型的配置规则，并根据该配置规则对至少一个字段和组件进行渲染，生成页面。通过将配置规则的数据类型转换为页面渲染引擎所支持的目标数据类型，避免页面渲染引擎无法识别配置规则，以及无法根据配置规则进行渲染处理的情况，实现了类型约束。

在实际应用中，用户提供的页面模板可以是由用户配置获得。如图3所示，是根据另一示例性实施例示出的一种页面生成方法的流程图，可以包括以下几个步骤。

在步骤S31中，展示页面配置提示信息，该页面配置提示信息可以包括字段提示信息、组件类型提示信息及配置规则提示信息。

本实施例中，该页面生成方法也可以应用于用户端，用户端可以展示页面配置提示信息。可选的，该页面生成方法也可以应用于服务端，服务端接收到用户所在用户端发送的页面配置请求之后，向用户端发送页面配置提示信息。页面配置提示信息中除提示信息外，还包括字段提示信息、组件类型提示信息和配置规则提示信息。

其中，字段提示信息可以包括与待生成页面相关的多个推荐字段，如以表单为例，字段提示信息可以包括与表单相关的姓名字段、地址字段、联系方式字段等。组件类型提示信息可以包括与待生成页面相关的多个推荐组件类型，以表单为例，组件类型提示信息可以包括与表单相关的输入组件类型、选择组件类型、日期选择组件类型等。配置规则提示信息可以包括与待生成页面相关的多个推荐配置规则，以表单为例，配置规则提示信息可以包括与表单相关的字段属性，如字段必填还是选填，布局信息，如字段对应的组件在页面中的布局位置等。

在步骤S32中，响应于针对字段提示信息，输入或选择的字段、针对组件类型提示信息，输入或选择的组件类型、以及针对配置规则提示信息，输入或选择的配置规则，确定页面模板。

将包含上述字段提示信息、组件类型提示信息及配置规则提示信息的页面配置提示信息发送至用户所在用户端后，可以基于用户针对上述字段提示信息、组件类型提示信息及配置规则提示信息的触发操作所生成的页面生成请求，确定用户提供的页面模板。

可选的，上述触发操作可以包括选择操作，即从上述多个推荐字段中选择至少一个字段，从多个推荐组件类型中选择至少一个组件类型，以及从多个推荐配置规则中选择至少一个配置规则，从而基于用户选择的至少一个字段、至少一个组件类型及至少一个配置规则，可以确定用户提供的页面模板，其中，该页面模板中可以包括上述至少一个字段、组件类型及配置规则。以表单为例，可以基于用户从多个推荐字段中选择的姓名字段和地址字段，从多个推荐组件类型中选择的输入组件类型，以及从多个推荐配置规则中选择的姓名字段必填，地址字段选填，姓名字段对应的组件在页面中的位置位于地址字段对应组件上方等配置规则确定页面模板。

可选的，上述触发操作还可以包括输入操作，即输入至少一个字段、至少一个组件类型及至少一个配置规则，从而基于用户输入的至少一个字段、至少一个组件类型及至少一个配置规则，确定用户提供的页面模板，此时，该页面模板中可以包括上述至少一个字段、组件类型及配置规则。以表单为例，可以基于用户输入的姓名字段和邮件字段，输入组件类型以及姓名字段对应组件在页面中的位置位于邮件字段对应组件左侧等配置规则确定页面模板。

可选的，上述触发操作还可以包括选择操作和输入操作，如可以从多个推荐字段中选择至少一个字段，从多个推荐组件类型中选择至少一个组件类型，以及输入至少一个配置规则，或者从多个推荐字段中选择至少一个字段，以及输入至少一个组件类型及配置规则等。此时，可以基于用户针对字段提示信息，输入或选择的字段、针对组件类型提示信息，输入或选择的组件类型、以及针对配置规则提示信息，输入或选择的配置规则，确定用户提供的页面模板，不再一一举例说明。

在步骤S33中，基于至少一个字段对应的组件类型，从组件库中获取至少一个字段对应的至少一个组件。

在步骤S34中，根据配置规则调用页面渲染引擎，对至少一个字段以及至少一个组件进行渲染，生成页面。

本实施例中，步骤S33～S34的实现过程可以参考图1所示实施例中步骤S13～S14的具体实现过程，此处不再进行赘述。

本实施例中，通过展示包含字段提示信息、组件类型提示信息、配置规则提示信息的页面配置提示信息，可以响应于针对字段提示信息，输入或选择的字段、针对组件类型提示信息，输入或选择的组件类型、以及针对配置规则提示信息，输入或选择的配置规则，确定页面模板，该页面模板中可以包含模板内容及配置规则，并基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，从组件库中获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，实现了可以根据需求配置页面模板并生成对应的页面。

上述方法中，由于用户提供的页面模板中包含的字段、组件类型、配置规则等是基于用户针对页面配置提示信息触发的选择或输入操作获得，为确保页面正常配置，可以对此进行校验。因此，在某些实施例中，上述方法还可以包括：

页面模板中的配置规则为用户输入的配置规则时，校验该配置规则是否符合预设规则。

其中，校验该配置规则是否符合预设规则即对该配置规则进行参数合法性校验。如可以校验字段类型是否合法等。具体的，可以利用校验工具对配置规则进行校验。以配置规则为schema数据类型为例，可以利用Ajv(校验schema数据格式)工具对该配置规则进行校验，以判定该配置规则的参数合法性，从而判定用户配置的页面模板的正确性。

若校验通过，可以根据配置规则调用页面渲染引擎，执行渲染操作，生成页面。

若校验不通过，无法根据该配置规则调用页面渲染引擎执行渲染操作。此时，可以向用户输出校验不通过的提示信息以告知用户。可选的，该提示信息中可以包括修改提示信息，以提示用户对页面模板进行修改。基于修改后的页面模板，可以再次执行校验处理，不再进行赘述。

除了进行上述参数合法性校验外，在某些实施例中，页面模板中的配置规则为用户输入的配置规则时，可以判断该配置规则中的字段信息是否与预设规则中的字段信息一致。

若一致，可以根据配置规则调用页面渲染引擎，执行渲染操作，生成页面。

当配置规则中的字段信息与预设规则中的字段信息不一致时，由于配置规则中的字段信息包括字段类型、字段属性等多种信息，部分字段信息，如字段名称等与展示及用户交互等相关的字段信息，与预设规则中字段信息不一致时，不会影响页面的渲染处理操作，而部分字段信息，如字段属性等与校验相关的字段信息，与预设规则中字段信息不一致时，将会影响页面的渲染处理操作。因此，根据不同的字段信息，可以进行相应的处理。

具体的，可以预先设置各字段信息的优先级，如设置字段名称等与展示及用户交互相关的字段信息优先级较低，字段属性等与校验相关的字段信息较高等，可以根据实际应用场景进行设置，不作具体限制。

根据上述预设的优先级，在用户输入的配置规则中的字段信息与预设规则中的字段信息不一致时，可以确定区别字段信息及对应的优先级。若区别字段信息的优先级低于预设优先级，可以继续按照用户输入的配置规则调用渲染引擎，执行渲染操作，生成页面。其中，该预设优先级可以根据实际应用场景进行设置，不作具体限制。以表单为例，区别字段信息可以是字段名称，如用户输入的配置规则中邮箱字段的字段名称为邮件，而预设规则中名称为邮箱。由于字段名称的优先级较低，低于预设优先级，可以继续按照用户输入的配置规则调用渲染引擎，执行渲染操作，生成页面。此时，渲染生成的页面中邮箱字段的名称为邮件。

若区别字段信息的优先级高于预设优先级，利用预设规则中的字段信息对用户输入的配置规则的字段信息进行修改，并基于修改后的字段信息对用户输入的配置规则进行更新，并按照更新后的配置规则调用页面渲染引擎，执行渲染操作，生成页面。以表单为例，区别字段信息可以是字段必填或选填属性，如用户输入的配置规则中地址字段为选填属性，而预设规则中地址字段为必填属性时，将用户输入的配置规则中地址字段改为必填属性，并进行更新，按照更新后的配置规则调用页面渲染引擎，执行渲染操作，生成页面。此时，渲染生成的页面中地址字段为必填。

可选的，可以向用户输出更新提示信息以告知用户上述更新内容。

通过对用户提供的页面模板进行校验，确保用户提供的页面模板的参数合法及正确性，从而确保页面生成过程的正常运行。

在实际应用中，用户提供的页面模板可以是用户根据推荐页面模板选取获得。如图4所示，是根据又一示例性实施例示出的一种页面生成方法的流程图，可以包括以下几个步骤。

在步骤S41中，确定至少一个推荐页面模板。

本实施例中，该页面生成方法也可以应用于用户端，用户端可以确定至少一个推荐页面模板。可选的，该页面生成方法也可以应用于服务端，服务端接收到用户所在用户端发送的页面配置请求之后，确定至少一个推荐页面模板。其中，该推荐页面模板中可以包括预设的至少一个字段、至少一个组件类型及至少一个配置规则等。确定推荐页面模板的实现过程将在后续实施例中进行说明，此处不进行赘述。

在步骤S42中，生成包括至少一个推荐页面模板的页面配置提示信息。

基于确定的至少一个推荐页面模板，可以生成包括该至少一个推荐页面模板的页面配置提示信息。此时，该页面配置提示信息中除提示信息外，还包括该至少一个推荐页面模板。

在步骤S43中，展示页面配置提示信息。

用户端可以将该页面配置提示信息展示给用户。可选的，该页面生成方法应用于服务端时，服务端可以向用户端发送页面配置提示信息，由用户端将上述提示信息及至少一个推荐页面模板展示给用户。

在步骤S44中，响应于从至少一个推荐页面模板中选择的页面模板所触发的页面请求，确定页面模板。

其中，该页面模板中可以包含模板内容及配置规则，模板内容可以包括至少一个字段以及至少一个字段对应的组件类型。

将包含上述至少一个推荐页面模板的页面配置提示信息发送至用户端后，可以基于用户针对上述至少一个推荐页面模板触发的选择操作所生成的页面生成请求，确定用户提供的页面模板。例如，页面配置提示信息中可以包括A、B、C三个推荐页面模板，基于用户针对B模板的选择操作所生成的页面生成请求，可以确定用户提供的页面模板为B模板。

在步骤S45中，基于至少一个字段对应的组件类型，从组件库中获取至少一个字段对应的至少一个组件。

在步骤S46中，根据配置规则调用页面渲染引擎，对至少一个字段以及至少一个组件进行渲染，生成页面。

本实施例中，步骤S45～S46的实现过程可以参考图1所示实施例中步骤S13～S14的具体实现过程，此处不再进行赘述。

本实施例中，通过展示包含至少一个推荐页面模板的页面配置提示信息，可以响应于针对至少一个推荐页面模板的选择操作所生成的页面生成请求，确定页面模板，该页面模板中可以包含模板内容及配置规则，并基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，实现了可以根据用户需求选择页面模板并生成对应的页面，提高了页面模板确定的便捷程度。

下面对上述至少一个推荐页面模板的确定方法进行说明。在某些实施例中，可以基于用户的标识信息，确定与用户对应的至少一个推荐页面模板；或者，

基于待生成页面的标识信息，确定与待生成页面对应的至少一个推荐页面模板。

实际应用中，在进行页面模板配置时，对于不同用户，如普通用户或管理用户等，可以配置不同的页面模板。其中，不同页面模板中的字段、配置规则等可以不同。在接收到用户的页面配置请求时，可以根据用户与页面模板的对应关系，基于请求用户的标识信息，确定与该用户对应的至少一个推荐页面模板。用户与页面模板的对应关系可以根据实际应用场景进行预先设置。

可选的，在进行页面模板配置时，对于不同的待生成页面，也可以配置不同的页面模板，不同页面模板中的字段、配置规则等可以不同。其中，不同的待生成页面可以包括不同项目的待生成页面，如项目a的待生成页面，项目b的待生成页面等，还可以包括不同任务分类的待生成页面，如任务分类x的待生成页面，任务分类y的待生成页面等。在接收到用户的页面配置请求时，可以根据待生成页面与页面模板的对应关系，基于待生成页面的标识信息，确定与该待生成页面对应的至少一个推荐页面模板。待生成页面与页面模板的对应关系可以根据实际应用场景进行预先设置。

可选的，还可以将配置的上述页面模板进行存储。具体的，可以利用kcdn(cdn分布式存储分发技术)页面模板进行存储。

图5是根据又一示例性实施例示出的一种页面生成方法的流程图，可以包括以下几个步骤。

在步骤S51中，展示页面配置提示信息。

本实施例中，该页面生成方法可以应用于用户端。用户端可以响应用户的页面配置操作，生成页面配置请求，并将该页面配置请求发送至服务端，以便服务端基于该页面配置请求，向用户端发送页面配置提示信息。

接收到服务端发送的页面配置提示信息，用户端可以在界面中显示该页面配置提示信息。其中，页面配置提示信息的内容在上述实施例中已有详细说明，此处不再进行赘述。

在步骤S52中，响应于针对页面配置提示信息触发的页面生成请求，确定页面模板。

其中，页面模板中可以包含模板内容及配置规则，模板内容可以包括至少一个字段以及至少一个字段对应的组件类型。

用户端的界面中可以包括配置操作按键，如选择按钮，输入框等。响应于针对页面配置提示信息触发的页面生成请求具体可以是，响应于用户针对页面配置提示信息触发的选择操作或输入操作所生成的页面生成请求，可以确定用户提供的页面模板。

在步骤S53中，基于页面模板，生成页面渲染请求。

用户端根据用户提供的页面模板，可以生成包含该页面模板的页面渲染请求。

在步骤S54中，将页面渲染请求发送至服务端，以供服务端确定页面模板，基于至少一个字段对应的组件类型，从组件库中获取至少一个字段对应的至少一个组件，以及根据配置规则调用页面渲染引擎，对至少一个字段以及至少一个组件进行渲染，生成页面。

用户端可以将生成的页面渲染请求发送至服务端，以供服务端确定页面模板，基于至少一个字段对应的组件类型，从组件库中获取至少一个字段对应的至少一个组件，以及根据配置规则调用页面渲染引擎，对至少一个字段以及至少一个组件进行渲染，生成页面。其中，服务端渲染生成页面的实现过程在上述实施例中已有详细说明，此处不进行赘述。

本实施例中，通过显示页面配置提示信息，并响应于针对页面配置提示信息触发的配置操作，确定页面模板，生成对应的页面渲染请求并发送至服务端，以供服务端基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，解决了现有技术中生成页面固定的问题，实现了可以根据用户需求等配置页面。

图6是根据一示例性实施例示出的一种页面生成装置的框图。参照图6，该装置可以包括第一展示模块601，第一确定模块602，获取模块603，渲染模块604和第一生成模块605。

该第一展示模块601被配置为展示页面配置提示信息；

该第一确定模块602被配置为响应于针对页面配置提示信息触发的页面生成请求，确定页面模板；

该获取模块603被配置为基于至少一个字段对应的组件类型，从组件库中获取至少一个字段对应的至少一个组件；

该渲染模块604被配置为根据配置规则调用页面渲染引擎，对至少一个字段以及至少一个组件进行渲染；

第一生成模块605，被配置为生成并展示页面。

本实施例中，提供的页面生成装置可以实现图1所示实施例中的页面生成方法，通过展示页面配置提示信息，可以响应于针对页面配置提示信息触发的页面生成请求，确定页面模板，该页面模板中可以包含模板内容及配置规则，并基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，从组件库中获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，解决了现有技术中生成页面固定的问题，实现了可以根据用户需求或业务需求等配置页面。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图7是根据另一示例性实施例示出的一种页面生成装置的框图。参照图7，该装置可以包括第二展示模块701，第二确定模块702，第二生成模块703和发送模块704。

该第二展示模块701被配置为展示页面配置提示信息；

该第二确定模块702被配置为响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板；

该第二生成模块703被配置为基于页面模板，生成页面渲染请求；

该发送模块704被配置为将页面渲染请求发送至服务端。

本实施例中，提供的页面生成装置可以实现图5所示实施例中的页面生成方法，通过展示页面配置提示信息，并响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，生成对应的页面渲染请求并发送至服务端，以供服务端基于模板内容中包括的至少一个字段以及至少一个字段对应的组件类型，获取对应的至少一个组件，以及根据配置规则调用页面渲染引擎进行渲染，生成页面，解决了现有技术中生成页面固定的问题，实现了可以根据用户需求或业务需求等配置页面。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图8是根据一示例性实施例示出的一种电子设备框图，包括处理器801和用于存储处理器可执行指令的存储器802。

其中，处理器801被配置为执行指令，以实现图1～图5所示任一实施例的页面生成方法。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器，上述指令可由电子设备的处理器执行以完成上述方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现图1～图5所示任一实施例的页面生成方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

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

展示页面配置提示信息；

响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，所述页面模板中包含模板内容及配置规则，所述模板内容包括至少一个字段以及至少一个字段对应的组件类型；

基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件；

根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染；

生成并展示页面。

2.根据权利要求1所述的方法，其特征在于，所述配置规则包括渲染规则及运行规则；

所述根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染包括：

根据所述渲染规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染，生成页面，以在页面运行时，按照所述运行规则执行对应操作。

3.根据权利要求2所述的方法，其特征在于，所述渲染规则包括是否有边界、字段类型、页面样式主题；所述运行规则包括字段监听方式、字段校验时机、表单提交时机、表单重置时机、不计算进表单值、错误提示对齐方式、行列式布局、依赖项、根据目标值做出被动响应、是否只校验变化时的单字段；

所述根据所述渲染规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染，生成页面，以在页面运行时，按照所述运行规则执行对应操作包括：

根据所述是否有边界、字段类型、页面样式主题中的至少一个，调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染，生成页面，以在页面运行时，执行如下一种或多种操作：

按照所述字段监听方式监听对应的字段；

按照所述字段校验时机校验对应的字段；

按照所述表单提交时机提交对应的表单；

按照所述表单重置时机重置对应的表单；

按照所述不计算进表单值处理对应的字段；

按照所述错误提示对齐方式提示对应的错误字段；

按照所述依赖项处理对应的字段；

按照所述根据目标值做出被动响应在对应的字段处于目标值时做出被动响应；

按照所述是否只校验变化时的单字段判断是否只校验变化时的单字段。

4.根据权利要求2所述的方法，其特征在于，所述页面配置提示信息包括字段提示信息、组件类型提示信息、配置规则提示信息；

所述响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板包括：

响应于针对所述字段提示信息，输入或选择的字段、针对所述组件类型提示信息，输入或选择的组件类型、以及针对所述配置规则提示信息，输入或选择的配置规则，确定页面模板。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取按照预设规则开发的组件，并配置在所述组件库中。

6.根据权利要求1所述的方法，其特征在于，所述页面渲染引擎按照预设规则开发获得。

7.根据权利要求1所述的方法，其特征在于，所述展示页面配置提示信息包括：

确定至少一个推荐页面模板；

生成包括所述至少一个推荐页面模板的页面配置提示信息；

展示所述页面配置提示信息；

所述响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板包括：

响应于从所述至少一个推荐页面模板中选择的页面模板所触发的页面请求，确定页面模板。

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

第一展示模块，被配置为展示页面配置提示信息；

第一确定模块，被配置为响应于针对所述页面配置提示信息触发的页面生成请求，确定页面模板，所述页面模板中包含模板内容及配置规则，所述模板内容包括至少一个字段以及至少一个字段对应的组件类型；

获取模块，被配置为基于所述至少一个字段对应的组件类型，从组件库中获取与所述至少一个字段对应的至少一个组件；

渲染模块，被配置为根据所述配置规则调用页面渲染引擎，对所述至少一个字段以及所述至少一个组件进行渲染；

第一生成模块，被配置为生成并展示页面。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的页面生成方法。

10.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至7中任一项所述的页面生成方法。

Images