CN111522549A - 页面生成方法、装置、电子设备和存储介质 - Google Patents

Abstract

本公开提供了一种页面生成方法，包括：获取待生成的目标页面中至少一个控件的控件信息；基于所述控件信息，确定所述至少一个控件中每个控件的配置参数；基于所述配置参数，调用组件规则库，以获得每个所述控件的目标脚本；以及基于每个所述控件的目标脚本，生成所述目标页面。本公开的另一方面提供了一种页面生成装置、电子设备和介质。

Description

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

技术领域

本公开涉及计算机技术领域，更具体地，涉及一种页面生成方法 和一种页面生成装置、电子设备和存储介质。

背景技术

随着互联网和信息化技术的不断发展，应用面临的需求不断增长， 应用版本发布频率也越来越快。

在实现本公开构思的过程中，发明人发现相关技术中至少存在如 下问题：应用的开发工作量大，开发效率低。

发明内容

有鉴于此，本公开提供了一种页面生成方法和一种页面生成装置、 电子设备和存储介质。

本公开的一个方面提供了一种页面生成方法，包括：获取待生成 的目标页面中至少一个控件的控件信息；基于所述控件信息，确定所 述至少一个控件中每个控件的配置参数；基于所述配置参数，调用组 件规则库，以获得每个所述控件的目标脚本；以及基于每个所述控件 的目标脚本，生成所述目标页面。

根据本公开的实施例，所述控件信息包括所述控件的标识信息， 所述确定所述至少一个控件中每个控件的配置参数包括：获取所述目 标页面的属性信息，所述属性信息指示了所述标识信息与配置参数的 对应关系；以及基于所述标识信息，从所述属性信息中确定出每个控 件的配置参数。

根据本公开的实施例，目标脚本包括校验规则脚本和用户界面组 件脚本，其中，所述校验规则脚本用于在所述目标页面生成之后，响 应于所述目标页面接收到填写信息，验证所述填写信息是否符合所述 控件的所述配置参数所指示的预设填写规则。

根据本公开的实施例，基于所述配置参数，调用组件规则库包括： 根据所述控件信息和每个所述控件的配置参数，生成组合脚本；基于 所述组合脚本，确定每个控件的控件类型和校验规则类型；基于所述 控件类型和校验规则类型，调用所述组件规则库，以从所述组件规则 库中获取所述控件的校验规则脚本和用户界面组件脚本。

根据本公开的实施例，根据所述控件信息和每个所述控件的配置 参数，生成组合脚本包括：在所述配置参数指示了所述控件的数据来 源为字典的情况下，基于所述配置参数，确定与所述控件对应的第一 字典类型；根据所述第一字典类型，确定所述配置参数中是否存在与 所述第一字典类型联动的第二字典类型；在确定存在所述第二字典类 型的情况下，获取所述第二字典类型的数据信息；以及基于所述数据 信息、所述控件信息和所述控件的配置参数，生成组合脚本。

根据本公开的实施例，配置参数包括用于描述所述控件的预设填 写规则的描述信息，以便生成的所述目标页面响应于检测到特定操作 展示所述描述信息，其中，所述预设填写规则为所述控件中填写的填 写信息应符合的规则。

根据本公开的实施例，该方法还包括：在生成所述目标页面之后， 响应于所述目标页面接收到填写信息，存储所述填写信息到存储单元 中，其中，所述填写信息包括页面标识；响应于接收到展示请求，从 所述存储单元中获取所述填写信息，其中，所述展示请求用于请求展 示与所述页面标识相对应的页面；以及根据所述填写信息，生成包含 所述填写信息的目标页面。

本公开的另一个方面提供了一种页面生成装置，包括：获取模块， 用于获取待生成的目标页面中至少一个控件的控件信息；确定模块， 用于基于所述控件信息，确定所述至少一个控件中每个控件的配置参 数；调用模块，用于基于所述配置参数，调用组件规则库，以获得每 个所述控件的目标脚本；以及生成模块，用于基于每个所述控件的目 标脚本，生成所述目标页面。

本公开的另一方面提供了一种电子设备，包括：一个或多个处理 器；存储装置，用于存储一个或多个程序，其中，当所述一个或多个 程序被所述一个或多个处理器执行时，使得所述一个或多个处理器执 行上述的方法。

本公开的另一方面提供了一种计算机可读存储介质，存储有计算 机可执行指令，所述指令在被执行时用于实现如上所述的方法。

本公开的另一方面提供了一种计算机程序，所述计算机程序包括 计算机可执行指令，所述指令在被执行时用于实现如上所述的方法。

根据本公开的实施例，可以至少部分地解决开发应用的工作量大， 开发效率低的问题，并因此可以实现减少应用开发的工作量，提高应 用的开发效率的技术效果。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述以及其 他目的、特征和优点将更为清楚，在附图中：

图1A示意性示出了根据本公开实施例的页面生成方法的流程图；

图1B示意性示出了根据本公开实施例的利用AmaterasUML插件绘 制控件信息的绘制结果示意图；

图1C示意性示出了根据本公开实施例的利用上文参数说明表来对 控件进行参数配置而生成的参数配置表的示意图；

图1D示意性示出了目标页面实现多个控件联动选择的示意图；

图1E示意性示出了根据本公开的实施例在字典表里设置多个联动 控件的上下级关系的示意图；

图2A示意性示出了根据本公开实施例的基于配置参数调用组件规 则库的方法流程图；

图2B示意性示出了根据本公开实施例的组合脚本的示例。

图3示意性示出了根据本公开实施例的根据控件信息和每个控件的 配置参数生成组合脚本的方法流程图；

图4示意性示出了根据本公开另一实施例的页面生成的方法流程图；

图5示意性示出了根据本公开实施例的页面生成系统的系统架构图；

图6示意性示出了根据本公开的实施例的页面生成装置的框图；以 及

图7示意性示出了根据本公开实施例的电子设备的方框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些 描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述 中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全 面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情 况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术 的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本 公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、 操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、 步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人 员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解 释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于 刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下， 一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释 (例如，“具有A、B和C中至少一个的系统”应包括但不限于单独 具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有 B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C 等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术 人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中 至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具 有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C 的系统等)。

本公开的实施例提供了一种页面生成方法，包括：获取待生成的 目标页面中至少一个控件的控件信息；基于控件信息，确定至少一个 控件中每个控件的配置参数；基于配置参数，调用组件规则库，以获 得每个控件的目标脚本；以及基于每个控件的目标脚本，生成目标页 面。

图1A示意性示出了根据本公开实施例的页面生成方法的流程图。

如图1A所示，该方法包括操作S101～S104。

在操作S101，获取待生成的目标页面中至少一个控件的控件信息。

根据本公开的实施例，控件信息例如可以包括控件名称、控件的数 据类型、控件的默认值等。

根据本公开的实施例，待生成的目标页面可以是一个，也可以是多 个。若存在多个待生成的目标页面，则可以获取该多个待生成的目标页 面中每个目标页面的控件的控件信息。

根据本公开的实施例，开发人员例如可以是将预先绘制的控件信息 存储到某个文件中，从而可以从该某个文件中读取待生成的目标页面中 至少一个控件的控件信息。例如开发人员可以在Eclipse上安装 AmaterasUML插件，从而可以利用AmaterasUML插件按照绘制类图的 方式绘制控件信息。

根据本公开的实施例，开发人员利用AmaterasUML插件绘制的控 件信息例如可以包括基类，该基类中包含多个父类控件的控件信息。父 类控件可以是指多个待生成的目标页面中均包含的控件。当待生成的目 标页面中包含父类控件的情况下，可以直接从该基类中继承该父类控件 的控件信息。

例如在绘制完成后，AmaterasUML插件可以将绘制结果导出 为.ecore文件，从而在操作S101可以读取.ecore文件而获得待生成的目 标页面中至少一个控件的控件信息。在将绘制结果导出为.ecore文件的 过程中，若待生成的目标页面包含父类控件，则父类控件的控件信息可 以直接从基类加载。

图1B示意性示出了根据本公开实施例的利用AmaterasUML插件绘 制控件信息的绘制结果示意图。

如图1B所示，在该绘制结果中可以包括AmsBase基类、待生成的 Taskgroup页面、待生成的UC页面和待生成的BusinessDomain页面。

AmsBase基类中包括第一控件和第二控件。待生成的Taskgroup页 面、待生成的UC页面和待生成的BusinessDomain页面从AmsBase基 类中继承第一控件和第二控件的控件信息。

根据本公开的实施例，本领域技术人员也可以采用其他的方式(例 如图表、文本等)来绘制控件信息。

在操作S102，基于控件信息，确定至少一个控件中每个控件的配 置参数。

根据本公开的实施例，配置参数例如可以是控件类型、控件中容纳 字符的长度、控件的校验规则、控件中输入的数据类型等等。控件类型 例如可以是文本框、按钮等等。

根据本公开的实施例，控件信息可以包括控件的标识信息，因此， 在操作S102可以根据控件的标识信息来确定控件的配置参数。标识信 息例如可以是控件的英文名称等。

根据本公开的实施例，确定至少一个控件中每个控件的配置参数 可以包括：获取目标页面的属性信息，属性信息指示了标识信息与配 置参数的对应关系，以及基于标识信息，从属性信息中确定出每个控 件的配置参数。

根据本公开的实施例，属性信息可以是以表的形式存储在数据库 中，从而可以从数据库中读取该表而获得属性信息。该记载属性信息 的表可以是开发人员预先设置的。

例如开发人员可以首先定义一个参数说明表，该参数说明表可以 包括多个字段名称和每个字段的含义。

下文表1示意性示出了根据本公开实施例的参数说明表。需要理 解的是表1仅为一种示例性参数说明表。

表1

然后，开发人员可以再设置一个参数配置表，该参数配置表中包 括上述参数说明表中的多个字段，按照该多个字段的含义对每个控件 的配置参数进行配置。

图1C示意性示出了根据本公开实施例的利用上文参数说明表来 对控件进行参数配置而生成的参数配置表的示意图。

如图1C所示，目标页面的英文名称可以是BusinessDomain，在BusinessDomain页面中包括英文名称为busDomainlevel的控件，该控 件的中文名称为业务领域层级名称。该控件为可编辑控件，并且是可 见控件等等。

该BusinessDomain页面中还包括英文名称为busDomainSecondLvl 的控件，并且对该控件的attr_name、ch_name、attr_seq等配置参数进 行了配置。

根据本公开的实施例，在完成上述参数配置表后，例如可以将该 参数配置表存储于数据库中。在执行操作S102确定控件的配置参数时， 可以从数据库中获取该参数配置表，从而根据控件的标识信息(例如 可以是控件英文名称)来确定该控件的配置参数。

根据本公开的实施例，控件可以包括字典，字典可以在字典表中 单独管理。如需要实现目标页面中多个控件的联动选择，需要设定字 典的上级字典，且配合upperattr字段的配置参数使用。

控件的联动选择，例如可以是某个字典控件中的被选择的字典内 容决定了与该字典控件联动的另一字典控件的字典内容。

图1D示意性示出了目标页面实现多个控件联动选择的示意图。

如图1D所示，若选择“业务领域层级名称”的字典内容为“产 品领域”，则与“业务领域层级名称”控件联动的“产品服务分类”控 件的字典内容可以包括资金、融资、中间业务和投资等。

若选择“业务领域层级名称”的字典内容为“管理领域”，则与“业 务领域层级名称”控件联动的“产品服务分类”控件的字典内容可以 包括客户及市场、运营支持、风险管理、业务支持和资源管理等。

根据本公开的实施例，若要实现图1D中的控件联动的效果例如 可以按照下文描述的方法对控件进行配置。下面结合图1C和图1E来 说明该方法的实施方式。

如图1C所示，busDomainlevel控件(即，业务领域层级名称控 件)和busDomainSecondLvl控件(即，产品服务分类控件)的配置参 数dict被配置为不同的字典类型。并且可以将busDomainSecondLvl 控件的upperattr字段的配置参数设置为“busDomainlevel”，使得 busDomainSecondLvl控件与busDomainlevel控件联动。

根据本公开的实施例，可以在字典表里设置busDomainlevel控件 和busDomainSecondLvl控件的上下级关系。例如若busDomainlevel 控件的字典内容决定busDomainSecondLvl控件的字典内容，则可以认 为busDomainlevel控件为busDomainSecondLvl控件的上级， busDomainSecondLvl控件为busDomainlevel控件的下级。

图1E示意性示出了根据本公开的实施例在字典表里设置多个联 动控件的上下级关系的示意图。

如图1E所示，上级字段可以包括产品领域和管理领域。产品领域 的下级可以包括资金、融资、中间业务和投资。管理领域可以包括客 户及市场、运营支持、风险管理、业务支持和资源管理。

如图1E所示，可以通过字段dict_code和dict_pre字段来表明上 下级关系。例如产品领域的dict_code为0001，而资金、融资、中间业 务和投资的字典前缀dict_pre字段均为0001。

在操作S103，基于配置参数，调用组件规则库，以获得每个控件 的目标脚本。

根据本公开的实施例，组件规则库中可以存储有用户界面组件脚本 和校验规则脚本。组件规则库中的用户界面组件脚本和校验规则脚本可 以是通过了严格的测试的脚本，以便页面生成程序直接调用。

根据本公开的实施例，校验规则脚本用于在目标页面生成之后，响 应于目标页面接收到填写信息，验证所述填写信息是否符合控件的配置 参数所指示的预设填写规则。例如，在目标页面生成后，用户在目标页 面的用于填写身份证号码控件中填写了身份信息的情况下，校验规则脚 本可以校验该身份信息是否符合该控件的预设填写规则。用于填写身份 证号码控件的预设填写规则例如可以是填写的字符的类型是否是数字， 以及填写的字符长度是否符合要求。

例如可以根据配置参数中指示的控件类型，调用组件规则库中该控 件类型的用户界面组件脚本和校验规则脚本。具体地以上表1为例，若ui_type字段被配置为datepicker(即，日期选取器)，则可以从组件规则 库中调取datepicker的用户界面组件脚本和校验规则脚本。

根据本公开的实施例，配置参数可以包括用于描述控件的预设填写 规则的描述信息，以便生成的目标页面响应于检测到特定操作展示描述 信息。其中，预设填写规则为控件中填写的填写信息应符合的规则。

特定操作例如可以是鼠标在控件上悬停的时间大于预设阈值。该预 设阈值可以是开发人员自己设定的。

例如在鼠标在控件上悬停的时间大于预设阈值的情况下，目标页面 可以冒泡显示描述信息。

在操作S104，基于每个控件的目标脚本，生成目标页面。

根据本公开的实施例，例如可以根据获取到的控件信息、每个控件 的配置参数和每个控件的目标脚本，执行预先编写的生成目标页面的代 码来自动生成目标页面。

根据本公开的实施例，该页面生成方法可以根据控件信息和每个控 件的配置参数调用组件规则库，从而根据组件规则库中的底层脚本来自 动生成目标页面，减少了应用开发的工作量，提高了开发效率。

图2A示意性示出了根据本公开实施例的在操作S203基于配置参数 调用组件规则库的方法流程图。

如图2A所示，该方法可以包括操作S213～S233。

在操作S213，根据控件信息和每个控件的配置参数，生成组合脚 本。

例如，在可以读取.ecore文件获取控件信息，获取待生成页面中包 含的控件，并且将每个控件的控件类型、交易规则、排序以及字典来源 等信息与该控件进行绑定，从而生成组合脚本。

根据本公开的实施例，组合脚本的数据格式例如可以是图2B所示 的格式。需要理解的是，图2B仅为示意性说明组合脚本的示例，本公 开并不对组合脚本的数据格式进行限定。

如图2B所示，该待生成的目标页面可以包括aimDesc、 assetChNameSimple等控件，每个控件的配置参数与该控件绑定。例如aimDesc控件的配置参数210与aimDesc控件绑定。

在操作S223，基于组合脚本，确定每个控件的控件类型和校验规 则类型。

根据本公开的实施例，例如可以解析组合脚本而获得上文表1描述 的ui_type配置参数，根据ui_type配置参数来确定控件类型。

根据本公开的实施例，例如可以解析组合脚本而获得rules配置参 数和check_config配置参数，根据rules配置参数和check_config配置参 数来确定校验规则类型。

在操作S233，基于控件类型和校验规则类型，调用组件规则库， 以从组件规则库中获取控件的校验规则脚本和用户界面组件脚本。

根据本公开的实施例，组件规则库例如可以包括前端组件库和校验 规则库。

根据本公开的实施例，前端组件库底层可以依赖于element-ui组件 库，并且可以在element-ui组件库的基础上根据需求增加新组件。例如 可以在前端组件库中定义新组件的组件标识，并且定义组件标识和组件 的映射逻辑。

根据本公开的实施例，校验规则库可以分为前端规则库及后端规则 库。前端规则库可以包括配置参数rules和others字段的校验规则，rules 字段设置的是在前端对控件进行的校验，如必输、是否为数字，重复性 检查等；others则是控件的附加样式，比如文本域控件的默认展示内容、 行数等。rules和others均可以采用json格式进行设置。后端校验规则可 以包括配置参数check_config字段的校验规则，也是采用json格式设置。 check_config字段设置的可以是在后端对控件进行的校验。在后端对控 件进行的校验，例如可以是校验填写手机号的控件是否接收到正确的填 写信息。由于校验填写手机号的控件是否接收到正确的填写信息，需要 查询后端数据库中是否存在该手机号，因此可以通过check_config字段 配置该控件的校验规则。

图3示意性示出了根据本公开实施例的根据控件信息和每个控件的 配置参数生成组合脚本的方法流程图。

如图3所示，该方法可以包括操作S2131～S2134。

在操作S2131，在配置参数指示了控件的数据来源为字典的情况下， 基于配置参数，确定与控件对应的第一字典类型。

例如可以是确定dict字段的配置参数，该配置参数控件对应的字典 类型。具体地，如图1E所示，业务领域层级名称控件的第一字典类型 可以为asset_business_domain_level。

在操作S2132，根据第一字典类型，确定配置参数中是否存在与第 一字典类型联动的第二字典类型。

根据本公开的实施例，例如可以通过upperattr字段中的配置参数来 确定是否存在与第一字典类型联动的第二字典类型。如图1E所述，产 品服务分类控件的upperattr字段被配置为busDomainLevel，因此，产品 服务分类的字典类型asset_business_domain_type为与第一字典类型 asset_business_domain_level联动的第二字典类型。或者，也可以根据字 典表来确定是否存在与第一字典类型联动的第二字典类型。如图1E所 示，例如可以通过字段表中的dict_code字段和dict_pre字段来确定是否 存在与第一字典类型联动的第二字典类型。具体地，例如 asset_business_domain_level的dict_code字段的配置参数为0001或者 0002，而asset_business_domain_type的dict_pre字段的配置参数为0001 或者0002。因此，字典类型asset_business_domain_type为与第一字典类 型asset_business_domain_level联动的第二字典类型。

在操作S2133，在确定存在第二字典类型的情况下，获取第二字典 类型的数据信息。

例如可以从字典表中获取第二字典类型的数据信息。例如可以从字 典表中欧获取第二字典类型asset_business_domain_type的数据信息包括 产品领域的下级可以包括资金、融资、中间业务和投资，或者可以包括 客户及市场、运营支持、风险管理、业务支持和资源管理。

在操作S2134，基于数据信息、控件信息和控件的配置参数，生成 组合脚本。

根据本公开的实施例，该方法可以自动地实现目标页面控件的联动 选择，丰富目标页面中的控件的功能。

图4示意性示出了根据本公开另一实施例的页面生成的方法流程图。

如图4所示，该方法可以包括操作S401～S403。

在操作S401，在生成目标页面之后，响应于目标页面接收到填写 信息，存储填写信息到存储单元中，其中，填写信息包括页面标识。

根据本公开的实施例，例如可以是将用户在目标页面上填写的填写 信息存储到存储单元中。该页面标识例如可以是用户的用户名等。

在操作S402，响应于接收到展示请求，从存储单元中获取填写信 息，其中，展示请求用于请求展示与页面标识相对应的页面。

例如可以是当接收到打开该用户名的页面的请求的情况下，从存储 单元中获取填写信息。

在操作S403，根据填写信息，生成包含填写信息的目标页面。

例如可以是将填写信息回填到目标页面，从而生成包含填写信息的 目标页面。

图5示意性示出了根据本公开实施例的页面生成系统的系统架构图。

如图5所示，该系统可以包括获取控件信息模块510、获取配置参 数模块520、信息整合模块530、页面自动生成模块540、用户界面组件 库550、校验规则库560、后台校验模块570和数据库580。

获取控件信息模块510，例如可以执行上文参考图1A描述的操作 S101。例如可以是从.ecore文件中获取待生成的目标页面中至少一个控 件的控件信息。

获取配置参数模块520，例如可以是获取属性信息。

信息整合模块530，例如可以是从属性信息中确定每个控件的配置 参数，并且将配置参数与控件进行绑定生成如图2B所示的数据格式的 组合脚本，以供页面自动生成模块540调用。

页面自动生成模块540，用于解析来自信息整合模块530的组合脚 本，以确定控件的校验规则类型和用户界面组件类型。在确定了控件的 校验规则类型和用户界面组件类型之后，可以分别从校验规则库560和 用户界面组件库550中调取该控件的校验规则脚本和用户界面组件脚本。 页面自动生成模块540将每个控件的校验规则脚本和用户界面组件脚本 和组合脚本进行拼装，从而自动生成应用功能页面。

在用户在应用功能页面上填写了填写信息后，可以根据校验规则对 填写信息校验。

后台校验模块570，用于对用户填写的填写信息进行校验。在校验 结果表明填写信息正确的情况下，可以将填写信息存入数据库580中。

图6示意性示出了根据本公开的实施例的页面生成装置600的框图。

如图6所示，页面生成装置600可以包括获取模块610、确定模块 620、调用模块630和生成模块640。

获取模块610，例如可以执行上文参考图1A描述的操作S101， 用于获取待生成的目标页面中至少一个控件的控件信息。

确定模块620，例如可以执行上文参考图1A描述的操作S102， 用于基于所述控件信息，确定所述至少一个控件中每个控件的配置参 数。

调用模块630，例如可以执行上文参考图1A描述的操作S103， 用于基于所述配置参数，调用组件规则库，以获得每个所述控件的目 标脚本。

生成模块640，例如可以执行上文参考图1A描述的操作S104， 用于基于每个所述控件的目标脚本，生成所述目标页面。

根据本公开的实施例的模块、子模块、单元、子单元中的任意多个、 或其中任意多个的至少部分功能可以在一个模块中实现。根据本公开实 施例的模块、子模块、单元、子单元中的任意一个或多个可以被拆分成 多个模块来实现。根据本公开实施例的模块、子模块、单元、子单元中 的任意一个或多个可以至少被部分地实现为硬件电路，例如现场可编程 门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、 封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或 封装的任何其他的合理方式的硬件或固件来实现，或以软件、硬件以及 固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或 者，根据本公开实施例的模块、子模块、单元、子单元中的一个或多个 可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行 时，可以执行相应的功能。

例如，获取模块610、确定模块620、调用模块630和生成模块640 中的任意多个可以合并在一个模块中实现，或者其中的任意一个模块可 以被拆分成多个模块。或者，这些模块中的一个或多个模块的至少部分 功能可以与其他模块的至少部分功能相结合，并在一个模块中实现。根 据本公开的实施例，获取模块610、确定模块620、调用模块630和生 成模块640中的至少一个可以至少被部分地实现为硬件电路，例如现场 可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上 的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进 行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、 硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合 来实现。或者，获取模块610、确定模块620、调用模块630和生成模 块640中的至少一个可以至少被部分地实现为计算机程序模块，当该计 算机程序模块被运行时，可以执行相应的功能。

图7示意性示出了根据本公开实施例的电子设备的方框图。图7示 出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围 带来任何限制。

如图7所示，根据本公开实施例的电子设备700包括处理器701， 其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708 加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和 处理。处理器701例如可以包括通用微处理器(例如CPU)、指令集处 理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))， 等等。处理器701还可以包括用于缓存用途的板载存储器。处理器701 可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处 理单元或者是多个处理单元。

在RAM 703中，存储有电子设备700操作所需的各种程序和数据。 处理器701、ROM702以及RAM 703通过总线704彼此相连。处理器 701通过执行ROM 702和/或RAM 703中的程序来执行根据本公开实施 例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM 702和RAM 703以外的一个或多个存储器中。处理器701也可以通过执 行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的 方法流程的各种操作。

根据本公开的实施例，电子设备700还可以包括输入/输出(I/O) 接口705，输入/输出(I/O)接口705也连接至总线704。电子设备700 还可以包括连接至I/O接口705的以下部件中的一项或多项：包括键盘、 鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD) 等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包 括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分 709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接 至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存 储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机 程序根据需要被安装入存储部分708。

根据本公开的实施例，根据本公开实施例的方法流程可以被实现为 计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其 包括承载在计算机可读存储介质上的计算机程序，该计算机程序包含用 于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程 序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质 711被安装。在该计算机程序被处理器701执行时，执行本公开实施例 的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设 备、装置、模块、单元等可以通过计算机程序模块来实现。

本公开还提供了一种计算机可读存储介质，该计算机可读存储介质 可以是上述实施例中描述的设备/装置/系统中所包含的；也可以是单独 存在，而未装配入该设备/装置/系统中。上述计算机可读存储介质承载 有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本 公开实施例的方法。

根据本公开的实施例，计算机可读存储介质可以是非易失性的计算 机可读存储介质，例如可以包括但不限于：便携式计算机磁盘、硬盘、 随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存 储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光 存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计 算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以 被指令执行系统、装置或者器件使用或者与其结合使用。例如，根据本 公开的实施例，计算机可读存储介质可以包括上文描述的ROM 702和/ 或RAM 703和/或ROM 702和RAM 703以外的一个或多个存储器。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方 法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上， 流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部 分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定 的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两 个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相 反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图 中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的 功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计 算机指令的组合来实现。

本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记 载的特征可以进行多种组合和/或结合，即使这样的组合或结合没有明确 记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公 开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结 合。所有这些组合和/或结合均落入本公开的范围。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了 说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各 实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。 本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围， 本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本 公开的范围之内。

Claims (10)

1.一种页面生成方法，包括：

获取待生成的目标页面中至少一个控件的控件信息；

基于所述控件信息，确定所述至少一个控件中每个控件的配置参数；

基于所述配置参数，调用组件规则库，以获得每个所述控件的目标脚本；以及

基于每个所述控件的目标脚本，生成所述目标页面。

2.根据权利要求1所述的方法，其中，所述控件信息包括所述控件的标识信息，

所述确定所述至少一个控件中每个控件的配置参数包括：

获取所述目标页面的属性信息，所述属性信息指示了所述标识信息与配置参数的对应关系；以及

基于所述标识信息，从所述属性信息中确定出每个控件的配置参数。

3.根据权利要求1所述的方法，所述目标脚本包括校验规则脚本和用户界面组件脚本，

其中，所述校验规则脚本用于在所述目标页面生成之后，响应于所述目标页面接收到填写信息，验证所述填写信息是否符合所述控件的所述配置参数所指示的预设填写规则。

4.根据权利要求3所述的方法，其中，所述基于所述配置参数，调用组件规则库包括：

根据所述控件信息和每个所述控件的配置参数，生成组合脚本；

基于所述组合脚本，确定每个控件的控件类型和校验规则类型；以及

基于所述控件类型和校验规则类型，调用所述组件规则库，以从所述组件规则库中获取所述控件的校验规则脚本和用户界面组件脚本。

5.根据权利要求4所述的方法，其中，所述根据所述控件信息和每个所述控件的配置参数，生成组合脚本包括：

在所述配置参数指示了所述控件的数据来源为字典的情况下，基于所述配置参数，确定与所述控件对应的第一字典类型；

根据所述第一字典类型，确定所述配置参数中是否存在与所述第一字典类型联动的第二字典类型；

在确定存在所述第二字典类型的情况下，获取所述第二字典类型的数据信息；以及

基于所述数据信息、所述控件信息和所述控件的配置参数，生成组合脚本。

6.根据权利要求1所述的方法，其中，所述配置参数包括用于描述所述控件的预设填写规则的描述信息，以便生成的所述目标页面响应于检测到特定操作展示所述描述信息，其中，所述预设填写规则为所述控件中填写的填写信息应符合的规则。

7.根据权利要求1所述的方法，还包括：

在生成所述目标页面之后，响应于所述目标页面接收到填写信息，存储所述填写信息到存储单元中，其中，所述填写信息包括页面标识；

响应于接收到展示请求，从所述存储单元中获取所述填写信息，其中，所述展示请求用于请求展示与所述页面标识相对应的页面；以及

根据所述填写信息，生成包含所述填写信息的目标页面。

8.一种页面生成装置，包括：

获取模块，用于获取待生成的目标页面中至少一个控件的控件信息；

确定模块，用于基于所述控件信息，确定所述至少一个控件中每个控件的配置参数；

调用模块，用于基于所述配置参数，调用组件规则库，以获得每个所述控件的目标脚本；以及

生成模块，用于基于每个所述控件的目标脚本，生成所述目标页面。

9.一种电子设备，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器执行如权利要求1～7任意一项所述的方法。

10.一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行如权利要求1～7任意一项所述的方法。

Images