CN113821750B - 一种页面数据处理方法、***、电子设备及可读存储介质 - Google Patents

Abstract

本发明提供一种页面数据处理方法、***、电子设备及可读存储介质，涉及计算机技术领域。该方法通过生成针对目标页面中目标业务的服务请求，其中，服务请求携带目标页面对应的目标参数对象和目标参数对象对应的服务函数，目标参数对象包括目标业务的标识字段，目标页面包括至少一个业务，目标业务为至少一个业务中的任一个；并接收后端发送的与服务请求对应的目标数据，其中，目标数据基于标识字段和服务函数确定；再根据目标数据更新目标页面。本发明可以解决现有技术中在页面数据处理的开发过程中容易发生代码冗余的问题。

Description

一种页面数据处理方法、***、电子设备及可读存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面数据处理方法、***、电子设备及可读存储介质。

背景技术

随着计算机技术的迅速发展，人们对软件工程开发的要求越来越高，目前，在软件工程的前端开发过程中，通常采用模型视图控制器（Model View Controller，mvc）架构来进行开发，这种方式需要根据具体的业务场景，维护多套对应的传参、状态、以及处理函数。这样，在业务场景的数量较多的情况下，会存在相同的状态值和处理程序，导致在开发过程中容易发生代码冗余的情况。

发明内容

本发明实施例提供一种页面数据处理方法、***、电子设备及可读存储介质，以解决现有的在页面数据处理的开发过程中容易发生代码冗余的问题。

第一方面，本发明实施例提供了一种页面数据处理方法，应用于前端，包括：

生成针对目标页面中目标业务的服务请求，其中，所述服务请求携带所述目标页面对应的目标参数对象和所述目标参数对象对应的服务函数，所述目标参数对象包括所述目标业务的标识字段，所述目标页面包括至少一个业务，所述目标业务为所述至少一个业务中的任一个；

向后端发送所述服务请求；

接收后端发送的与所述服务请求对应的目标数据，所述目标数据基于所述标识字段和所述服务函数确定；

根据所述目标数据更新所述目标页面。

可选地，所述根据所述目标数据更新所述目标页面之前，所述方法还包括：

获取所述至少一个业务中每个业务对应的方法；

将所述至少一个业务中每个业务对应的方法合并为所述目标参数对象对应的目标方法；

所述根据所述目标数据更新所述目标页面，包括：

基于所述目标方法解析所述目标数据；

基于解析后的所述目标数据更新所述目标页面。

可选地，所述目标参数对象包括目标字段，所述目标字段包括所述至少一个业务中每个业务对应的标识字段。

可选地，所述生成针对目标页面中目标业务的服务请求之前，所述方法还包括：

基于所述至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息；基于所述通用路径信息生成所述目标参数对象对应的所述服务函数；

所述生成针对目标页面中目标业务的服务请求，包括：

基于所述目标业务的标识字段确定所述目标参数对象的目标字段；

基于所述目标参数对象的目标字段和所述服务函数生成所述目标业务的所述服务请求。

第二方面，本发明实施例还提供了一种页面数据处理***，应用于前端，包括：

第一生成模块，用于生成针对目标页面中目标业务的服务请求，其中，所述服务请求携带所述目标页面对应的目标参数对象和所述目标参数对象对应的服务函数，所述目标参数对象包括所述目标业务的标识字段，所述目标页面包括至少一个业务，所述目标业务为所述至少一个业务中的任一个；

发送模块，用于向后端发送所述服务请求；

接收模块，用于接收后端发送的与所述服务请求对应的目标数据，所述目标数据基于所述标识字段和所述服务函数确定；

更新模块，用于根据所述目标数据更新所述目标页面。

可选地，所述***还包括：

获取模块，用于获取所述至少一个业务中每个业务对应的方法；

合并模块，用于将所述至少一个业务中每个业务对应的方法合并为所述目标参数对象对应的目标方法；

所述更新模块，包括：

解析模块，用于基于所述目标方法解析所述目标数据；

更新子模块，用于基于解析后的所述目标数据更新所述目标页面。

可选地，所述目标参数对象包括目标字段，所述目标字段包括所述至少一个业务中每个业务对应的标识字段。

可选地，所述***还包括：

第二生成模块，用于基于所述至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息；

第三生成模块，用于基于所述通用路径信息生成所述目标参数对象对应的所述服务函数；

所述第一生成模块，包括：

确定模块，用于基于所述目标业务的标识字段确定所述目标参数对象的目标字段；

第一生成子模块，用于基于所述目标参数对象的目标字段和所述服务函数生成所述目标业务的所述服务请求。

第三方面，本申请实施例还提供一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的页面数据处理方法的步骤。

第四方面，本申请实施例还提供一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的页面数据处理方法的步骤。

本发明实施例提供的技术方案中，通过生成针对目标页面中目标业务的服务请求，其中，服务请求携带目标页面对应的目标参数对象和目标参数对象对应的服务函数，目标参数对象包括目标业务的标识字段，目标页面包括至少一个业务，目标业务为至少一个业务中的任一个；并接收后端发送的与服务请求对应的目标数据，其中，目标数据基于标识字段和服务函数确定；再根据目标数据更新目标页面。这样，将目标页面中的至少一个业务中每个业务对应的参数对象合并为目标页面对应的目标参数对象，通过目标参数对象统一管理至少一个业务，可以减少代码的开发量，避免出现代码冗余的情况。

附图说明

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

图1是本发明实施例提供的一种页面数据处理方法的流程图之一；

图2是本发明实施例提供的一种页面数据处理方法的流程图之二；

图3是本发明实施例提供的一种页面数据处理***的结构图；

图4是本申请实施例提供的电子设备的结构图。

具体实施方式

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

除非另作定义，本发明中使用的技术术语或者科学术语应当为本发明所属领域内具有一般技能的人士所理解的通常意义。本发明中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。同样，“一个”或者“一”等类似词语也不表示数量限制，而是表示存在至少一个。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系，当被描述对象的绝对位置改变后，则该相对位置关系也相应地改变。

目前，在软件开发的过程中，需要根据具体的业务场景，维护多套对应的传参、状态、以及处理函数。这样，在业务场景的数量较多的情况下，会存在相同的状态值和处理程序，导致在开发过程中容易发生代码冗余的情况。基于此，本申请提供一种页面数据处理方法，应理解，本申请提供的页面数据处理方法可以应用于前端。

请参见图1，本申请实施例提供了一种页面数据处理方法，应用于前端，包括：

步骤101、前端生成针对目标页面中目标业务的服务请求，其中，服务请求携带目标页面对应的目标参数对象和目标参数对象对应的服务函数，目标参数对象包括目标业务的标识字段，目标页面包括至少一个业务，目标业务为至少一个业务中的任一个。

本申请实施例中前端是网站前台部分，是运行在电脑端或者移动端等浏览器上展现给用户浏览的网页，其中，移动端可以是手机、台式电脑、平板电脑（Tablet PersonalComputer）、膝上型电脑（Laptop Computer）、笔记本电脑、个人数字助理（PersonalDigital Assistant，PDA）、掌上电脑、上网本、超级移动个人计算机（ultra-mobilepersonal computer，UMPC）、移动上网***（Mobile Internet Device，MID）、可穿戴式设备（Wearable Device）或车载设备（VUE）、行人终端（PUE）等。此处仅做示例，不做限定。

在该步骤中，目标页面可以是前端显示的页面，业务可以是该显示的页面中的部分内容。例如，当目标页面是校园网站页面时，校园网站页面包括学院介绍部分和学院图片展示部分等，该页面中的学院介绍部分为一个业务，学院图片展示部分为另一个业务，此处，仅做示例，不做限定。

需要说明的是，每一个业务对应有一个标识字段，其中，该标识字段用于区分不同的业务。例如，当目标任务为任务A时，服务请求携带任务A对应的标识字段A和服务函数，当目标任务为任务B时，服务请求携带任务B对应的标识字段B和服务函数。

步骤102、前端向后端发送服务请求。

在该实施方式中，后端可以是用于存储或者处理数据的服务器。

步骤103、前端接收后端发送的与服务请求对应的目标数据，目标数据基于标识字段和服务函数确定。

在该步骤中，目标数据是后端基于标识字段和服务函数确定的，后端在接收到前端发送的服务请求之后，先读取服务请求中的服务函数和标识字段，其中，服务函数包括该目标页面中的所有业务的服务请求的请求路径信息的通用路径信息，标识字段可以表示请求路径的特殊标识，换言之，标识字段用于区分不同的业务，假设服务请求中携带的标识字段是目标任务A对应的标识字段A，则后端基于标识字段A的路径和服务函数的通用路径获取目标任务A对应的目标数据；假设服务请求中携带的标识字段是目标任务B对应的标识字段B，则后端基于标识字段B的路径和服务函数的通用路径获取目标任务B对应的目标数据。这样，有针对性的获取目标业务对应的目标数据，减少了调用接口数量。

步骤104、根据目标数据更新目标页面。

在该步骤中，更新目标页面的更新方式可以是将获取的目标数据显示于目标页面中，也可以是基于目标数据打开新的页面，此处，对更新的方式仅做示例，不做限定。

上述的页面数据处理方法，通过生成针对目标页面中目标业务的服务请求，其中，服务请求携带目标页面对应的目标参数对象和目标参数对象对应的服务函数，目标参数对象包括目标业务的标识字段，目标页面包括至少一个业务，目标业务为至少一个业务中的任一个；并接收后端发送的与服务请求对应的目标数据，其中，目标数据基于标识字段和服务函数确定；再根据目标数据更新目标页面。这样，将目标页面中的至少一个业务中每个业务对应的参数对象合并为目标页面对应的目标参数对象，通过目标参数对象统一管理至少一个业务，可以减少代码的开发量，避免出现代码冗余的情况。

可选地，根据目标数据更新目标页面之前，上述的页面数据处理方法还包括：

获取至少一个业务中每个业务对应的方法；

将至少一个业务中每个业务对应的方法合并为目标参数对象对应的目标方法；

根据目标数据更新目标页面，包括：

基于目标方法解析目标数据；

基于解析后的目标数据更新目标页面。

需要说明的是，在现有技术中，每一个业务都对应一个方法，值得指出的是，业务对应的方法可以理解为业务方法，该业务方法可以用于改变该业务的状态。因此，对于一个页面中的多个业务，需要维护多套方法，容易导致资源浪费，且不便于后期维护。

在本可选的实施方式中，将目标页面中的每个业务对应的方法合并为所述目标参数对象对应的目标方法，可以在后期维护中，只需维护一套方法即可，减小了资源浪费，减轻了开发人员的工作量。

需要说明的是，前端接收到目标数据之后，不能直接使用目标数据，需要采用目标方法解析接收的目标数据，再使用解析后的目标数据更新目标页面。也即，在该实施方式中，对于针对目标业务A的目标数据，可以采用目标方法解析，对于针对目标业务B的目标数据，也可以采用目标方法解析，这样，采用目标页面对应的目标方法可以实现对目标页面中的每一个业务的目标数据的解析，可以减少采用多个方法造成的代码冗余，减轻了前端数据流整合的复杂性。

可选地，目标参数对象包括目标字段，目标字段包括至少一个业务中每个业务对应的标识字段。

在本可选的实施方式中，在目标参数对象中设置目标字段，该目标字段用于存储目标页面的至少一个业务中每个业务对应的标识字段，例如，目标字段为字段Value，该字段Value中存储的内容是标识字段A，这样，后端接收到服务请求之后，读取字段Value，发现字段Value中存储的内容是标识字段A，然后获取标识字段A对应的目标数据。这样，后端接收到服务请求之后，读取请求中的目标字段，可以根据目标字段中存储的具体的标识字段获取与具体的标识字段对应的目标数据。可以有针对性的获取目标业务对应的目标数据，减少了调用接口数量。

可选地，生成针对目标页面中目标业务的服务请求之前，上述的页面数据处理方法还包括：

基于至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息；基于通用路径信息生成目标参数对象对应的服务函数；

生成针对目标页面中目标业务的服务请求，包括：

基于目标业务的标识字段确定目标参数对象的目标字段；

基于目标参数对象的目标字段和服务函数生成目标业务的服务请求。

在本可选的实施方式中，为了减少开发过程中的代码冗余，将目标页面中可能产生的每个服务请求的请求路径信息进行合并，得到目标页面对应的服务函数。需要说明的是，在现有技术中，每个服务请求都会有对应的服务函数，例如，根据业务A产生的服务请求A对应一个服务函数A，根据业务B产生的服务请求B对应一个服务函数B，后端在接收到服务请求A后，根据服务函数A中包含的路径识别服务请求A，后端在接收到服务请求B后，根据服务函数B中包含的路径识别服务请求B，这样，针对于目标页面中的多个业务，需要维护多套服务函数。在业务数量较多的情况下，导致代码开发的工作量大。

在本可选的实施方式中，将目标页面中的至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息，基于所述通用路径信息生成所述目标参数对象对应的所述服务函数；这样，在同一页目标页面中，可以使用该目标页面对应的目标参数对象直接确定该目标页面对应的服务函数，在后期维护中，只需维护一套服务函数即可。

进一步地，采用标识字段区别不同的业务的路径信息中的区别部分，或者说每一个业务对应一个标识字段，不同业务对应的标识字段不同，将各业务的标识字段存储至目标参数对象中的目标字段中，这样，对于同一个目标页面，可以使用目标参数对象管理多个业务，在后期维护中，无需针对每一个业务的单独维护一个对象、方法和服务函数，只需针对业务所在的目标页面，维护一个目标参数对象、该目标参数对象对应的目标方法和服务函数即可。可以降低开发人员的开发工作量，降低了前端和后端的沟通成本，提高了工程整体的开发效率。

请参见图2，以前端的某一个页面包括业务A、业务B、业务C以及业务D为例对本申请实施例提供的页面数据处理方法进行示例说明。

首先，针对该页面建立目标参数对象，将该页面的业务A、业务B、业务C以及业务D分别对应的小对象合并至该目标参数对象，使用该目标参数对象统一管理，打破各业务的小对象之间的壁垒，使用目标参数对象统一管理前端对后端的传参，具体地，在目标参数对象中设置目标字段，将业务A、业务B、业务C以及业务D的标识字段存储至目标字段，以供后端读取目标字段时区分不同的业务，将业务A、业务B、业务C以及业务D的路径信息中除标识字段之外的其余公共部分合并作为目标参数对象对应的服务函数，将业务A、业务B、业务C以及业务D各自对应的方法合并为目标参数对象对应的目标方法，这样，当用户作用于前端的页面时，可以生成针对目标页面中目标业务的服务请求，服务请求携带页面对应的目标参数对象和目标参数对象对应的服务函数，目标参数对象包括目标业务的标识字段，目标页面包括至少一个业务，目标业务为所述至少一个业务中的任一个；前端向后端发送服务请求；进一步地，前端接收后端发送的与服务请求对应的目标数据，其中，目标数据由后端基于标识字段和服务函数确定；再由前端根据目标数据更新页面。这样，开发人员无需再进行大量服务管理，同时采用目标参数对象进行统一管理，减少了接口参数的管理，后端开发人员无需大量编写接口说明文档，降低了前后台的沟通成本，提高了工程整体的开发效率。此外，还可以使前端工程结构变得简洁化、扁平化，实现了工程的轻量化，同时通用的数据处理方法，明了的文件结构对于工程的后期维护十分友好。在减少了各部分开发人员工作量的同时，提高了代码质量。

请参见图3，本申请实施例还提供一种页面数据处理***300，应用于前端，包括：

第一生成模块301，用于生成针对目标页面中目标业务的服务请求，其中，所述服务请求携带所述目标页面对应的目标参数对象和所述目标参数对象对应的服务函数，所述目标参数对象包括所述目标业务的标识字段，所述目标页面包括至少一个业务，所述目标业务为所述至少一个业务中的任一个；

发送模块302，用于向后端发送所述服务请求；

接收模块303，用于接收后端发送的与所述服务请求对应的目标数据，所述目标数据基于所述标识字段和所述服务函数确定；

更新模块304，用于根据所述目标数据更新所述目标页面。

可选地，所述***还包括：

获取模块，用于获取所述至少一个业务中每个业务对应的方法；

合并模块，用于将所述至少一个业务中每个业务对应的方法合并为所述目标参数对象对应的目标方法；

所述更新模块304，包括：

解析模块，用于基于所述目标方法解析所述目标数据；

更新子模块，用于基于解析后的所述目标数据更新所述目标页面。

可选地，所述目标参数对象包括目标字段，所述目标字段包括所述至少一个业务中每个业务对应的标识字段。

可选地，所述***还包括：

第二生成模块，用于基于所述至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息；

第三生成模块，用于基于所述通用路径信息生成所述目标参数对象对应的所述服务函数；

所述第一生成模块，包括：

确定模块，用于基于所述目标业务的标识字段确定所述目标参数对象的目标字段；

第一生成子模块，用于基于所述目标参数对象的目标字段和所述服务函数生成所述目标业务的所述服务请求。

上述的页面数据处理***，可以实现上述方法实施例的各个步骤，能达到相同的技术效果，此处，不做赘述。

可选的，如图4所示，本申请实施例还提供一种电子设备400，包括处理器401，存储器402，存储在存储器402上并可在所述处理器401上运行的程序或指令，该程序或指令被处理器401执行时实现上述方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述图1至图2的方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质（如ROM/RAM、磁碟、光盘）中，包括若干指令用以使得一台终端（可以是手机，计算机，服务器，空调器，或者网络设备等）执行本发明各个实施例所述的方法。

以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (8)

1.一种页面数据处理方法，应用于前端，其特征在于，包括：

生成针对目标页面中目标业务的服务请求，其中，所述服务请求携带所述目标页面对应的目标参数对象和所述目标参数对象对应的服务函数，所述目标参数对象包括所述目标业务的标识字段，所述目标页面包括至少一个业务，所述目标业务为所述至少一个业务中的任一个；

向后端发送所述服务请求；

接收后端发送的与所述服务请求对应的目标数据，所述目标数据基于所述标识字段和所述服务函数确定；

根据所述目标数据更新所述目标页面；

所述根据所述目标数据更新所述目标页面之前，所述方法还包括：

获取所述至少一个业务中每个业务对应的方法；

将所述至少一个业务中每个业务对应的方法合并为所述目标参数对象对应的目标方法；

所述根据所述目标数据更新所述目标页面，包括：

基于所述目标方法解析所述目标数据；

基于解析后的所述目标数据更新所述目标页面。

2.根据权利要求1所述的页面数据处理方法，其特征在于，所述目标参数对象包括目标字段，所述目标字段包括所述至少一个业务中每个业务对应的标识字段。

3.根据权利要求2所述的页面数据处理方法，其特征在于，所述生成针对目标页面中目标业务的服务请求之前，所述方法还包括：

基于所述至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息；

基于所述通用路径信息生成目标参数对象对应的所述服务函数；

所述生成针对目标页面中目标业务的服务请求，包括：

基于所述目标业务的标识字段确定所述目标参数对象的目标字段；

基于所述目标参数对象的目标字段和所述服务函数生成所述目标业务的所述服务请求。

4.一种页面数据处理***，应用于前端，其特征在于，包括：

第一生成模块，用于生成针对目标页面中目标业务的服务请求，其中，所述服务请求携带所述目标页面对应的目标参数对象和所述目标参数对象对应的服务函数，所述目标参数对象包括所述目标业务的标识字段，所述目标页面包括至少一个业务，所述目标业务为所述至少一个业务中的任一个；

发送模块，用于向后端发送所述服务请求；

接收模块，用于接收后端发送的与所述服务请求对应的目标数据，所述目标数据基于所述标识字段和所述服务函数确定；

更新模块，用于根据所述目标数据更新所述目标页面；

所述***还包括：

获取模块，用于获取所述至少一个业务中每个业务对应的方法；

合并模块，用于将所述至少一个业务中每个业务对应的方法合并为所述目标参数对象对应的目标方法；

所述更新模块，包括：

解析模块，用于基于所述目标方法解析所述目标数据；

更新子模块，用于基于解析后的所述目标数据更新所述目标页面。

5.根据权利要求4所述的页面数据处理***，其特征在于，所述目标参数对象包括目标字段，所述目标字段包括所述至少一个业务中每个业务对应的标识字段。

6.根据权利要求5所述的页面数据处理***，其特征在于，所述***还包括：

第二生成模块，用于基于所述至少一个业务的路径信息中除标识字段以外的其余信息生成通用路径信息；

第三生成模块，用于基于所述通用路径信息生成目标参数对象对应的所述服务函数；

所述第一生成模块，包括：

确定模块，用于基于所述目标业务的标识字段确定所述目标参数对象的目标字段；

第一生成子模块，用于基于所述目标参数对象的目标字段和所述服务函数生成所述目标业务的所述服务请求。

7.一种电子设备，其特征在于，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1-3中任一所述的页面数据处理方法的步骤。

8.一种可读存储介质，其特征在于，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1-3中任一所述的页面数据处理方法的步骤。

Images