CN110727429A - 一种前端页面的生成方法、装置及设备 - Google Patents

Abstract

本申请公开一种前端页面的生成方法、装置及设备，所述方法包括：对预先确定的API文档进行解析，获得API文档对应的对象信息列表；对象信息列表包括前端页面关联的对象以及对象的字段定义信息；当对象信息列表中的任一对象被确定后，接收为该对象的预设页面功能设置的元数据，并建立该对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段；基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。本申请能够实现前端页面的自动化生成，提高了前端页面的开发效率。

Description

一种前端页面的生成方法、装置及设备

技术领域

本申请涉及数据处理领域，具体涉及一种前端页面的生成方法、装置及设备。

背景技术

目前，软件开发领域的后台服务开发与前端页面开发是分离、解耦的，后台服务开发与前端页面开发的交互方式往往是通过后台导出的API文档。其中，API文档中包含了前端开发人员需要的完整信息，前端开发人员根据API文档中的内容开发前端页面、构造与后台服务之间的交互等。

显然，由前端开发人员根据API文档人工开发前端页面的方式效率较低。

发明内容

有鉴于此，本申请提供了一种前端页面的生成方法、装置及设备，能够自动化的生成前端页面，提高前端页面的开发效率。

第一方面，为实现上述发明目的，本申请提供了一种前端页面的生成方法，所述方法包括：

对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息；

当所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段；

基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

一种可选的实施方式中，所述方法还包括：

基于所述API文档，生成所述对象关联的前端页面的脚本文件。

一种可选的实施方式中，所述基于所述API文档，生成所述对象关联的前端页面的脚本文件，包括：

对所述API文档进行解析，获得所述API文档对应的服务信息列表；其中，所述服务信息列表包括后台提供的服务；

接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系；

基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件。

一种可选的实施方式中，所述对象具有关联对象；所述预设脚本模板包括预设主从表脚本模板，所述方法还包括：

接收基于所述服务信息列表为所述关联对象关联的前端页面上的预设交互操作设置的服务，并建立所述关联对象对应的所述预设交互操作与所述服务的对应关系；

相应的，所述基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件，具体为：

基于所述对象和所述关联对象分别对应的所述预设交互操作与所述服务的对应关系构造所述预设主从表脚本模板的上下文，并将所述上下文写入所述预设主从表脚本模板后，运行所述预设主从表脚本模板以生成所述对象和所述关联对象共同关联的前端页面的脚本文件。

一种可选的实施方式中，所述对象具有关联对象；所述预设页面模板包括预设主从表页面模板，所述方法还包括：

接收为所述关联对象的预设页面功能设置的元数据，并建立所述关联对象的预设页面功能与所述元数据的对应关系；

相应的，所述基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面，具体为：

基于所述对象的预设页面功能与所述元数据的对应关系和所述关联对象的预设功能页面与所述元数据的对应关系，构造所述预设主从表页面模板的上下文，将所述上下文写入所述预设主从表页面模板后，运行所述预设主从表页面模板以生成所述对象和所述关联对象共同关联的前端页面。

第二方面，本申请提供了一种前端页面的生成装置，所述装置包括：

第一解析模块，用于对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息；

第一接收模块，用于在所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段；

第一生成模块，用于基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

一种可选的实施方式中，所述装置还包括：

脚本生成模块，用于基于所述API文档，生成所述对象关联的前端页面的脚本文件。

一种可选的实施方式中，所述脚本生成模块，包括：

第二解析模块，用于对所述API文档进行解析，获得所述API文档对应的服务信息列表；其中，所述服务信息列表包括后台提供的服务；

第二接收模块，用于接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系；

第二生成模块，用于基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件。

第三方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备执行如上述任一项所述的方法。

第四方面，本申请还提供了一种前端页面的生成设备，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现如上述任一项所述的方法。

本申请提供了一种前端页面的生成方法，通过对预先确定的API文档进行解析得到用户信息列表，针对用户信息列表中被确定的对象，从该对象的字段定义信息选择为预设页面功能设置的元数据。然后，基于该对象的预设页面功能与元数据的对应关系构造预设页面模板的上下文，并将构造的上下文写入预设页面模板后，运行该预设页面模板生成该对象关联的前端页面。本申请能够实现前端页面的自动化生成，提高了前端页面的开发效率。

另外，本申请还能够自动化的生成前端页面的脚本文件，进一步的提高了前端页面的开发效率。

附图说明

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

图1为本申请实施例提供的一种前端页面的生成方法流程图；

图2为本申请实施例提供的另一种前端页面的生成方法流程图；

图3为本申请实施例提供的又一种前端页面的生成方法流程图；

图4为本申请实施例提供的又一种前端页面的生成方法的流程图；

图5为本申请实施例提供的一种前端页面的生成装置的结构示意图；

图6为本申请实施例提供的另一种前端页面的生成装置的结构示意图；

图7为本申请实施例提供的又一种前端页面的生成装置的结构示意图；

图8为本申请实施例提供的一种前端页面的生成设备的结构示意图。

具体实施方式

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

Spring Boot是近几年出现的开发框架，由于该框架使用了一系列的默认约定和特定配置，从而使开发人员不再需要定义样板化的配置，极大程度的简化了应用的初始搭建以及开发过程，降低了企业级应用开发的复杂性。所以Spring Boot已经成为最受Java开发人员推崇、最有影响力的框架，俨然成为了事实上的行业标准。

然而Spring Boot作为后台服务的开发框架，与前端页面的开发是分离、解耦的，其与前端开发的交互方式往往是通过导出的API文档。通常API文档包含后台应用提供的所有服务的方法类型、调用路径、参数结构等元数据信息，现有技术中，前端开发人员根据API文档的内容开发前端页面、构造与后台服务之间的交互等。

本申请的发明人发现，API文档中包含了前端开发人员需要的完整信息，对于一些具有一定共性模式的前端页面，例如包含单表、主从表的维护功能(如增删改查等功能)的前端页面完全可以基于API文档自动生成。

有鉴于此，本申请提供了一种前端页面的生成方法，通过对API文档的解析，得到供用户选择的用户信息列表，同时以可视化向导的方式展示给用户，以供用户选择用于前端页面生成所需的元数据，最终通过将构造的上下文写入预设页面模板，生成对象关联的前端页面。可见，本申请能够实现前端页面的自动化生成，提高了前端页面的开发效率。

以下本申请实施例提供了一种前端页面的生成方法，参考图1，为本申请实施例提供的一种前端页面的生成方法流程图，该方法包括：

S101：对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息。

本申请实施例中，API文档通常包括后台应用提供的所有服务的方法类型、调用路径、参数结构等元数据信息。参考图2，为本申请实施例提供的一种API文档的示例图，其中，API文档包括全局根路径、服务定义、对象定义等多个部分。全局根路径为后台提供的各个服务的路径前缀，服务定义用于定义后台应用提供的服务，对象定义用于定义与前端页面关联的对象，以及各个对象包含的字段、字段的类型等。

一种可选的实施方式中，以可视化向导的方式向用户展示系统中的API文档，用户可以通过鼠标点击等方式选择任一API文档作为生成前端页面的基础。

一种可选的实施方式中，在向用户展示各个API文档之前，系统首先导出API文档，具体的，导出API文档的方法可以为API文档导出技术Swagger，另外也可以利用其它方式对API文档进行导出，在此不作限制。

本申请实施例中，在确定任一API文档后，对该API文档进行解析，得到该API文档对应的对象信息列表。具体的，对象信息列表用于存储解析API文档得到的与前端页面关联的对象，以及该对象的字段定义信息。其中，字段定义信息是指用于定义对象的字段，例如，对象“Student”的字段定义信息可以包括name、account、sex等字段。

对于单表页面，每个前端页面关联一个对象，在该前端页面上实现该对象的各个页面功能，例如，任一前端页面关联的对象“Student”，则该前端页面上通常实现对象“Student”的增删改查等页面功能。

S102：当所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段。

实际应用中，在对预先确定的API文档进行解析得到对象信息列表后，可以从该对象信息列表中确定一个对象，作为生成前端页面的基础。

一种可选的实现方式中，以可视化向导的方式将该对象信息列表中的各个对象展示给用户，以供用户选择。具体的，当对象信息列表中的任一对象被用户选中后，系统可以为用户提供为该对象设置预设页面功能的元数据的可视化交互界面。

具体的，通过可视化交互界面可以向用户展示该被选中的对象的字段定义信息，例如，对象“Student”的字段定义信息可以包括name、account、sex等字段，基于该对象的字段定义信息为该对象的预设页面功能设置对应的字段，并建立该对象的预设页面功能与字段的对应关系。其中，预设页面功能可以包括增加功能、修改功能和\或查询功能等。一种实现方式中，基于该对象的字段定义信息，用户分别为增加功能、修改功能、查询功能分别选择对应字段。

实际应用中，为对象的增加功能选择的字段，具体是指在该对象的增加界面上为用户提供的可增加字段。例如，如果为对象“Student”的增加功能选择的字段为name、account、sex等字段时，则在对象“Student”需要增加一名学生时，可以增加该学生的name、account、sex等字段的信息，以完成学生的增加。

另外，为对象的修改功能选择的字段，具体是指在该对象的修改界面上为用户提供的可修改字段。例如，如果为对象“Student”的修改功能选择的字段为name、account字段时，则在对象“Student”需要修改一名学生的信息时，只可以修改该学生的name、account字段。

另外，为对象的查询功能选择的字段，不仅包括为该对象选择的查询条件字段，还包括为该对象选择的查询界面展示字段。例如，如果为对象“Student”的查询条件字段选择的字段为name、account字段，而为其查询界面展示字段选择的字段为name、account、sex、age字段，则在对象“Student”关联的前端页面中查询某一名学生时，只能通过name、account字段进行查询；在查询到该学生后只能通过name、account、sex、age字段展示该学生的信息。

一种可选的实施方式中，为对象的各个预设页面功能分别设置的元数据不仅包括基于该对象的字段定义信息选择的字段，还可以包括为各个字段分别设置的控件类型。通常字段的控件类型可以包括Textbox、data Textbox、number Textbox等。例如，字段name的控件类型可以设置为Textbox。

本申请实施例中，建立对象的预设页面功能与元数据的对应关系，例如为建立对象的增加功能与元数据的对应关系，修改功能与元数据的对应关系，查询功能与元数据的对应关系。其中，元数据可以包括基于该对象的字段定义信息选择的字段，还可以包括为各个字段分别设置的控件类型等。

S103：基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

本申请实施例中，在完成该对象的各个预设页面功能的元数据的设置后，建立该对象的各个预设页面功能与元数据的对应关系，并基于该对应关系构造预设页面模板的上下文。一种可选的实施方式中，预设页面模板中包括用于生成前端页面的基础框架，在基础框架中留有用于写入上下文的参数，构造的上下文表明了该对应关系中的信息与预设页面模板中的参数之间的对应关系。也就是说，预设页面模板中的基础框架包括预设的上下文的参数，在构造预设页面模板的上下文的过程中，只需要依据预设上文的参数将建立的对象的预设页面功能与元数据的对应关系中的信息写入对应的参数位置即可。

实际应用中，在完成上下文的构造后，将上下文写入预设页面模板中，运行该预设页面模板生成该对象关联的前端页面。其中，前端页面的形式可以为html文件。一种实现方式中，可以通过Velocity及Xslt技术将上下文写入预设页面模板，并运行该预设页面模板生成前端页面。

本申请实施例提供的前端页面的生成方法中，通过对API文档的解析，得到供用户选择的用户信息列表，同时以可视化向导的方式展示给用户，以供用户选择用于前端页面生成所需的元数据，最终通过将构造的上下文写入预设页面模板，生成对象关联的前端页面。可见，本申请能够实现前端页面的自动化生成，提高了前端页面的开发效率。

另外，本申请在进行前端页面的开发中，不仅能够自动化的生成前端页面，还能够自动化的生成前端页面的脚本文件。参考图3，为本申请实施例提供的另一种前端页面的生成方法流程图。该方法包括：

S301：对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表和服务信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息，所述服务信息列表包括后台提供的服务。

本申请实施例中，对API文档进行解析不仅能够获得该API文档对应的对象信息列表，还能够获得该API文档对应的服务信息列表。

其中，服务信息列表用于存储对API文档解析得到的后台应用提供的各种服务，通过将各个服务与前端页面上的交互操作建立关系，才能在用户触发交互操作后后台调用对应的服务。例如，用户在前端页面上触发增加功能时，后台调用增加功能对应的服务。

S302：当所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段。

本申请实施例中的S302可参照上述实施例中的S102进行理解，在此不做赘述。

S303：接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系。

由于前端页面上通常包括若干与后台的交互操作，例如对象的增加操作、修改操作、查询操作和\或删除操作等。为了使得自动化生成的前端页面上的交互操作能够调用后台的服务，本申请实施例还需要为前端页面上的各个交互操作分别设置后台提供的服务，以便在用户触发任一交互操作后，能够为其调用后台中该交互操作对应的服务。

一种可选的实现方式中，在对象信息列表中的任一对象被确定后，可以可视化向导的方式将该服务信息列表中的各个服务展示给用户，以供用户为与该对象关联的前端页面上的预设交互操作选择对应的服务。具体的，预设交互操作可以为增加操作、修改操作、查询操作和\或删除操作等。

另外，在为任一预设交互操作设置对应的服务后，建立该服务与该预设交互操作之间的对应关系。

值得注意的是，本申请实施例对S302和S303的执行顺序不作限制。

另外，本申请实施例在生成对象关联的前端页面的基础上，还可以基于所述API文档，生成所述对象关联的前端页面的脚本文件，具体过程参考如下S304和S305。

S304：基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

本申请实施例中的S304可参照上述实施例中的S103进行理解，在此不做赘述。

S305:基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件。

本申请实施例中，在完成该对象关联的前端页面上的各个预设交互操作对应的服务的设置后，建立该对象对应的各个预设交互操作与服务的对应关系，并基于该对应关系构造预设脚本模板的上下文。预设脚本模板中包括用于生成前端页面的脚本文件的基础框架，在基础框架中留有用于写入上下文的参数，构造的上下文表明了该对应关系中的信息与预设脚本模板中的参数之间的对应关系。

实际应用中，在完成上下文的构造后，将上下文写入预设脚本模板中，运行该预设脚本模板，生成向与各个预设交互操作对应的服务发请求的代码等，其中，请求的地址为对应的服务的地址，最终生成该对象关联的前端页面的脚本文件。其中，前端页面的脚本文件的格式可以为JS文件。

值得注意的是，本申请实施例对S304和S305的执行顺序不作限制。

本申请实施例提供的前端页面的生成方法中，通过对API文档的解析，得到用户信息列表和服务信息列表，基于用户信息列表和服务信息列表完成对象的元数据和服务的设置，基于预设页面模板和预设脚本模板自动生成前端页面和脚本文件。可见，本申请能够实现前端页面和脚本文件的自动化生成，提高了前端页面的开发效率。

本申请不仅能够自动化生成单表的前端页面和脚本文件，还能够自动化生成主从表的前端页面和脚本文件。参考图4，为本申请实施例提供的又一种前端页面的生成方法的流程图，该方法包括：

S401：对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表和服务信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息，所述服务信息列表包括后台提供的服务。

本申请实施例能够自动化生成主从表的前端页面和脚本文件，对于用于生成主从表的前端页面的API文档对应的对象包括主表对应的对象和从表对应的对象，也就是说，主表对应的对象具有关联对象，即为从表对应的对象。例如，主表对应的对象“Class”具有关联对象“Student”，即对象“Student”为从表对应的对象。

本申请实施例中，对预先确定的API文档进行解析，获得的该API文档对应的对象信息列表包括主表对应的对象和从表对应的对象以及各个对象的字段定义信息。例如，对象信息列表中不仅包括对象“Class”的字段定义信息，还包括对象“Student”的字段定义信息。

S402：当所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段。

S403：接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系。

本申请实施例中的S402和S403可参照上述实施例中的S302和S303进行理解，在此不再赘述。

S404：接收为所述对象的关联对象的预设页面功能设置的元数据，并建立所述关联对象的预设页面功能与所述元数据的对应关系。

S405：接收基于所述服务信息列表为所述对象的关联对象关联的前端页面上的预设交互操作设置的服务，并建立所述关联对象对应的所述预设交互操作与所述服务的对应关系。

本申请实施例中，不仅需要为主表对应的对象设置元数据和服务，还需要对从表对应的对象设置元数据和服务，具体的设置方式相同，在此不再赘述。

S406：基于所述对象的预设页面功能与所述元数据的对应关系和所述关联对象的预设功能页面与所述元数据的对应关系，构造所述预设主从表页面模板的上下文，将所述上下文写入所述预设主从表页面模板后，运行所述预设主从表页面模板以生成所述对象和所述关联对象共同关联的前端页面。

本申请实施例中，预设页面模板包括适用于单表的预设页面模板和适用于主从表的预设页面模板。本申请实施例中适用于主从表的预设页面模板以下称为预设主从表页面模板。在完成主表和从表分别对应的对象的元数据和服务的设置后，为预设主从表页面模板构造上下文，并将上下文写入预设主从表页面模板，并运行预设主从表页面模板，生成前端页面。

S407：基于所述对象和所述关联对象分别对应的所述预设交互操作与所述服务的对应关系构造所述预设主从表脚本模板的上下文，并将所述上下文写入所述预设主从表脚本模板后，运行所述预设主从表脚本模板以生成所述对象和所述关联对象共同关联的前端页面的脚本文件。

本申请实施例中，预设脚本模板包括适用于单表的预设脚本模板和适用于主从表的预设脚本模板。本申请实施例中适用于主从表的预设脚本模板以下称为预设主从表脚本模板。在完成主表和从表分别对应的对象的元数据和服务的设置后，为预设主从表脚本模板构造上下文，并将上下文写入预设主从表脚本模板，并运行预设主从表脚本模板，生成前端页面的脚本文件。

本申请实施例提供的前端页面的生成方法，不仅能够自动化生成单表对应的前端页面和脚本文件，也能够自动化生成主从表对应的前端页面和脚本文件，与现有技术相比，本申请能够提高前端页面的开发效率。

与上述方法实施例相对应的，本申请还提供了一种前端页面的生成装置。参考图5，为本申请实施例提供的一种前端页面的生成装置的结构示意图。该装置包括：

第一解析模块501，用于对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息。

第一接收模块502，用于在所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段。

第一生成模块503，用于基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

另外，本申请实施例还能够自动化的生成前端页面的脚本文件，具体的，参考图6，为本申请实施例提供的另一种前端页面的生成装置的结构示意图。在图5的基础上，所述装置还包括：

第二解析模块601，用于对所述API文档进行解析，获得所述API文档对应的服务信息列表；其中，所述服务信息列表包括后台提供的服务。

第二接收模块602，用于接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系。

第二生成模块603，用于基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件。

另外，本申请实施例还能够自动化的生成主从表对应的前端页面和脚本文件。其中，所述对象具有关联对象；所述预设页面模板包括预设主从表页面模板，具体的，参考图7，为本申请实施例提供的又一种前端页面的生成装置的结构示意图。在图6的基础上，所述装置还包括：

第三接收模块701，用于接收为所述关联对象的预设页面功能设置的元数据，并建立所述关联对象的预设页面功能与所述元数据的对应关系；

相应的，所述第一生成模块，具体用于：

基于所述对象的预设页面功能与所述元数据的对应关系和所述关联对象的预设功能页面与所述元数据的对应关系，构造所述预设主从表页面模板的上下文，将所述上下文写入所述预设主从表页面模板后，运行所述预设主从表页面模板以生成所述对象和所述关联对象共同关联的前端页面。

第四接收模块702，用于接收基于所述服务信息列表为所述关联对象关联的前端页面上的预设交互操作设置的服务，并建立所述关联对象对应的所述预设交互操作与所述服务的对应关系；

相应的，所述第二生成模块，具体用于：

基于所述对象和所述关联对象分别对应的所述预设交互操作与所述服务的对应关系构造所述预设主从表脚本模板的上下文，并将所述上下文写入所述预设主从表脚本模板后，运行所述预设主从表脚本模板以生成所述对象和所述关联对象共同关联的前端页面的脚本文件。

一种可选的实施方式中，所述元数据还包括为所述预设页面功能的字段设置的控件类型。

一种可选的实施方式中，所述预设页面功能包括增加功能、修改功能和\或查询功能。

一种可选的实施方式中，所述预设交互操作包括增加操作、修改操作、查询操作和\或删除操作。

本申请提供的前端页面的生成装置，通过对预先确定的API文档进行解析得到用户信息列表，针对用户信息列表中被确定的对象，从该对象的字段定义信息选择为预设页面功能设置的元数据。然后，基于该对象的预设页面功能与元数据的对应关系构造预设页面模板的上下文，并将构造的上下文写入预设页面模板后，运行该预设页面模板生成该对象关联的前端页面。本申请能够实现前端页面的自动化生成，提高了前端页面的开发效率。

另外，本申请还能够自动化的生成前端页面的脚本文件，进一步的提高了前端页面的开发效率。

另外，本申请还能够自动化的生成主从表对应的前端页面和脚本文件，进一步降低了开发人员的工作量，提高了前端页面的开发效率。

另外，本申请实施例还提供了一种前端页面的生成设备，参见图8所示，可以包括：

处理器801、存储器802、输入装置803和输出装置804。前端页面的生成设备中的处理器801的数量可以一个或多个，图8中以一个处理器为例。在本发明的一些实施例中，处理器801、存储器802、输入装置803和输出装置804可通过总线或其它方式连接，其中，图8中以通过总线连接为例。

存储器802可用于存储软件程序以及模块，处理器801通过运行存储在存储器802的软件程序以及模块，从而执行前端页面的生成设备的各种功能应用以及数据处理。存储器802可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等。此外，存储器802可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。输入装置803可用于接收输入的数字或字符信息，以及产生与前端页面的生成设备的用户设置以及功能控制有关的信号输入。

具体在本实施例中，处理器801会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器302中，并由处理器801来运行存储在存储器802中的应用程序，从而实现上述前端页面的生成方法中的各种功能。

另外，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备执行上述的前端页面的生成方法。

可以理解的是，对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

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

以上对本申请实施例所提供的一种前端页面的生成方法、装置及设备进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (10)

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

对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息；

当所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段；

基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

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

基于所述API文档，生成所述对象关联的前端页面的脚本文件。

3.根据权利要求2所述的方法，其特征在于，所述基于所述API文档，生成所述对象关联的前端页面的脚本文件，包括：

对所述API文档进行解析，获得所述API文档对应的服务信息列表；其中，所述服务信息列表包括后台提供的服务；

接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系；

基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件。

4.根据权利要求3所述的方法，其特征在于，所述对象具有关联对象；所述预设脚本模板包括预设主从表脚本模板，所述方法还包括：

接收基于所述服务信息列表为所述关联对象关联的前端页面上的预设交互操作设置的服务，并建立所述关联对象对应的所述预设交互操作与所述服务的对应关系；

相应的，所述基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件，具体为：

基于所述对象和所述关联对象分别对应的所述预设交互操作与所述服务的对应关系构造所述预设主从表脚本模板的上下文，并将所述上下文写入所述预设主从表脚本模板后，运行所述预设主从表脚本模板以生成所述对象和所述关联对象共同关联的前端页面的脚本文件。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述对象具有关联对象；所述预设页面模板包括预设主从表页面模板，所述方法还包括：

接收为所述关联对象的预设页面功能设置的元数据，并建立所述关联对象的预设页面功能与所述元数据的对应关系；

相应的，所述基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面，具体为：

基于所述对象的预设页面功能与所述元数据的对应关系和所述关联对象的预设功能页面与所述元数据的对应关系，构造所述预设主从表页面模板的上下文，将所述上下文写入所述预设主从表页面模板后，运行所述预设主从表页面模板以生成所述对象和所述关联对象共同关联的前端页面。

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

第一解析模块，用于对预先确定的API文档进行解析，获得所述API文档对应的对象信息列表；其中，所述对象信息列表包括前端页面关联的对象以及所述对象的字段定义信息；

第一接收模块，用于在所述对象信息列表中的任一对象被确定后，接收为所述对象的预设页面功能设置的元数据，并建立所述对象的预设页面功能与所述元数据的对应关系；其中，所述元数据包括基于所述对象的字段定义信息为所述预设页面功能设置的字段；

第一生成模块，用于基于所述对象的预设页面功能与所述元数据的对应关系构造预设页面模板的上下文，将所述上下文写入所述预设页面模板后，运行所述预设页面模板以生成所述对象关联的前端页面。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

脚本生成模块，用于基于所述API文档，生成所述对象关联的前端页面的脚本文件。

8.根据权利要求7所述的装置，其特征在于，所述脚本生成模块，包括：

第二解析模块，用于对所述API文档进行解析，获得所述API文档对应的服务信息列表；其中，所述服务信息列表包括后台提供的服务；

第二接收模块，用于接收基于所述服务信息列表为所述对象关联的前端页面上的预设交互操作设置的服务，并建立所述对象对应的所述预设交互操作与所述服务的对应关系；

第二生成模块，用于基于所述预设交互操作与所述服务的对应关系构造预设脚本模板的上下文，并将所述上下文写入所述预设脚本模板后，运行所述预设脚本模板以生成所述对象关联的前端页面的脚本文件。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备执行如权利要求1-5任一项所述的方法。

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

Images