CN115600029A - 一种网页页面的显示方法、装置、系统、设备及存储介质 - Google Patents

Abstract

本发明公开了一种网页页面的显示方法、装置、系统、设备及存储介质，该方法包括：基于接收到的网页部署包，生成网页部署数据；获取与网页容器发送的网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给网页容器，以使网页容器基于目标网页渲染文件，生成初始网页页面；从业务服务器端获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，并将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示。本发明实施例在提高了网页页面的开发效率。

Description

一种网页页面的显示方法、装置、系统、设备及存储介质

技术领域

本发明涉及移动终端技术领域，尤其涉及一种网页页面的显示方法、装置、系统、设备及存储介质。

背景技术

在移动APP(Application，应用程序)的开发过程中，通常会采用web技术开发网页页面。

目前，为了提高网页页面的显示效率，一般在移动APP发版时，需要将访问业务服务器端所需的服务器访问数据、以及将业务数据回填到H5容器时所需的网页回填数据提前写入到客户端程序中。其中，H5容器是内嵌在客户端中用于运行和展示页面的网页视图组件。

在H5容器需要显示网页页面时，H5容器从部署服务器端下载网页渲染文件并执行渲染操作，同时，H5容器通过调用客户端接口，使得客户端基于服务器访问数据从业务服务器端获取业务数据，并将网页回填数据和业务数据发送给H5容器，H5容器基于网页回填数据将业务数据回填到渲染完成的网页页面中。

在实现本发明的过程中，发现现有技术中至少存在以下技术问题：

上述方法需要网页开发人员和客户端开发人员协同参与开发，当上述提前告知的数据发生变更时，需要APP重新发版，从而无法满足APP页面实时动态更新的需求。

发明内容

本发明提供了一种网页页面的显示方法、装置、系统、设备及存储介质，以解决网页页面的开发需要开发人员和客户端开发人员协同参与的问题，提高网页页面的开发效率，在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求。

根据本发明的一方面，提供了一种网页页面的显示方法，应用于部署服务器端，该方法包括：

基于接收到的网页部署包，生成网页部署数据；其中，所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；

响应于检测到网页容器发送的网页加载请求，获取与所述网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器，以使所述网页容器基于所述目标网页渲染文件，生成初始网页页面；

从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器，以使所述网页容器基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示。

根据本发明的另一方面，提供了一种网页页面的显示方法，应用于网页容器，该方法包括：

响应于检测到网页加载指令，基于所述网页加载指令中的网页地址标识，生成网页加载请求，并将所述网页加载请求发送给部署服务器端；

响应于接收到所述部署服务器端发送的目标网页渲染文件，基于所述目标网页渲染文件，生成初始网页页面；

响应于接收到所述部署服务器端发送的业务数据以及目标网页回填数据，基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示；

其中，所述业务数据是所述部署服务器端基于与所述网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，所述目标网页渲染文件、所述目标服务器访问数据以及所述目标网页回填数据是所述部署服务器端基于接收到的网页部署包生成的。

根据本发明的一方面，提供了一种网页页面的显示装置，应用于部署服务器端，该装置包括：

网页部署数据确定模块，用于基于接收到的网页部署包，生成网页部署数据；其中，所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；

网页渲染文件发送模块，用于响应于检测到网页容器发送的网页加载请求，获取与所述网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器，以使所述网页容器基于所述目标网页渲染文件，生成初始网页页面；

业务数据发送模块，用于从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器，以使所述网页容器基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示。

根据本发明的另一方面，提供了一种网页页面的显示装置，应用于网页容器，该装置包括：

网页加载请求发送模块，用于响应于检测到网页加载指令，基于所述网页加载指令中的网页地址标识，生成网页加载请求，并将所述网页加载请求发送给部署服务器端；

初始网页页面生成模块，用于响应于接收到所述部署服务器端发送的目标网页渲染文件，基于所述目标网页渲染文件，生成初始网页页面；

目标网页页面显示模块，用于响应于接收到所述部署服务器端发送的业务数据以及目标网页回填数据，基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示；

其中，所述业务数据是所述部署服务器端基于与所述网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，所述目标网页渲染文件、所述目标服务器访问数据以及所述目标网页回填数据是所述部署服务器端基于接收到的网页部署包生成的。

根据本发明的另一方面，提供了一种网页页面的显示系统，该系统包括：网页开发端、部署服务器端、网页容器和业务服务器端；

其中，所述网页开发端，用于将网页部署包发送给部署服务器端；

所述部署服务器端，用于基于接收到的网页部署包，生成网页部署数据；其中，所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；响应于检测到网页加载请求，获取与所述网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器；从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器；

所述网页容器，用于将网页加载请求发送给所述部署服务器端，基于接收到的目标网页渲染文件，生成初始网页页面；基于所述初始网页页面、接收到目标网页回填数据和业务数据，生成目标网页页面，并将所述目标网页页面进行显示；

所述业务服务器端，用于将与所述目标服务器访问数据对应的业务数据发送给所述部署服务器端。

根据本发明的另一方面，提供了一种电子设备，所述电子设备包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的网页页面的显示方法。

根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的网页页面的显示方法。

本发明实施例的技术方案，通过部署服务器端基于接收到网页部署包，生成网页部署数据，其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据，部署服务器端从业务服务器端获取与目标服务器访问数据对应的业务数据，以及将目标网页回填数据和业务数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及渲染完成的初始网页页面，生成目标网页页面，解决了服务器访问数据以及网页回填数据需要提前写入客户端程序的问题，使得网页页面的开发可以由网页开发人员单独完成，从而提高了网页页面的开发效率。进一步地，本技术方案还可以实现在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求，从而提高了APP页面的更新效率。

应当理解，本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征，也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。

附图说明

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

图1是根据本发明实施例提供的一种网页页面的显示方法的流程图；

图2是根据本发明实施例提供的一种目标网页部署数据的存储架构图；

图3是根据本发明实施例提供的一种网页页面的显示方法的流程图；

图4是根据本发明实施例提供的一种网页页面的显示装置的结构示意图；

图5是根据本发明实施例提供的一种网页页面的显示装置的结构示意图；

图6是根据本发明实施例提供的一种网页页面的显示系统的结构示意图；

图7是根据本发明实施例提供的一种网页页面的显示方法的具体实例的流程图；

图8是根据本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

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

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

图1是根据本发明实施例提供的一种网页页面的显示方法的流程图，本实施例可适用于在移动终端中进行网页页面显示的情况，该方法可以由网页页面的显示装置来执行，该网页页面的显示装置可以采用硬件和/或软件的形式实现，该网页页面的显示装置可配置于部署服务器端中。如图1所示，该方法包括：

S110、基于接收到的网页部署包，生成网页部署数据。

其中，具体的，网页部署包表征封装有用于渲染网页页面的渲染资源的数据包，示例性的，渲染资源包括但不限于超文本标记语言文件、JS(JavaScript)、图片资源或层叠样式表等等。

在本实施例中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据。其中，具体的，网页渲染文件用于表征网页容器执行渲染操作所需的文件，服务器访问数据用于表征部署服务器端访问业务服务器端所需的访问数据，网页回填数据用于表征网页容器执行数据回填操作所需的回填数据。

在一个实施例中，可选的，基于接收到的网页部署包，生成网页部署数据，包括：对接收到的网页部署包中的超文本标记语言文件进行解析，得到服务器访问数据以及网页回填数据；删除超文本标记语言文件中与服务器访问数据对应的代码数据以及删除超文本标记语言文件中与网页回填数据对应的代码数据，得到网页渲染文件。

其中，示例性的，对超文本标记语言文件进行解析时采用的解析方法包括但不限于Jsoup方法、htmlparser方法、NekoHTML方法、JTidy方法和HtmlCleaner方法等等，此处对采用的解析方法不作具体限定，用户可根据实际需求自定义设置。

S120、响应于检测到网页容器发送的网页加载请求，获取与网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给网页容器，以使网页容器基于目标网页渲染文件，生成初始网页页面。

其中，示例性的，网页容器可以是H5容器。其中，具体的，部署服务器端将网页部署数据与网页部署包对应的网页地址标识对应的存储。其中，网页地址标识可用于表征网页容器访问部署服务器端所需的网页访问地址。

其中，示例性的，网页地址标识可以是基于Hash算法和网页访问地址生成的，或者，基于MD5算法和网页访问地址生成的。这样设置的好处在于，由于网页访问地址中一般都会包含特殊符号，如/、#、￥、$、@等等，如果发送的网页加载请求中包含网页访问地址，会导致网页加载请求发送出错，如果直接将网页访问地址存储在部署服务器中也会出现错误，因此，采用网页地址标识代替网页访问地址可以有效避免上述问题的出现。

S130、从业务服务器端获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，并将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示。

在一个实施例中，可选的，目标服务器访问数据包括至少一个服务器接口数据以及与各服务器接口数据分别对应的业务请求参数，业务数据包括与各服务器接口数据分别对应的子业务数据，相应的，从业务服务器端获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，包括：针对每个服务器接口数据，基于与服务器接口数据对应的业务请求参数，生成业务数据请求；通过调用业务服务器端中与服务器接口数据对应的服务器接口，将业务数据请求发送给业务服务器端，并接收业务服务器端基于业务数据请求中业务请求参数返回的子业务数据。

其中，具体的，服务器接口数据可用于表征业务服务器端的服务器接口信息，业务请求参数可用于表征从业务服务器端获取业务数据对应的请求参数信息。示例性的，服务器接口数据可以是getBannerUrl，业务请求参数可以是网页id(string类型)。

其中，具体的，部署服务器端针对每个服务器接口数据，将与服务器接口数据对应的业务数据请求发送给业务服务器端，以使业务服务器端基于接收到的业务数据请求中的业务请求参数，获取存储区域内存储的与业务请求参数对应的子业务数据，并将子业务数据发送给部署服务器端。示例性的，当业务请求参数为网页id时，则将与网页id对应的子业务数据发送给部署服务器端，子业务数据包括但不限于销售额、剩余库存、店铺等级等等。此处对业务请求参数与子业务数据的对应关系不作限定。

这样设置的好处在于，部署服务器端与业务服务器端的数据传输速度相比于现有技术中的客户端与业务服务器端的输出传输速度要快，从而可以提高接口请求效率。

在一个实施例中，可选的，目标网页回填数据包括与各服务器接口数据分别对应的网页接口数据以及业务返回参数，相应的，将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器，包括：针对每个服务器接口数据，基于与服务器接口数据对应的网页接口数据、业务返回参数以及子业务数据，生成网页传输数据；其中，网页传输数据中的key值为网页接口数据和业务返回参数，与key值对应的value值为子业务数据；基于各网页传输数据，生成网页传输请求，并将网页传输请求发送给网页容器。

其中，具体的，网页接口数据可用于表征目标网页页面中与业务数据对应的回填位置，业务返回参数用于表征业务服务器端返回的业务数据对应的参数信息。示例性的，网页接口数据可以是onBannerResult，业务返回参数可以是banner图片url(string类型)。

图2是根据本发明实施例提供的一种目标网页部署数据的存储架构图。具体的，存储区域中存储有网页地址标识(WebhashA)、与网页地址标识对应的服务器访问数据以及与服务器访问数据对应的网页回填数据，其中，服务器访问数据包含n个服务器接口数据和n个业务请求参数，网页回填数据包含n个网页接口数据和n个业务返回参数。

其中，具体的，网页传输数据中的网页接口数据、业务返回参数以及子业务数据都是针对同一服务器接口数据而言的。网页传输请求整合了所有的网页传输数据，统一发送给网页容器。

这样设置的好处在于，可以提高数据传输效率，进而提高网页容器数据回填的效率，降低用户等待网页页面显示的时间。

本实施例的技术方案，通过部署服务器端基于接收到网页部署包，生成网页部署数据，其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据，部署服务器端从业务服务器端获取与目标服务器访问数据对应的业务数据，以及将目标网页回填数据和业务数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及渲染完成的初始网页页面，生成目标网页页面，解决了服务器访问数据以及网页回填数据需要提前写入客户端程序的问题，使得网页页面的开发可以由网页开发人员单独完成，从而提高了网页页面的开发效率。进一步地，本技术方案还可以实现在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求，从而提高了APP页面的更新效率。

图3是根据本发明实施例提供的一种网页页面的显示方法的流程图，本实施例可适用于在移动终端中进行网页页面显示的情况，该方法可以由网页页面的显示装置来执行，该网页页面的显示装置可以采用硬件和/或软件的形式实现，该网页页面的显示装置可配置于网页容器中。如图3所示，该方法包括：

S210、响应于检测到网页加载指令，基于网页加载指令中的网页地址标识，生成网页加载请求，并将网页加载请求发送给部署服务器端。

其中，具体的，网页地址标识可用于表征网页容器访问部署服务器端所需的网页访问地址。

其中，示例性的，网页地址标识可以是基于Hash算法和网页访问地址生成的，或者，基于MD5算法和网页访问地址生成的。这样设置的好处在于，由于网页访问地址中一般都会包含特殊符号，如/、#、￥、$、@等等，如果发送的网页加载请求中包含网页访问地址，会导致网页加载请求发送出错，如果直接将网页访问地址存储在部署服务器中也会出现错误，因此，采用网页地址标识代替网页访问地址可以有效避免上述问题的出现。

S220、响应于接收到部署服务器端发送的目标网页渲染文件，基于目标网页渲染文件，生成初始网页页面。

S230、响应于接收到部署服务器端发送的业务数据以及目标网页回填数据，基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示。

在本实施例中，业务数据是部署服务器端基于与网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，目标网页渲染文件、目标服务器访问数据以及目标网页回填数据是部署服务器端基于接收到的网页部署包生成的。

其中，具体的，目标服务器访问数据用于表征部署服务器端访问业务服务器端所需的访问数据，目标网页回填数据用于表征网页容器执行数据回填操作所需的回填数据。

在一个实施例中，可选的，目标服务器访问数据包括至少一个服务器接口数据以及与各服务器接口数据分别对应的业务请求参数，业务数据包括与各服务器接口数据分别对应的子业务数据。其中，具体的，服务器接口数据可用于表征业务服务器端的服务器接口信息，业务请求参数可用于表征从业务服务器端获取业务数据对应的请求参数信息。示例性的，服务器接口数据可以是getBannerUrl，业务请求参数可以是网页id(string类型)。

在一个实施例中，可选的，目标网页回填数据包括至少一个网页接口数据以及与各网页接口数据分别对应的业务返回参数，业务数据包括与各网页接口数据分别对应的子业务数据，相应的，基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，包括：针对每个网页接口数据，获取业务数据中与网页接口数据对应的子业务数据；通过调用网页加载完成方法中的脚本处理方法，基于网页接口数据以及与网页接口数据对应的业务返回参数，将子业务数据写入到初始网页页面中，得到目标网页页面。

其中，具体的，网页接口数据可用于表征目标网页页面中与业务数据对应的回填位置，业务返回参数用于表征业务服务器端返回的业务数据对应的参数信息。示例性的，网页接口数据可以是onBannerResult，业务返回参数可以是banner图片url(string类型)。

其中，具体的，网页加载完成方法为onPageFinished方法，脚本处理方法为executeJavascript方法，其中，executeJavascript方法包含的参数有网页接口数据、与网页接口数据对应的业务返回参数以及子业务数据。

本实施例的技术方案，通过网页地址标识访问部署服务器端，接收部署服务器端发送的目标网页渲染文件、目标网页回填数据和业务数据，其中，业务数据是部署服务器端基于与网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，目标网页渲染文件、目标服务器访问数据以及目标网页回填数据是部署服务器端基于接收到的网页部署包生成的，解决了服务器访问数据以及网页回填数据需要提前写入客户端程序的问题，使得网页页面的开发可以由网页开发人员单独完成，从而提高了网页页面的开发效率。进一步地，本技术方案还可以实现在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求，从而提高了APP页面的更新效率。

图4是根据本发明实施例提供的一种网页页面的显示装置的结构示意图。如图4所示，该装置包括：网页部署数据确定模块310、网页渲染文件发送模块320和业务数据发送模块330。

其中，网页部署数据确定模块310，用于基于接收到的网页部署包，生成网页部署数据；其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；

网页渲染文件发送模块320，用于响应于检测到网页容器发送的网页加载请求，获取与网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给网页容器，以使网页容器基于目标网页渲染文件，生成初始网页页面；

业务数据发送模块330，用于从业务服务器端获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，并将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示。

本实施例的技术方案，通过部署服务器端基于接收到网页部署包，生成网页部署数据，其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据，部署服务器端从业务服务器端获取与目标服务器访问数据对应的业务数据，以及将目标网页回填数据和业务数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及渲染完成的初始网页页面，生成目标网页页面，解决了服务器访问数据以及网页回填数据需要提前写入客户端程序的问题，使得网页页面的开发可以由网页开发人员单独完成，从而提高了网页页面的开发效率。进一步地，本技术方案还可以实现在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求，从而提高了APP页面的更新效率。

在上述实施例的基础上，可选的，网页部署数据确定模块310，具体用于：

对接收到的网页部署包中的超文本标记语言文件进行解析，得到服务器访问数据以及网页回填数据；

删除超文本标记语言文件中与服务器访问数据对应的代码数据以及删除超文本标记语言文件中与网页回填数据对应的代码数据，得到网页渲染文件。

在上述实施例的基础上，可选的，目标服务器访问数据包括至少一个服务器接口数据以及与各服务器接口数据分别对应的业务请求参数，业务数据包括与各服务器接口数据分别对应的子业务数据，相应的，业务数据发送模块330，包括：

子业务数据获取模块，用于针对每个服务器接口数据，基于与服务器接口数据对应的业务请求参数，生成业务数据请求；通过调用业务服务器端中与服务器接口数据对应的服务器接口，将业务数据请求发送给业务服务器端，并接收业务服务器端基于业务数据请求中业务请求参数返回的子业务数据。

在上述实施例的基础上，可选的，目标网页回填数据包括与各服务器接口数据分别对应的网页接口数据以及业务返回参数，相应的，业务数据发送模块330，包括：

网页传输请求发送模块，用于针对每个服务器接口数据，基于与服务器接口数据对应的网页接口数据、业务返回参数以及子业务数据，生成网页传输数据；其中，网页传输数据中的key值为网页接口数据和业务返回参数，与key值对应的value值为子业务数据；基于各网页传输数据，生成网页传输请求，并将网页传输请求发送给网页容器。

本发明实施例所提供的网页页面的显示装置可执行本发明实施例所提供的网页页面的显示方法，具备执行方法相应的功能模块和有益效果。

图5是根据本发明实施例提供的一种网页页面的显示装置的结构示意图。如图5所示，该装置包括：网页加载请求发送模块410、初始网页页面生成模块420和目标网页页面显示模块430。

其中，网页加载请求发送模块410，用于响应于检测到网页加载指令，基于网页加载指令中的网页地址标识，生成网页加载请求，并将网页加载请求发送给部署服务器端；

初始网页页面生成模块420，用于响应于接收到部署服务器端发送的目标网页渲染文件，基于目标网页渲染文件，生成初始网页页面；

目标网页页面显示模块430，用于响应于接收到部署服务器端发送的业务数据以及目标网页回填数据，基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示；

其中，业务数据是部署服务器端基于与网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，目标网页渲染文件、目标服务器访问数据以及目标网页回填数据是部署服务器端基于接收到的网页部署包生成的。

本实施例的技术方案，通过网页地址标识访问部署服务器端，接收部署服务器端发送的目标网页渲染文件、目标网页回填数据和业务数据，其中，业务数据是部署服务器端基于与网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，目标网页渲染文件、目标服务器访问数据以及目标网页回填数据是部署服务器端基于接收到的网页部署包生成的，解决了服务器访问数据以及网页回填数据需要提前写入客户端程序的问题，使得网页页面的开发可以由网页开发人员单独完成，从而提高了网页页面的开发效率。进一步地，本技术方案还可以实现在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求，从而提高了APP页面的更新效率。

在上述实施例的基础上，可选的，目标网页回填数据包括至少一个网页接口数据以及与各网页接口数据分别对应的业务返回参数，业务数据包括与各网页接口数据分别对应的子业务数据，相应的，目标网页页面显示模块430，具体用于：

针对每个网页接口数据，获取业务数据中与网页接口数据对应的子业务数据；

通过调用网页加载完成方法中的脚本处理方法，基于网页接口数据以及与网页接口数据对应的业务返回参数，将子业务数据写入到初始网页页面中，得到目标网页页面。

本发明实施例所提供的网页页面的显示装置可执行本发明实施例所提供的网页页面的显示方法，具备执行方法相应的功能模块和有益效果。

图6是根据本发明实施例提供的一种网页页面的显示系统的结构示意图，该系统可执行本发明实施例提供的网页页面的显示方法。如图6所示，该系统包括：网页开发端510、部署服务器端520、网页容器530和业务服务器端540。

其中，网页开发端510，用于将网页部署包发送给部署服务器端520；部署服务器端520，用于基于接收到的网页部署包，生成网页部署数据；其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；响应于检测到网页加载请求，获取与网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给网页容器530；从业务服务器端540获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，并将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器530；网页容器530，用于将网页加载请求发送给部署服务器端520，基于接收到的目标网页渲染文件，生成初始网页页面；基于初始网页页面、接收到目标网页回填数据和业务数据，生成目标网页页面，并将目标网页页面进行显示；业务服务器端540，用于将与目标服务器访问数据对应的业务数据发送给部署服务器端520。

在一个实施例中，可选的，基于接收到的网页部署包，生成网页部署数据，包括：对接收到的网页部署包中的超文本标记语言文件进行解析，得到服务器访问数据以及网页回填数据；删除超文本标记语言文件中与服务器访问数据对应的代码数据以及删除超文本标记语言文件中与网页回填数据对应的代码数据，得到网页渲染文件。

其中，示例性的，对超文本标记语言文件进行解析时采用的解析方法包括但不限于Jsoup方法、htmlparser方法、NekoHTML方法、JTidy方法和HtmlCleaner方法等等，此处对采用的解析方法不作具体限定，用户可根据实际需求自定义设置。

在一个实施例中，可选的，目标服务器访问数据包括至少一个服务器接口数据以及与各服务器接口数据分别对应的业务请求参数，业务数据包括与各服务器接口数据分别对应的子业务数据，相应的，从业务服务器端540获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，包括：针对每个服务器接口数据，基于与服务器接口数据对应的业务请求参数，生成业务数据请求；通过调用业务服务器端540中与服务器接口数据对应的服务器接口，将业务数据请求发送给业务服务器端540，并接收业务服务器端540基于业务数据请求中业务请求参数返回的子业务数据。

在一个实施例中，可选的，目标网页回填数据包括与各服务器接口数据分别对应的网页接口数据以及业务返回参数，相应的，将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器530，包括：针对每个服务器接口数据，基于与服务器接口数据对应的网页接口数据、业务返回参数以及子业务数据，生成网页传输数据；其中，网页传输数据中的key值为网页接口数据和业务返回参数，与key值对应的value值为子业务数据；基于各网页传输数据，生成网页传输请求，并将网页传输请求发送给网页容器530。

具体的，目标服务器访问数据用于表征部署服务器端520访问业务服务器端540所需的访问数据，目标网页回填数据用于表征网页容器530执行数据回填操作所需的回填数据。

在一个实施例中，可选的，基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，包括：针对每个网页接口数据，获取业务数据中与网页接口数据对应的子业务数据；通过调用网页加载完成方法中的脚本处理方法，基于网页接口数据以及与网页接口数据对应的业务返回参数，将子业务数据写入到初始网页页面中，得到目标网页页面。

图7是根据本发明实施例提供的一种网页页面的显示方法的具体实例的流程图。具体的，在打包上传阶段，网页开发端将网页开发项目打包后上传到部署服务器端。在解析发布阶段，部署服务器端基于接收到的网页部署包，确定网页部署数据，并将网页部署数据与网页地址标识对应存储后，执行部署发布操作。在页面显示阶段，当部署服务器端接收到网页容器发送的网页加载请求时，部署服务器端查找与网页加载请求中的网页地址标识对应的目标网页部署数据，将目标网页部署数据中的目标网页渲染文件发送给网页容器，以使网页容器基于目标网页渲染文件，生成初始网页页面。同时，部署服务器端基于目标网页部署数据中的目标服务器访问数据从业务服务器端获取业务数据，将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器，网页容器基于目标网页回填数据，将业务数据回填到初始网页页面中，得到目标网页页面，并将目标网页页面进行显示。

本实施例的技术方案，通过部署服务器端基于接收到网页部署包，生成网页部署数据，其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据，部署服务器端从业务服务器端获取与目标服务器访问数据对应的业务数据，以及将目标网页回填数据和业务数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及渲染完成的初始网页页面，生成目标网页页面，解决了服务器访问数据以及网页回填数据需要提前写入客户端程序的问题，使得网页页面的开发可以由网页开发人员单独完成，从而提高了网页页面的开发效率。进一步地，本技术方案还可以实现在避免在APP重新发版的情况下，满足APP页面实时动态更新的需求，从而提高了APP页面的更新效率。

图8是根据本发明实施例提供的一种电子设备的结构示意图。电子设备10可以为部署服务器端也可以为网页容器。

电子设备10旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本发明的实现。

如图8所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(ROM)12、随机访问存储器(RAM)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序，来执行各种适当的动作和处理。在RAM 13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。

电子设备10中的多个部件连接至I/O接口15，包括：输入单元16，例如键盘、鼠标等；输出单元17，例如各种类型的显示器、扬声器等；存储单元18，例如磁盘、光盘等；以及通信单元19，例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如网页页面的显示方法。

在一些实施例中，网页页面的显示方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时，可以执行上文描述的网页页面的显示方法的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行网页页面的显示方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本发明的网页页面的显示方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器，使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

实施例五

本发明实施例五还提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机指令，计算机指令用于使处理器执行一种网页页面的显示方法，该方法包括：

基于接收到的网页部署包，生成网页部署数据；其中，网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；

响应于检测到网页容器发送的网页加载请求，获取与网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给网页容器，以使网页容器基于目标网页渲染文件，生成初始网页页面；

从业务服务器端获取与目标网页部署数据中的目标服务器访问数据对应的业务数据，并将业务数据以及目标网页部署数据中的目标网页回填数据发送给网页容器，以使网页容器基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示。

或者，计算机指令用于使处理器执行一种网页页面的显示方法，该方法包括：

响应于检测到网页加载指令，基于网页加载指令中的网页地址标识，生成网页加载请求，并将网页加载请求发送给部署服务器端；

响应于接收到部署服务器端发送的目标网页渲染文件，基于目标网页渲染文件，生成初始网页页面；

响应于接收到部署服务器端发送的业务数据以及目标网页回填数据，基于目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将目标网页页面进行显示；

其中，业务数据是部署服务器端基于与网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，目标网页渲染文件、目标服务器访问数据以及目标网页回填数据是部署服务器端基于接收到的网页部署包生成的。

在本发明的上下文中，计算机可读存储介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。备选地，计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在电子设备上实施此处描述的系统和技术，该电子设备具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为业务服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。

计算系统可以包括网页容器和服务器。网页容器和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有网页容器-服务器关系的计算机程序来产生网页容器和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本发明的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (11)

1.一种网页页面的显示方法，其特征在于，应用于部署服务器端，包括：

基于接收到的网页部署包，生成网页部署数据；其中，所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；

响应于检测到网页容器发送的网页加载请求，获取与所述网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器，以使所述网页容器基于所述目标网页渲染文件，生成初始网页页面；

从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器，以使所述网页容器基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示。

2.根据权利要求1所述的方法，其特征在于，所述基于接收到的网页部署包，生成网页部署数据，包括：

对接收到的网页部署包中的超文本标记语言文件进行解析，得到服务器访问数据以及网页回填数据；

删除所述超文本标记语言文件中与所述服务器访问数据对应的代码数据以及删除所述超文本标记语言文件中与所述网页回填数据对应的代码数据，得到网页渲染文件。

3.根据权利要求1所述的方法，其特征在于，所述目标服务器访问数据包括至少一个服务器接口数据以及与各所述服务器接口数据分别对应的业务请求参数，所述业务数据包括与各所述服务器接口数据分别对应的子业务数据，相应的，所述从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，包括：

针对每个服务器接口数据，基于与所述服务器接口数据对应的业务请求参数，生成业务数据请求；

通过调用业务服务器端中与所述服务器接口数据对应的服务器接口，将所述业务数据请求发送给业务服务器端，并接收所述业务服务器端基于所述业务数据请求中业务请求参数返回的子业务数据。

4.根据权利要求3所述的方法，其特征在于，所述目标网页回填数据包括与各所述服务器接口数据分别对应的网页接口数据以及业务返回参数，相应的，将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器，包括：

针对每个服务器接口数据，基于与所述服务器接口数据对应的网页接口数据、业务返回参数以及子业务数据，生成网页传输数据；其中，所述网页传输数据中的key值为所述网页接口数据和业务返回参数，与所述key值对应的value值为所述子业务数据；

基于各网页传输数据，生成网页传输请求，并将所述网页传输请求发送给所述网页容器。

5.一种网页页面的显示方法，其特征在于，应用于网页容器，包括：

响应于检测到网页加载指令，基于所述网页加载指令中的网页地址标识，生成网页加载请求，并将所述网页加载请求发送给部署服务器端；

响应于接收到所述部署服务器端发送的目标网页渲染文件，基于所述目标网页渲染文件，生成初始网页页面；

响应于接收到所述部署服务器端发送的业务数据以及目标网页回填数据，基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示；

其中，所述业务数据是所述部署服务器端基于与所述网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，所述目标网页渲染文件、所述目标服务器访问数据以及所述目标网页回填数据是所述部署服务器端基于接收到的网页部署包生成的。

6.根据权利要求5所述的方法，其特征在于，所述目标网页回填数据包括至少一个网页接口数据以及与各所述网页接口数据分别对应的业务返回参数，所述业务数据包括与各所述网页接口数据分别对应的子业务数据，相应的，所述基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，包括：

针对每个网页接口数据，获取所述业务数据中与所述网页接口数据对应的子业务数据；

通过调用网页加载完成方法中的脚本处理方法，基于所述网页接口数据以及与所述网页接口数据对应的业务返回参数，将所述子业务数据写入到所述初始网页页面中，得到目标网页页面。

7.一种网页页面的显示装置，其特征在于，应用于部署服务器端，包括：

网页部署数据确定模块，用于基于接收到的网页部署包，生成网页部署数据；其中，所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；

网页渲染文件发送模块，用于响应于检测到网页容器发送的网页加载请求，获取与所述网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器，以使所述网页容器基于所述目标网页渲染文件，生成初始网页页面；

业务数据发送模块，用于从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器，以使所述网页容器基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示。

8.一种网页页面的显示装置，其特征在于，应用于网页容器，包括：

网页加载请求发送模块，用于响应于检测到网页加载指令，基于所述网页加载指令中的网页地址标识，生成网页加载请求，并将所述网页加载请求发送给部署服务器端；

初始网页页面生成模块，用于响应于接收到所述部署服务器端发送的目标网页渲染文件，基于所述目标网页渲染文件，生成初始网页页面；

目标网页页面显示模块，用于响应于接收到所述部署服务器端发送的业务数据以及目标网页回填数据，基于所述目标网页回填数据、业务数据以及初始网页页面，生成目标网页页面，并将所述目标网页页面进行显示；

其中，所述业务数据是所述部署服务器端基于与所述网页地址标识对应的目标服务器访问数据从业务服务器端获取到的，所述目标网页渲染文件、所述目标服务器访问数据以及所述目标网页回填数据是所述部署服务器端基于接收到的网页部署包生成的。

9.一种网页页面的显示系统，其特征在于，包括：网页开发端、部署服务器端、网页容器和业务服务器端；

其中，所述网页开发端，用于将网页部署包发送给部署服务器端；

所述部署服务器端，用于基于接收到的网页部署包，生成网页部署数据；其中，所述网页部署数据包括网页渲染文件、服务器访问数据以及网页回填数据；响应于检测到网页加载请求，获取与所述网页加载请求中网页地址标识对应的目标网页部署数据，并将目标网页部署数据中的目标网页渲染文件发送给所述网页容器；从业务服务器端获取与所述目标网页部署数据中的目标服务器访问数据对应的业务数据，并将所述业务数据以及所述目标网页部署数据中的目标网页回填数据发送给所述网页容器；

所述网页容器，用于将网页加载请求发送给所述部署服务器端，基于接收到的目标网页渲染文件，生成初始网页页面；基于所述初始网页页面、接收到目标网页回填数据和业务数据，生成目标网页页面，并将所述目标网页页面进行显示；

所述业务服务器端，用于将与所述目标服务器访问数据对应的业务数据发送给所述部署服务器端。

10.一种电子设备，其特征在于，所述电子设备包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-4中任一项所述的网页页面的显示方法或权利要求5-6任一项所述的网页页面的显示方法。

11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-4中任一项所述的网页页面的显示方法或权利要求5-6任一项所述的网页页面的显示方法。

Images