CN113535175A - 应用程序前端代码的生成方法、装置、电子设备及介质 - Google Patents

Abstract

本公开提供了一种应用程序前端代码的生成方法，可以应用于金融科技技术领域。该方法包括：从模型库中选择所述应用程序的第一应用界面的第一模板页面，其中，所述模型库中配置有M个模板页面，所述第一模板页面为M个所述模板页面的其中之一；每个所述模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面；基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面；以及基于所述自定义页面，生成所述第一应用界面的前端代码。本公开还提供了一种应用程序前端代码的生成装置、设备、存储介质和程序产品。

Description

应用程序前端代码的生成方法、装置、电子设备及介质

技术领域

本公开涉及互联网技术领域，可以用于金融科技领域，具体涉及一种应用程序前端代码的生成方法、装置、电子设备、介质和程序产品。

背景技术

互联网发展迅速，越来越多用户选择通过网页浏览。然而前端开发中存在大量重复且规则相似的工作，开发人员的代码风格和编写方式不一致，代码可读性较差，导致后期维护成本偏高。

发明内容

鉴于上述问题，本公开提供了减少前端开发中重复性工作的应用程序前端代码的生成方法、装置、设备、介质和程序产品。

本公开实施例的第一方面，提供了一种应用程序前端代码的生成方法。所述方法包括：从模型库中选择所述应用程序的第一应用界面的第一模板页面，其中，所述模型库中配置有M个模板页面，所述第一模板页面为M个所述模板页面的其中之一；每个所述模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面；基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面；以及基于所述自定义页面，生成所述第一应用界面的前端代码。

根据本公开的实施例，所述基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面包括：从所述模型库选择至少一个第一模型组件，其中，所述模型库中还配置有N个模型组件，所述第一模型组件为N个所述模型组件其中之一；每个所述模型组件对一种类型的组件的代码结构进行抽象建模而形成的可配置组件，其中，N为大于或等于1的整数；将至少一个所述模型组件设置于所述第一模板页面中；以及基于业务功能信息，分别配置所述第一模板页面以及至少一个所述第一模型组件中的参数，以得到所述自定义页面。

根据本公开的实施例，每个所述模板页面对应于S种应用需求的其中之一，其中，S为整数，且1≤S≤M，所述S种应用需求包括以下至少之一：信息展示类、表格查询类、表格提交类或信息修改类。

根据本公开的实施例，所述方法还包括：在所述模型库中配置M个所述模板页面。

根据本公开的实施例，所述在所述模型库中配置M个所述模板页面包括：针对M个所述模板页面中的至少一个所述模板页面，获取所述模板页面对应的应用需求的已有页面；以及将所述已有页面的代码进行处理转换，得到所述模板页面，所述处理转换包括保留与业务场景无关的公共代码，以及将与业务场景相关的代码转换为可配置的参数代码。

根据本公开的实施例，N个所述模型组件包括以下至少之一：单选框、复选框、输入框、下拉框、时间选择框、树级选择框、分页显示或点击按钮。

根据本公开的实施例，所述方法还包括：在所述模型库中配置N个所述模型组件。

根据本公开的实施例，所述基于所述自定义页面，生成所述第一应用界面的前端代码，还包括设置所述自定义页面的用户访问权限信息，以及基于所述自定义页面与所述用户访问权限信息，生成所述第一应用界面的前端代码。

本公开实施例的第二方面，提供了一种应用程序前端代码的生成装置。所述装置包括第一选择模块、页面配置模块、以及生成模块。第一选择模块用于从模型库中选择所述应用程序的第一应用界面的第一模板页面，其中，所述模型库中配置有M个模板页面，所述第一模板页面为M个所述模板页面的其中之一；每个所述模板页面为将对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面。页面配置模块用于基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面。生成模块用于基于所述自定义页面，生成所述第一应用界面的前端代码。

根据本公开的实施例，所述装置包括第二选择模块和设置模块。第二选择模块用于从所述模型库选择至少一个第一模型组件，其中，所述模型库中还配置有N个模型组件，所述第一模型组件为N个所述模型组件其中之一；每个所述模型组件对一种类型的组件的代码结构进行抽象建模而形成的可配置组件；其中，N为大于或等于1的整数。设置模块用于将至少一个所述模型组件设置于所述第一模板页面中。所述页面配置模块还用于基于业务功能信息，分别配置所述第一模板页面以及至少一个所述第一模型组件中的参数，以得到所述自定义页面。

根据本公开的实施例，所述装置还包括模型库配置模块。所述模型库配置模块用于在所述模型库中配置M个所述模板页面。

根据本公开的实施例，所述模型库配置模块还用于在所述模型库中配置N个所述模型组件。

根据本公开的实施例，所述生成模块还用于设置所述自定义页面的用户访问权限信息，以及基于所述自定义页面与所述用户访问权限信息，生成所述第一应用界面的前端代码。

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

本公开的第四方面还提供了一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行上述方法。

本公开的第五方面还提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述方法。

附图说明

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

图1示意性示出了根据本公开实施例的应用程序前端代码的生成方法、装置、设备、介质和程序产品的应用场景图；

图2示意性示出了根据本公开一实施例的应用程序前端代码的生成方法的流程图；

图3示意性示出了根据本公开另一实施例的应用程序前端代码的生成方法的流程图；

图4示意性示出了根据本公开再一实施例的应用程序前端代码的生成方法的流程图；

图5示意性示出了根据本公开实施例的应用程序前端代码的生成装置的结构框图；以及

图6示意性示出了根据本公开实施例的适于实现应用程序前端代码的生成方法的电子设备的方框图。

具体实施方式

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

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

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

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

有鉴于相关技术中，在前端开发过程中，存在大量重复开发以及维护困难等问题，本公开的各个实施例提供了可以自动化动态生成应用程序前端代码的方案，通过将前端开发中会频繁使用到的公共代码抽象成模板页面或模型组件来实现复用，以此减少重复工作，节省开发成本。

具体地，本公开提供了一种应用程序前端代码的生成方法、装置、电子设备、介质及程序。其中，该方法可以包括首先从模型库中选择应用程序的第一应用界面的第一模板页面，其中，模型库中配置有M个模板页面，第一模板页面为M个模板页面的其中之一，每个模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面。然后基于第一应用界面的业务功能信息，配置第一模板页面以得到自定义页面。接下来基于自定义页面，生成第一应用界面的前端代码。根据本公开的实施例，一方面可以提高前端代码的开发效率，而且还有助于实现代码风格和结构的规范化，减轻开发人员的工作负担，便于维护开发代码，大大提高开发效率。

图1示意性示出了根据本公开实施例的应用程序前端代码的生成方法、装置、设备、介质和程序产品的应用场景图。需要注意的是，图1所示仅为可以应用本公开实施例的应用场景的示例，以帮助本领域技术人员理解本公开的技术内容，但并不意味着本公开实施例不可以用于其他设备、系统、环境或场景。

如图1所示，根据该实施例的应用场景100可以包括软件开发人员1、终端设备101、网络102和服务器103。网络102为用以在终端设备101和服务器103之间提供通信链路的介质。网络102可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

软件开发人员1可以使用终端设备101通过网络102与服务器103交互，以接收或发送消息等。终端设备101上可以安装有前端开发工具。

服务器103对软件开发人员在前端开发工具中的操作提供后台支持。例如，对软件开发人员1在前端开发工作中的操作进行后台处理，并将处理结果(例如前端代码是否生成成功等信息)反馈给终端设备。

例如，服务器103可以部署有模型库。在进行前端页面开发时，软件开发人员1可以通过在终端设备101中的前端开发工具中的操作，从模型库中选择模板页面和/或模型组件，然后通过在终端设备101中的操作配置模板页面和/或模型组件中的参数等。

生成的前端代码可以存放在服务器103中，或者存放在软件开发人员1指定的与服务区103通信的其他位置。该前端代码将在用户(非软件开发人员1)通过浏览器浏览该前端页面时，发送到用户所使用的浏览器，以通过该浏览器对该前端代码的解析和渲染展示给用户。

需要说明的是，本公开实施例所提供的应用程序前端代码的生成方法一般可以由服务器103执行。相应地，本公开实施例所提供的应用程序安装包的生成装置、设备、介质和程序产品一般可以设置于服务器103中。本公开实施例所提供的应用程序前端代码的生成方法也可以由终端设备101执行。相应地，本公开实施例所提供的应用程序前端代码的生成装置、设备、介质和程序产品也可以设置于终端设备101中。在另一些实施例中，本公开实施例所提供的应用程序前端代码的生成方法也可以部分由终端设备101，部分由服务器103执行。相应地，本公开实施例所提供的应用程序前端代码的生成装置、设备、介质和程序产品也可以部分设置于终端设备101中，部分设置于服务器103中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

需要说明的是，本公开实施例确定的应用程序前端代码的生成方法、装置、电子设备、介质及程序可用于金融领域(例如，在互联网金融等方面的应用)，也可用于除金融领域之外的任意领域，本公开对应用领域不做限定。

以下将基于图1描述的场景，通过图2～图4对公开实施例的应用程序前端代码的生成方法进行详细描述。

图2示意性示出了根据本公开一实施例的应用程序前端代码的生成方法的流程图。

如图2所示，该实施例的应用程序前端代码的生成方法可以包括操作S210～操作S230。

首先在操作S210，从模型库中选择应用程序的第一应用界面的第一模板页面，其中，模型库中配置有M个模板页面，第一模板页面为M个模板页面的其中之一；每个模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面。例如，根据软件开发人员1在终端设备101中的选择操作，从模型库中选择第一模板页面。

在本文中，以第一应用界面来表示应用程序的一个或多个应用界面其中之一，例如可以是网站的首页、搜索页、或列表展示页等。第一模板业务为软件开发人员101为第一应用界面而选择的一个模板页面。

应用需求为根据项目经验等，对大量前端页面按照功能需求分析后，确定出的一些需求种类。具体地，可以根据已有的项目经验和代码结构等特征，整理出一些常见的应用需求，然后针对每种应用需求可以在模型库中配置一个或多个的模板页面供选择。

根据本公开的实施例，每个模板页面可以对应于S种应用需求的其中之一，该S种应用需求例如可以包括以下至少之一：信息展示类、表格查询类、表格提交类或信息修改类。其中，S为整数，且1≤S≤M。

在一些实施例中，可以对每一种应用需求仅设置一个模板页面，从而不同的软件开发人员针对同一种应用需求的页面风格会相对统一。在这种情况下，一个模板页面对应一种应用需求，反之亦然。

在另一些实施例中，可以对每一种应用需求设置多个模板页面。例如设置多个风格不同的模板页面，这样方便不同的软件开发人员根据自己的偏好进行选择。或者例如设置多个适用于不同尺寸终端设备的模板页面等。在这种情况下，一个模板页面对应一种应用需求，然而，一种应用需求则可以对应多个模板页面。

根据本公开的一些实施例，在模型库中配置模板页面时，可以根据应用需求，编写仅包含公共代码而不包含业务场景信息的页面，以此来生成模板页面。

根据本公开的另一些实施例，在模型库中配置模板页面时，可以通过对已有页面的转换处理来得到。例如，可以首先获取一种应用需求的已有页面，然后将该已有页面的代码进行处理转换，得到模板页面，其中，该处理转换可以包括保留与业务场景无关的公共代码，并将与业务场景相关的代码转换为可配置的参数代码等。

以应用需求为表格查询为例。假设该应用需求的一个已有页面为用户信息列表查询页面。转换前该用户信息列表查询页面是以用户名和用户编号作为查询条件，以用户信息作为查询结果的带有分页效果的表格显示页面。对其进行处理转换时，可以将查询条件转换为由可配置的名称和输入框组合而成的数组，将查询结果转换为可选的多字段的列表参数的模板页面。

然后在操作S220，基于第一应用界面的业务功能信息，配置第一模板页面以得到自定义页面。例如可以配置页面生成的代码的存储路径等信息；或者，例如对于上述表格查询类模板页面，可以针对具体的业务功能信息对数组中的名称和输入框的具体内容进行配置，以确定查询条件的信息，还可以配置查询结果的字段名称、表格分页参数等信息。其中，该业务功能信息例如是该第一应用界面所要满足的业务场景的具体需求信息，或者该业务场景中的用户的信息等内容。

接下来在操作S230，基于该自定义页面，生成第一应用界面的前端代码。

以此方式，本公开实施例的方法可以省去软件开发人员1每次都重复编写各种应用需求中的公共代码的麻烦，从而可快速生成前端业务代码，减轻开发人员的工作负担，便于维护开发代码，大大提高开发效率。

更进一步地，本公开实施例的方法可以快速相应业务场景的快速变化。例如，当衍生出新的业务场景或者业务需求发生变更时，可以仅对发生变化的部分参数进行修改配置，即可快速重新生成对应的前端代码，实现简单，且节省时间。

图3示意性示出了根据本公开另一实施例的应用程序前端代码的生成方法的流程图。

如图3所示，根据该实施例的应用程序前端代码的生成方法可以除了操作S210和操作S230以外，还可以包括操作S321～操作S323。与图2相比，操作S321～操作S323可以视为操作S220的一种具体实施例。

首先在操作S210，从模型库中选择应用程序的第一应用界面的第一模板页面，其中，模型库中配置有M个模板页面，第一模板页面为M个模板页面的其中之一；每个模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面。具体参考上文描述，此处不再赘述。

然后在操作S321，从模型库选择至少一个第一模型组件，其中，模型库中还配置有N个模型组件，第一模型组件为N个模型组件其中之一。每个模型组件对一种类型的组件的代码结构进行抽象建模而形成的可配置组件。其中，N为大于或等于1的整数。

根据本公开的实施例，也可以将常用组件抽象建模形成模型组件，配置在模型库中，其中，组件是页面中的显示元素或显示部分。N个模型组件可以包括以下至少之一：单选框、复选框、输入框、下拉框、时间选择框、树级选择框、分页显示或点击按钮。

接下来在操作S322，将至少一个模型组件设置于第一模板页面中。在配置页面的过程中，可以基于软件开发人员1的操作，将业务场景中需要的模型组件设置于第一模板页面中。

在一些实施例中，第一模板页面本身可以携带有相应的模型组件。则本公开实施例中，可以根据软件开发人员1的选择，将第一应用界面中所需的其他模型组件添加到第一模板页面的合适位置。

接下来在操作S323，基于业务功能信息，分别配置第一模板页面以及至少一个第一模型组件中的参数，以得到自定义页面。本公开实施例在模型库中提供模型组件，供前端开发使用，可以进一步提高前端开发效率，减少开发人员的工作负担。

此后在操作S230，基于该自定义页面，生成第一应用界面的前端代码。根据本公开的一些实施例，在操作S230中还可以在生成前端代码之前，先设置自定义页面的用户访问权限信息。然后，可以基于该自定义页面与用户访问权限信息整体，生成第一应用界面的前端代码。

图4示意性示出了根据本公开再一实施例的应用程序前端代码的生成方法的流程图。

如图4所示，根据该实施例的应用程序前端代码的生成方法可以包括操作S1～操作S4。

首先在操作S1，模型库配置，将常用的应用需求转换为模版页面，将常用组件转换为模型组件并配置到模型库中。

在一个实施例中，可以选用VUE为前端框架来生成前端代码，利用element-UI来显示页面中的显示组件。

首先通过对常用的应用需求整理抽象成模板页面并配置到模型库中供之后使用。根据已有的项目经验和代码结构抽象的应用需求可以有：信息展示类、表格查询类、表格提交类、信息修改类。常用的组件例如可以有单选框、复选框、输入框、下拉框、时间选择框、树级选择框、分页显示、点击按钮等。其中，有的模板页面中可以包含有相应的模型组件。

在生成模板页面时，可以将一种应用需求对应的已有页面中的公共代码剥离业务场景，并转换为可配置参数代码，来生成模型库中的模板页面。

以应用需求为表格查询类为例，用户信息列表查询为该应用需求的一个已有页面。用户信息列表查询页面转换前是含有具体业务场景的以用户名、用户编号作为查询条件，以用户信息作为查询结果且带有分页效果的表格显示页面。通过处理转换，可以将用户信息列表查询页面的查询条件转换为为由可配置的名称和输入框组成的数组参数，将用户信息列表查询页面的的查询结果转换为为可选的多字段的列表元数据，同时可以将带有分页效果的表格显示元素转换为分页显示组件，从而形成了一个包含有模型组件的模板页面。

接下来在操作S2，选择模板页面并修改和保存应用界面的参数。

在进行前端代码开发的过程中，软件开发人员1可以根据所开发的应用界面(即，第一应用界面)的应用需求的种类，从模型库中的选择合适的模板页面，根据业务功能信息修改模板页面中的可配置参数，比如生成的代码的存储路径，使用模板后各种组件自定义的变量名称，分页参数的默认显示值(例如，每个页面显示多少数据，不同页面之间是否可以直接跳转等)等。在一些实施例中，还可以根据业务需求从模型库中选择合适的模型组件并对其可配置参数进行自定义适配保存，从而确定应用界面的基本结构和显示元素。。

接下来在操作S3，设置应用界面的角色和用户的访问权限以及相关的逻辑描述。

在参数S2中根据业务需求信息配置了参数代码后，接下来可以对应用界面的安全访问权限和请求数据逻辑进行修改。可以将经过操作S2的页面称之为自定义页面。在操作S3中可以配置该自定义页面整体的访问权限，也可以配置该自定义页面中的各个显示元素的访问权限，以使不同访问用户在通过浏览器看到的页面内容与其角色权限相适应。

具体地，可以继续通过参数配置对自定义页面进行设置，例如对指定组件和元素进行角色和用户的访问控制，或者对查询类数据配置对应的逻辑获取方式等。

最后在操作S4.执行脚本以通过预定的引擎组织页面元素快速生成前端代码。

经过操作S2和S3的配置完成后，可以利用前端代码生成工具来执行代码生成的脚本。该脚本可以对包含了各种自定义参数的自定义页面及其权限控制信息生成相关的前端代码，从而在软件开发人员1所选择的模板页面和模型组件的基础上增加针对具体业务场景的自定义设置。比如通过执行代码生成的脚本，对下拉框组件的具体数据进行拼接和组装，对输入框名称的显示和提示语等页面元素最终生成等，使得模板页面、模型组件和所配置的参数融合为一个完整的页面。此后对生成后的应用代码简单做个检查即可完成前端代码的生成。

以此方式，本公开实施例能够快速响应业务需求的变化。例如，当业务需求存在变更时可以仅修改参数内容，即可快速重新生成对应的前端代码，方法简单，节省时间。

而且避免了软件开发人员对公共代码的重复撰写，减轻开发人员的工作负担，并且便于维护开发代码，大大提高开发效率。

基于上述应用程序前端代码的生成方法，本公开还提供了一种应用程序前端代码的生成装置。以下将结合图5对该装置进行详细描述。

图5示意性示出了根据本公开实施例的应用程序前端代码的生成装置的结构框图。

如图5所示，根据本公开一些实施例，该应用程序前端代码的生成装置500可以包括第一选择模块510、页面配置模块520以及生成模块530。

第一选择模块510例如可以执行操作S210，用于从模型库中选择应用程序的第一应用界面的第一模板页面，其中，模型库中配置有M个模板页面，第一模板页面为M个模板页面的其中之一；每个模板页面为将对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面。

页面配置模块520例如可以执行操作S220，用于基于第一应用界面的业务功能信息，配置第一模板页面以得到自定义页面。

生成模块530例如可以执行操作S220，用于基于自定义页面，生成第一应用界面的前端代码。根据本公开的另一些实施例，生成模块530还用于设置自定义页面的用户访问权限信息，以及基于自定义页面与用户访问权限信息，生成第一应用界面的前端代码。

继续参考图5，根据本公开的另一些实施例，该装置500还可以进一步包括第二选择模块540和设置模块550。

第二选择模块540例如可以执行操作S321，用于从模型库选择至少一个第一模型组件，其中，模型库中还配置有N个模型组件，第一模型组件为N个模型组件其中之一；每个模型组件对一种类型的组件的代码结构进行抽象建模而形成的可配置组件；其中，N为大于或等于1的整数。

设置模块550例如可以执行操作S322，用于将至少一个模型组件设置于第一模板页面中。

相应地，页面配置模块520例如还可以执行操作S323，用于基于业务功能信息，分别配置第一模板页面以及至少一个第一模型组件中的参数，以得到自定义页面。

继续参考图5，根据本公开的另一些实施例，该装置500还可以进一步包括模型库配置模块560。

模型库配置模块560用于在模型库中配置M个模板页面。和/或，模型库配置模块560还用于在模型库中配置N个模型组件。

根据本公开的实施例，该装置500可以用于实现参考图2～图4所描述的方法，具体参见上文的描述，在此不再赘述。

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

图6示意性示出了根据本公开实施例的适于实现应用程序前端代码的生成方法的电子设备的方框图。

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

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

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

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

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

本公开的实施例还包括一种计算机程序产品，其包括计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。当计算机程序产品在计算机系统中运行时，该程序代码用于使计算机系统实现本公开实施例所提供的应用程序前端代码的生成方法。

在该计算机程序被处理器601执行时执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例，上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。

在一种实施例中，该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中，该计算机程序也可以在网络介质上以信号的形式进行传输、分发，并通过通信部分609被下载和安装，和/或从可拆卸介质611被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。

在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被处理器601执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。

根据本公开的实施例，可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码，具体地，可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java，C++，python，“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

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

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

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

Claims (11)

1.一种应用程序前端代码的生成方法，包括：

从模型库中选择所述应用程序的第一应用界面的第一模板页面，其中，所述模型库中配置有M个模板页面，所述第一模板页面为M个所述模板页面的其中之一；每个所述模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面；

基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面；以及

基于所述自定义页面，生成所述第一应用界面的前端代码。

2.根据权利要求1所述的方法，其中，所述基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面包括：

从所述模型库选择至少一个第一模型组件，其中，所述模型库中还配置有N个模型组件，所述第一模型组件为N个所述模型组件其中之一；每个所述模型组件对一种类型的组件的代码结构进行抽象建模而形成的可配置组件；其中，N为大于或等于1的整数；

将至少一个所述模型组件设置于所述第一模板页面中；

基于所述业务功能信息，分别配置所述第一模板页面以及至少一个所述第一模型组件中的参数，以得到所述自定义页面。

3.根据权利要求1所述的方法，其中，每个所述模板页面对应于S种应用需求的其中之一，其中，S为整数，且1≤S≤M，所述S种应用需求包括以下至少之一：

信息展示类、表格查询类、表格提交类或信息修改类。

4.根据权利要求1～3任一项所述的方法，其中，所述方法还包括：

在所述模型库中配置M个所述模板页面。

5.根据权利要求4所述的方法，其中，所述在所述模型库中配置M个所述模板页面包括：

针对M个所述模板页面中的至少一个所述模板页面，获取所述模板页面对应的应用需求的已有页面；

将所述已有页面的代码进行处理转换，得到所述模板页面，所述处理转换包括保留与业务场景无关的公共代码，以及将与业务场景相关的代码转换为可配置的参数代码。

6.根据权利要求2所述的方法，其中，N个所述模型组件包括以下至少之一：

单选框、复选框、输入框、下拉框、时间选择框、树级选择框、分页显示或点击按钮。

7.根据权利要求2或6所述的方法，其中，所述方法还包括：

在所述模型库中配置N个所述模型组件。

8.根据权利要求1所述的方法，其中，所述基于所述自定义页面，生成所述第一应用界面的前端代码，还包括：

设置所述自定义页面的用户访问权限信息；以及

基于所述自定义页面与所述用户访问权限信息，生成所述第一应用界面的前端代码。

9.一种应用程序前端代码的生成装置，包括：

第一选择模块，用于从模型库中选择所述应用程序的第一应用界面的第一模板页面，其中，所述模型库中配置有M个模板页面，所述第一模板页面为M个所述模板页面的其中之一；每个所述模板页面为将与之对应的一种应用需求的应用界面的代码结构进行抽象建模而形成的可配置页面；

页面配置模块，用于基于所述第一应用界面的业务功能信息，配置所述第一模板页面以得到自定义页面；以及

生成模块，用于基于所述自定义页面，生成所述第一应用界面的前端代码。

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

一个或多个处理器；

一个或多个存储器，用于存储一个或多个程序，

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

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

Images