CN115329240A - 一种web前端页面构建方法、装置、设备及介质 - Google Patents

Abstract

本申请涉及web前端处理技术领域，尤其涉及一种web前端页面构建方法、装置、设备及介质，在本申请实施例中，接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令，根据该第一标识及该第二标识，确定目标页面及该目标业务，获取预先保存的该目标页面在进行显示时的目标显示类型，并获取预先保存的该目标业务进行显示时该目标显示类型对应的目标显示要求，根据该目标显示要求以及该目标显示类型构建该业务在该页面进行显示时使用的模型，并根据该模型构建web前端页面。在本申请实施例中，并未在web前端服务器中保存多个模型，而是在显示过程中基于显示指令构建对应的模型，降低了web前端服务器的存储压力。

Description

一种web前端页面构建方法、装置、设备及介质

技术领域

本申请涉及web前端处理技术领域，尤其涉及一种web前端页面构建方法、装置、设备及介质。

背景技术

随着科学技术的发展，web前端页面构建也开始被广泛应用，现有的web前端页面构建主要是根据模型-视图-控制器(Model View Controller，MVC)进行构建。具体的，web前端服务器中包括多个页面，每个页面对应一个模型，如页面1用于显示操作表单，页面2用于显示查询表单等。其中，web前端服务器中保存有多个模型，每个模型对应一个页面进行显示时的要求，例如模型1中保存了在页面1进行显示时是显示表格，其中表格的第一列用于显示用户姓名，表格的第二列用于显示用户性别等等。也就是说，每个页面对应一个模型，因此web前端服务器中有多少个页面，该web前端服务器中就保存了多少个模型。这就导致了当web前端服务器中保存的业务以及页面较多时，就需要在web前端服务器中配置较多的模型并保存有每个模型对应的要求，这就导致web前端服务器的存储压力很大。

发明内容

本申请提供了一种web前端页面构建方法、装置、设备及介质，用以解决现有技术中web前端服务器中配置的模型数量较多，导致web前端服务器存储压力大的问题。

本申请实施例提供了一种web前端页面构建方法，所述方法包括：

接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

进一步地，所述获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求包括：

获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述Java Script对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；

根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；

根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

进一步地，所述目标Java Script对象生成过程包括：

接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；

针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；

将每个显示类型对应的每个子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

进一步地，所述根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求包括：

根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；

将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

进一步地，所述将所述目标子Java Script对象中携带的至少一个显示要求确定为所述目标显示要求包括：

获取预先保存的所述目标显示类型对应的排序方式；

根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

进一步地，所述目标显示类型包括表格、表单或其他。

本申请实施例还提供了一种web前端页面构建装置，所述装置包括：

接收模块，用于接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

处理模块，用于根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

页面构建模块，用于根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

进一步地，所述处理模块，具体用于获取预先保存的业务的标识信息与JavaScript对象的第一对应关系，其中所述Java Script对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

进一步地，所述装置还包括：

生成模块，用于接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；将每个显示类型对应的每个子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

进一步地，所述处理模块，具体用于根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

进一步地，所述处理模块，具体用于获取预先保存的所述目标显示类型对应的排序方式；根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

进一步地，所述目标显示类型包括表格、表单或其他。

本申请实施例还提供了一种电子设备，所述电子设备包括处理器，所述处理器用于执行存储器中存储的计算机程序时实现如上述中任一所述web前端页面构建方法的步骤。

本申请实施例还提供了一种计算机可读存储介质，其存储有计算机程序，所述计算机程序被处理器执行时实现如上述中任一所述web前端页面构建方法的步骤。

本申请实施例还提供了一种计算机程序产品，所述计算机程序产品包括：计算机程序代码，当所述计算机程序代码在计算机上运行时，使得计算机执行上述如上述中任一所述web前端页面构建方法的步骤。

在本申请实施例中，接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令，根据该第一标识及该第二标识，确定目标页面及该目标业务，获取预先保存的该目标页面在进行显示时的目标显示类型，并获取预先保存的该目标业务进行显示时该目标显示类型对应的目标显示要求，根据该目标显示要求以及该目标显示类型构建该业务在该页面进行显示时使用的模型，并根据该模型构建web前端页面。由于在本申请实施例中，并未在web前端服务器中保存多个模型，而是在显示过程中基于显示指令构建对应的模型，再基于模型进行显示，降低了web前端服务器的存储压力。

附图说明

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

图1为本申请实施例提供的一种web前端页面构建过程示意图；

图2为本申请实施例提供的目标Java Script对象的结构示意图；

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

图4为本申请实施例提供的一种电子设备结构示意图。

具体实施方式

为了使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。

为了降低web前端服务器的存储压力，本申请实施例提供了一种web前端页面构建方法、装置、设备及介质。

在本申请实施例中，接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令，根据该第一标识及该第二标识，确定目标页面及该目标业务，获取预先保存的该目标页面在进行显示时的目标显示类型，并获取预先保存的该目标业务进行显示时该目标显示类型对应的目标显示要求，根据该目标显示要求以及该目标显示类型构建该业务在该页面进行显示时使用的模型，并根据该模型构建web前端页面。

本申请各技术方案中对数据的获取、存储、使用、处理等均符合国家法律法规的相关规定。

实施例1：

图1为本申请实施例提供的一种web前端页面构建过程示意图，该过程包括：

S101：接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令。

本申请实施例提供的一种web前端页面构建方法应用于电子设备，其中该电子设备可以是web前端服务器或PC等。

在本申请实施例中，当用户有在某个页面访问某个业务的需求时，用户输入用于在待显示的目标页面显示目标业务的显示指令，该显示指令中携带有该待显示的页面的第一标识以及该目标业务的第二标识，web前端服务器可以基于该显示指令在web前端页面中显示该目标业务对应的内容。

其中，在本申请实施例中，用户在输入显示指令时，可以通过鼠标、键盘等外接设备选择待显示的目标页面以及目标业务的标识信息。

S102：根据所述第一标识及所述第二标识，确定目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求。

为了降低web前端服务器的存储压力，在本申请实施例中，避免了web前端服务器中存储大量的模型，而是在web前端服务器中保存了每个业务对应的显示要求，该每个业务对应的显示要求可以在具体的显示过程中被多次重复使用。

其中，在本申请实施例中，web前端服务器中被技术人员配置了多个页面，以用于显示不同的内容，并且该web前端服务器中还保存有已被配置的每个页面的显示类型，在本申请实施例中，一个页面对应一个显示类型，多个页面可以对应同一个显示类型。

在现有技术中，web前端服务器在构建web前端页面时，是基于预先配置好的模型进行构建的。具体的，web前端服务器中保存有每个页面对应的模型，也就是说web前端服务器中有多少个页面，就保存了多少个模型，其中一个页面对应一个模型，导致了web前端服务器存储资源的浪费。此外，为了更好地为用户提供服务，同时减小web前端服务器的存储压力，在本申请实施例中，web前端服务器中保存了每种显示类型对应的显示要求，其中，同一显示类型的页面使用同一显示要求进行显示，不同的页面可以对应同一显示类型。

需要说明的是，该显示要求规定了针对每种显示类型，业务需要显示的每个内容以及每个内容对应的显示位置。

例如，web前端服务器中保存了存款业务的显示类型为表格时对应的显示要求，该显示要求规定了表格的第一行显示用户姓名、第二行显示用户联系方式等。

基于此，在本申请实施例中，web前端服务器在接收到用户输入的显示指令之后，该web前端服务器获取该显示指令中携带的待显示的目标页面的第一标识以及目标业务的第二标识。web前端服务器根据该第一标识，确定待显示的目标页面，并根据该第二标识，确定目标业务。web前端服务器获取预先保存的该目标页面在进行显示时的目标显示类型，并根据预先保存的针对每个业务进行显示时显示类型和显示要求的对应关系，确定预该目标业务进行显示时，该目标显示类型对应的目标显示要求。

S103：根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

在本申请实施例中，针对每种显示类型，web前端服务器中保存有web前端页面在显示该显示类型的页面时使用的模型的框架模板，web前端服务器可以根据保存的各显示类型对应的模型的框架模板、目标显示要求以及目标显示类型，构建业务在目标页面进行显示时使用的模型，并根据该模型构建web前端页面。其中，在本申请实施例中，每个框架模板中保存有该框架模板对应的显示类型的标识信息、web前端服务器基于该框架模板构建页面的方法、以及用于添加目标显示要求的预设字段。

具体的，在本申请实施例中，web前端服务器根据目标显示类型及显示类型和框架模板的对应关系，确定待使用的框架模板，并确定该待使用的框架模板中预先设置的用于添加目标显示要求的预设字段，将该目标显示要求对应的代码写入到该待使用的框架模板的预设字段，得到模型，再基于该模型构建web前端页面。

其中，web前端服务器基于模型构建web前端页面的过程为现有技术，在此不再进行赘述。

由于在本申请实施例中，并未在web前端服务器中保存多个模型，而是在显示过程中基于显示指令构建对应的模型，再基于模型进行显示，降低了web前端服务器的存储压力。

实施例2：

为了确定目标业务的目标显示要求，从而基于该目标显示要求构建模型，降低web前端服务器的存储压力，在上述实施例的基础上，在本申请实施例中，所述获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求包括：

获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述Java Script对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；

根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；

根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

在本申请实施例中，web前端服务器在保存每个业务以每种显示类型显示时的显示要求时，是将每个业务的显示要求保存到了Java Script对象中。具体的，web前端服务器中保存有每个业务对应的Java Script对象，该Java Script对象中保存有该业务在以每种显示类型进行显示时的显示要求，并且该web前端服务器中还保存有业务的标识信息与Java Script对象的第一对应关系。

基于此，在本申请实施例中，web前端服务器在确定目标业务进行显示时的目标显示要求时，是从该业务对应的Java Script对象中获取该目标显示要求。

具体的，在本申请实施例中，web前端服务器获取预先保存的业务的标识信息与Java Script对象的第一对应关系。该web前端服务器根据该第一对应关系，确定该目标业务的第二标识对应的目标Java Script对象，根据该目标Java Script对象和该目标显示类型，确定该目标显示要求。

实施例3：

为了在web前端服务器中保存每个业务对应的显示要求，避免在web前端服务器中保存大量的模型，降低web前端服务器的存储压力，在上述各实施例的基础上，在本申请实施例中，所述目标Java Script对象生成过程包括：

接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；

针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；

将每个显示类型对应的每个子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

在本申请实施例中，针对每个业务，web前端服务器将该业务的显示要求保存到了Java Script对象中，其中一个业务可以有多种显示类型。具体的，web前端服务器中保存有每个业务对应的Java Script对象，该Java Script对象中保存有对应的业务以每种显示类型进行显示时的显示要求。具体的，在本申请实施例中，每个业务对应的Java Script对象中包括至少一个子Java Script对象，每个子Java Script对象用于存储该业务以某一种显示类型进行显示时的显示要求。

基于此，在本申请实施例中，web前端服务器创建目标业务对应的目标JavaScript对象的过程包括：

技术人员向web前端服务输入Java Script对象创建指令，其中该Java Script对象创建指令中携带有该目标业务对应的第二标识、该目标业务的每个子显示要求以及每个子显示要求对应的显示类型。其中，在本申请实施例中，一个业务以一个显示类型进行显示时，可能存在多个子显示要求，该多个子显示要求构成了该业务以该显示类型进行显示时的显示要求；此外，该业务在以该显示类型进行显示时，也可能只存在一个子显示要求，则该子显示要求即为该业务以该显示类型显示时的显示要求。

基于此，在本申请实施例中，web前端服务器接收到该Java Script对象创建指令之后，获取预先保存的用于确定子Java Script对象的子Java Script对象模板，并针对每个显示类型，将该Java Script对象创建指令中该显示类型对应的至少一个子显示要求添加到该子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象。具体的，web前端服务器中保存有子Java Script对象模板，该子Java Script对象模板中预先设置有用于添加子显示要求的第一预设字段，web前端服务器将该显示类型对应的至少一个子显示要求写入到该子Java Script对象模板中的第一预设字段。

其中，需要说明的是，可能存在一个子显示要求对应多个显示类型，则将该子显示要求写入到其对应的每个显示类型对应的子Java Script对象中。

web前端服务器在确定了目标业务对应的每个子Java Script对象之后，该web服务器将创建得到的每个子Java Script对象添加到预设的Java Script对象模板中的第二预设字段，并将该目标业务对应的第二标识添加到该Java Script对象模板中的第三预设字段，使得后续在查找该目标业务对应的目标显示要求时，可以基于每个Java Script对象的第三预设字段中的标识进行查找。

图2为本申请实施例提供的目标Java Script对象的结构示意图，如该图2所示，该目标Java Script对象中包括用于识别该目标Java Script对象的关键字字段，即该目标Java Script对象对应的目标业务的第二标识，以及基础单向数据对象数组，即至少一个子Java Script对象，其中每一个子Java Script对象中保存有目标业务以一种显示类型进行显示时的多个子显示要求。

实施例4：

为了进一步地确定目标业务的目标显示要求，实现基于该目标显示要求构建模型，降低web前端服务器的存储压力，在上述各实施例的基础上，在本申请实施例中，所述根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求包括：

根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；

将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

在本申请实施例中，web前端服务器中保存有每个子Java Script对象与显示类型的第二对应关系，其中，每个显示类型对应一个子Java Script对象，并且每个子JavaScript对象中携带至少一个子显示要求。web前端服务器可以根据该第二对应关系，确定目标Java Script对象中保存的目标显示类型对应的目标子Java Script对象。Web前端服务器可以根据目标子Java Script对象中携带的至少一个子显示要求，确定业务以该目标显示类型进行显示时的目标显示要求。

实施例5：

为了进一步地确定目标业务的目标显示要求，实现基于该目标显示要求构建模型，降低web前端服务器的存储压力，在上述各实施例的基础上，在本申请实施例中，所述将所述目标子Java Script对象中携带的至少一个显示要求确定为所述目标显示要求包括：

获取预先保存的所述目标显示类型对应的排序方式；

根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

在本申请实施例中，web前端服务器中保存有每个显示类型对应的解析逻辑，其中该解析逻辑包括每个显示类型对应的排序方式。

web前端服务器在确定了目标Java Script对象中目标显示类型对应的至少一个目标子Java Script对象之后，该web前端服务器可以获取预先保存的该目标显示类型对应的排序方式，并根据该排序方式对该至少一个目标子Java Script对象中包含的子显示要求进行排序，将排序结果确定为目标显示要求。

例如，在本申请实施例中，若目标显示类型为表格，则在以表格显示业务1时，web前端服务器可以获取预先保存编写的表格解析逻辑，并以业务1对应的目标子JavaScript对象中保存的子显示要求作为解析参数，根据该表格解析逻辑中保存的排序方式对该子显示要求进行排序，得到目标显示要求；若目标显示类型为表单，则在以表单显示业务2时，web前端服务器可以获取预先保存编写的表单解析逻辑，并以业务2对应的目标子JavaScript对象中保存的子显示要求作为解析参数，根据该表单解析逻辑中保存的排序方式对该子显示要求进行排序，得到目标显示要求；若目标显示类型为其他，则在以其他显示业务3时，web前端服务器可以获取预先保存编写的其他解析逻辑，并以业务3对应的目标子JavaScript对象中保存的子显示要求作为解析参数，根据该其他解析逻辑中保存的排序方式对该子显示要求进行排序，得到目标显示要求。

实施例6：

为了降低web前端服务器的存储压力，在上述各实施例的基础上，在本申请实施例中，所述目标显示类型包括表格、表单或其他。

在本申请实施例中，web前端服务器中保存的页面的显示类型包括但不限于表格、表单或其他等。

在本申请实施例中，若待显示的目标页面的目标显示类型为表格，则web前端服务器获取预先保存目标业务在表格中显示的目标显示要求；若待显示的目标页面的目标显示类型为表单，则web前端服务器获取预先保存目标业务在表单中显示的目标显示要求；若待显示的目标页面的目标显示类型为其他，则web前端服务器获取预先保存目标业务在其他中显示的目标显示要求。

实施例7：

图3为本申请实施例提供的一种web前端页面构建装置结构示意图，该装置包括：

接收模块301，用于接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

处理模块302，用于根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

页面构建模块303，用于根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

在一种可能的实施方式中，所述处理模块302，具体用于获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述Java Script对象中包含该JavaScript对象对应的业务以每个显示类型显示时的显示要求；根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

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

生成模块304，用于接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；将每个显示类型对应的每个子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

在一种可能的实施方式中，所述处理模块302，具体用于根据所述目标JavaScript对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

在一种可能的实施方式中，所述处理模块302，具体用于获取预先保存的所述目标显示类型对应的排序方式；根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

在一种可能的实施方式中，所述目标显示类型包括表格、表单或其他。

实施例8：

在上述实施例的基础上，本申请实施例还提供了一种电子设备，图4为本申请实施例提供的一种电子设备结构示意图，如图4所示，包括：处理器41、通信接口42、存储器43和通信总线44，其中，处理器41，通信接口42，存储器43通过通信总线44完成相互间的通信；

存储器43中存储有计算机程序，当程序被处理器41执行时，使得处理器41执行如下步骤：

接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

在一种可能的实施方式中，所述处理器还用于：

获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述Java Script对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；

根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；

根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

在一种可能的实施方式中，所述处理器还用于：

接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；

针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；

将每个显示类型对应的每个子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

在一种可能的实施方式中，所述处理器还用于：

根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；

将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

在一种可能的实施方式中，所述处理器还用于：

获取预先保存的所述目标显示类型对应的排序方式；

根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

由于上述电子设备解决问题的原理与web前端页面构建方法相似，因此上述电子设备的实施可以参见方法的实施例，重复之处不再赘述。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。通信接口42用于上述电子设备与其他设备之间的通信。存储器可以包括随机存取存储器(RandomAccess Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选地，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述处理器可以是通用处理器，包括中央处理器、网络处理器(NetworkProcessor，NP)等；还可以是数字指令处理器(Digital Signal Processing，DSP)、专用集成电路、现场可编程门陈列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。

实施例9：

在上述各实施例的基础上，本发明实施例还提供了一种计算机可读存储介质，计算机可读存储介质内存储有可由处理器执行的计算机程序，当程序在处理器上运行时，使得处理器执行时实现如下步骤：

接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

在一种可能的实施方式中，所述获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求包括：

获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述Java Script对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；

根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；

根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

在一种可能的实施方式中，所述目标Java Script对象生成过程包括：

接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；

针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；

将每个显示类型对应的每个子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

在一种可能的实施方式中，所述根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求包括：

根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；

将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

在一种可能的实施方式中，所述将所述目标子Java Script对象中携带的至少一个显示要求确定为所述目标显示要求包括：

获取预先保存的所述目标显示类型对应的排序方式；

根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

在一种可能的实施方式中，所述目标显示类型包括表格、表单或其他。

由于上述计算机可读存储介质解决问题的原理与web前端页面构建方法相似，因此上述计算机可读存储介质的实施可以参见方法的实施例，重复之处不再赘述。

实施例10：

本申请实施例还提供了一种计算机程序产品，该计算机程序产品被计算机执行时实现上述应用于电子设备的任一方法实施例所述的web前端页面构建方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令，在计算机上加载和执行所述计算机指令时，全部或部分地产生按照本申请实施例所述的流程或功能。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (15)

1.一种web前端页面构建方法，其特征在于，所述方法包括：

接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

2.根据权利要求1所述的方法，其特征在于，所述获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求包括：

获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述JavaScript对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；

根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；

根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

3.根据权利要求2所述的方法，其特征在于，所述目标Java Script对象生成过程包括：

接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；

针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；

将每个显示类型对应的子Java Script对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

4.根据权利要求2所述的方法，其特征在于，所述根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求包括：

根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子JavaScript对象中携带有至少一个子显示要求；

将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

5.根据权利要求4所述的方法，其特征在于，所述将所述目标子Java Script对象中携带的至少一个显示要求确定为所述目标显示要求包括：

获取预先保存的所述目标显示类型对应的排序方式；

根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

6.根据权利要求1所述的方法，其特征在于，所述目标显示类型包括表格、表单或其他。

7.一种web前端页面构建装置，其特征在于，所述装置包括：

接收模块，用于接收输入的携带有待显示的目标页面的第一标识以及目标业务的第二标识的显示指令；

处理模块，用于根据所述第一标识及所述第二标识，确定所述目标页面及所述目标业务，获取预先保存的所述目标页面在进行显示时的目标显示类型，并获取预先保存的所述目标业务进行显示时所述目标显示类型对应的目标显示要求；

页面构建模块，用于根据所述目标显示要求以及所述目标显示类型构建该业务在所述目标页面进行显示时使用的模型，并根据所述模型构建web前端页面。

8.根据权利要求7所述的装置，其特征在于，所述处理模块，具体用于获取预先保存的业务的标识信息与Java Script对象的第一对应关系，其中所述Java Script对象中包含该Java Script对象对应的业务以每个显示类型显示时的显示要求；根据所述第一对应关系，确定所述目标业务的第二标识对应的目标Java Script对象；根据所述目标Java Script对象和所述目标显示类型，确定所述目标显示要求。

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

生成模块，用于接收输入的携带有所述目标业务对应的第二标识、所述目标业务的每个子显示要求，以及每个子显示要求对应的显示类型的Java Script对象创建指令；针对每个显示类型，确定所述Java Script对象创建指令中携带的该显示类型对应的至少一个子显示要求，将所述至少一个子显示要求添加到预设的子Java Script对象模板中的第一预设字段，确定该显示类型对应的子Java Script对象；将每个显示类型对应的每个子JavaScript对象依次添加到预设的Java Script对象模板中的第二预设字段，将所述第二标识添加到所述Java Script对象模板中的第三预设字段，确定所述目标Java Script对象。

10.根据权利要求8所述的装置，其特征在于，所述处理模块，具体用于根据所述目标Java Script对象中保存的每个子Java Script对象与显示类型的第二对应关系，确定所述目标显示类型对应的目标子Java Script对象，其中所述目标子Java Script对象中携带有至少一个子显示要求；将所述目标子Java Script对象中携带的子显示要求确定为所述目标显示要求。

11.根据权利要求10所述的装置，其特征在于，所述处理模块，具体用于获取预先保存的所述目标显示类型对应的排序方式；根据所述排序方式对所述至少一个子显示要求进行排序，将排序结果确定为所述目标显示要求。

12.根据权利要求7所述的装置，其特征在于，所述目标显示类型包括表格、表单或其他。

13.一种电子设备，其特征在于，所述电子设备包括处理器，所述处理器用于执行存储器中存储的计算机程序时实现如权利要求1-6任一所述web前端页面构建方法的步骤。

14.一种计算机可读存储介质，其特征在于，其存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-6中任一所述web前端页面构建方法的步骤。

15.一种计算机程序产品，其特征在于，所述计算机程序产品包括：计算机程序代码，当所述计算机程序代码在计算机上运行时，使得计算机执行上述如权利要求1-6中任一所述web前端页面构建方法的步骤。

Images