页面显示方法、装置、设备及存储介质

技术领域

本申请涉及云计算领域，尤其涉及一种页面显示方法、装置、设备及存储介质。

背景技术

随着互联网技术的发展，出现了越来越多内容丰富、样式多变、功能强大的页面，通过页面可以显示用户想要浏览的内容。其中，VUE是目前常用的页面开发框架。VUE，指用于创建用户界面的渐进式框架，与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。通过VUE框架开发的Vue页面都是采用组件嵌套的形式，由一个一个的组件拼接而成整个页面。

相关技术中，在显示VUE页面时，通常是通过对一个VUE页面上的组件进行操作，实现页面之间的跳转。具体地，在显示一个VUE主页面之后，用户只能看到该VUE主页面上的内容，若需要查看该VUE主页面对应的VUE子页面的内容，则需要在该VUE主页面上点击VUE子页面对应的组件，完成VUE子页面跳转后才可以查看VUE子页面的内容；若需要查看其他VUE子页面的内容，则还需要在当前VUE子页面执行返回操作，返回到VUE主页面上，再次点击其他VUE子页面对应的组件，跳转到其他VUE子页面。从而，相关技术中在显示页面时，操作过程复杂繁琐。

因此，亟需一种可以简化操作过程的页面显示方法。

发明内容

本申请提供一种页面显示方法、装置、设备及存储介质，用以实现在显示页面时，简化用户操作。

第一方面，本申请提供一种页面显示方法，包括：接收数据查询请求，所述数据查询请求是终端设备响应检测到VUE主页面的显示操作发出的，所述数据查询请求中携带所述VUE主页面的第一标识信息；响应所述数据查询请求，根据所述第一标识信息，确定内嵌于所述VUE主页面的VUE子页面的第二标识信息，不同VUE子页面对应的目标数据的数据类型不同；根据所述第二标识信息，获取应在所述VUE子页面中显示的目标数据，并向所述终端设备发送所述目标数据，使得所述终端设备在所述VUE主页面中内嵌显示所述VUE子页面，并在所述VUE子页面上显示所述目标数据。

第二方面，本申请提供一种页面显示方法，包括：响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求，所述数据查询请求中携带所述VUE主页面的第一标识信息；接收所述服务器发送的目标数据，所述目标数据是所述服务器响应所述数据查询请求，根据所述第一标识信息，确定内嵌于所述VUE主页面的VUE子页面的第二标识信息，并根据所述第二标识信息，获取应在所述VUE子页面中显示的数据，不同VUE子页面对应的目标数据的数据类型不同；在所述VUE主页面中内嵌显示所述VUE子页面，并在所述VUE子页面上显示所述目标数据。

第三方面，本申请提供一种页面显示装置，包括：接收模块，用于接收数据查询请求，所述数据查询请求是终端设备响应检测到VUE主页面的显示操作发出的，所述数据查询请求中携带所述VUE主页面的第一标识信息；确定模块，用于响应所述数据查询请求，根据所述第一标识信息，确定内嵌于所述VUE主页面的VUE子页面的第二标识信息；获取模块，用于根据所述第二标识信息，获取应在所述VUE子页面中显示的目标数据，并发送所述目标数据，使得所述终端设备在所述VUE主页面中内嵌显示所述VUE子页面，并在所述VUE子页面上显示所述目标数据。

第四方面，本申请提供一种页面显示装置，包括：发送模块，用于响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求，所述数据查询请求中携带所述VUE主页面的第一标识信息；接收模块，用于接收所述服务器发送的目标数据，所述目标数据是所述服务器响应所述数据查询请求，根据所述第一标识信息，确定内嵌于所述VUE主页面的VUE子页面的第二标识信息，并根据所述第二标识信息，获取应在所述VUE子页面中显示的数据；显示模块，用于在所述VUE主页面中内嵌显示所述VUE子页面，并在所述VUE子页面上显示所述目标数据。

第五方面，本申请提供一种电子设备，包括：处理器，以及与处理器连接的存储器；存储器存储计算机执行指令；处理器执行存储器存储的计算机执行指令，以实现如第一方面或第二方面的页面显示方法。

第六方面，本申请提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机执行指令，计算机执行指令被执行时用于实现如第一方面或第二方面的页面显示方法。

第七方面，本申请提供一种计算机程序产品，包括计算机程序，计算机程序被执行时实现如第一方面或第二方面的页面显示方法。

本申请提供的页面显示方法、装置、设备及存储介质，VUE主页面中内嵌有VUE子页面。终端设备在检测VUE主页面的显示操作时，向服务器发送数据查询请求，数据查询请求中携带有VUE主页面的标识信息，而VUE主页面的标识信息对应VUE子页面的标识信息；服务器在接收到数据查询请求之后，可以根据VUE子页面的标识信息，在数据库中查询VUE子页面对应的目标数据，并将目标数据返回至终端设备；终端设备在接收到目标数据之后，就可以将目标数据渲染在对应的VUE子页面中。因此，可以实现经过一次VUE主页面的显示操作，显示VUE主页面中内嵌的VUE子页面数据，而无需经过多次操作，从而可以简化用户操作，提高用户体验。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1为本申请实施例提供的页面显示系统的一种结构示意图；

图2为本申请实施例提供的页面显示方法的流程图；

图3为本申请实施例提供的页面显示装置实施例一的结构示意图；

图4为本申请实施例提供的页面显示装置实施例二的结构示意图；

图5是根据一示例性实施例示出的一种终端设备的框图；

图6是根据一示例性实施例示出的一种服务器的框图。

通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。

需要说明的是，本申请页面显示方法、装置、设备及存储介质可用于云计算领域，也可用于除云计算领域之外的任意领域，本申请页面显示方法、装置、设备及存储介质的应用领域不做限定。

背景技术中提供的相关技术中，在显示页面时，操作过程复杂繁琐。因此，本申请提供的技术方案，旨在解决相关技术的如上技术问题。

针对相关技术中的问题，本申请提出一种页面显示方法，通过在VUE主页面中内嵌VUE子页面，这样终端设备在检测VUE主页面的显示操作时，可以向服务器发送数据查询请求，服务器在接收到数据查询请求之后，可以根据数据查询请求中携带的VUE主页面的标识信息确定VUE主页面对应的VUE子页面的标识信息，然后根据VUE子页面的标识信息，在数据库中查询VUE子页面对应的目标数据，并将目标数据返回至终端设备，终端设备在接收到目标数据之后，就可以将目标数据渲染在对应的VUE子页面中。因此，可以实现经过一次VUE主页面的显示操作，显示VUE主页面中内嵌的VUE子页面数据，而无需经过多次操作，从而可以简化用户的操作过程。

在一种实施例中，可以在一种应用场景中应用该页面显示方法。图1为本申请实施例提供的页面显示系统的一种结构示意图，如图1所示，该页面显示系统可以包括终端设备、服务器和数据库。其中，终端设备上包括VUE主页面，VUE主页面中内嵌有至少一个VUE子页面，VUE主页面对应有第一标识信息，VUE子页面对应有第二标识信息，第一标识信息和第二标识信息之间存在映射关系。

在该场景中，用户可以在终端设备上进行VUE主页面的显示操作，终端设备在检测到该显示操作之后，获取数据库的地址和VUE主页面的第一标识信息，并根据数据库的地址和第一标识信息生成数据查询请求，然后向服务器发送数据查询请求。由于数据查询请求中携带了VUE主页面的第一标识信息，服务器在接收到数据查询请求之后，可以根据第一标识信息和第二标识信息之间存在的映射关系，确定第二标识信息，并根据第二标识信息，在数据库中查询应在VUE子页面上显示的目标数据。服务器在查询到目标数据之后，将目标数据返回至终端设备上，终端设备在接收到目标数据之后，将目标数据渲染在VUE子页面上进行显示。

在该场景中，由于VUE子页面是内嵌在VUE主页面上的，因此，只需进行一次VUE主页面的显示操作，就可以显示VUE子页面上的数据，而无需经过多次操作，从而可以简化用户的操作过程。

下面以具体的实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。

本申请提供一种页面显示方法，图2为本申请实施例提供的页面显示方法的流程图，如图2所示，该方法包括以下步骤：

S201：终端设备响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求。

具体地，数据查询请求中携带VUE主页面的第一标识信息。

一种可选的实施方式中，显示操作可以是用户在终端设备上执行的，以显示VUE主页面。终端设备在响应到该显示操作之后，向服务器发送数据查询请求，以告知服务器VUE主页面的第一标识信息。

可选地，服务器可以为云服务器，也可以是服务器集群中的服务器。

可选地，VUE主页面可以采用VUE父组件实现。

S202：服务器响应数据查询请求，根据第一标识信息，确定内嵌于VUE主页面的VUE子页面的第二标识信息。

具体地，VUE主页面中内嵌有VUE子页面，则第一标识信息中可以携带VUE子页面对应的信息，从而可以通过第一标识信息确定VUE子页面的第二标识信息。因此，服务器在接收到数据查询请求之后，可以根据数据查询请求中携带的第一标识信息，确定出内嵌于VUE主页面的VUE子页面的第二标识信息。

可选地，VUE子页面可以采用VUE子组件实现。

S203：服务器根据第二标识信息，获取应在VUE子页面中显示的目标数据，并向终端设备发送目标数据。

具体地，服务器在确定出VUE子页面的第二标识信息后，就可以确定需要查询哪些数据，因此，可以获取应该VUE子页面中显示的目标数据，然后将获取到的目标数据返回至终端设备。

S204：终端设备响应接收到目标数据，在VUE主页面中内嵌显示VUE子页面，并在VUE子页面上显示目标数据。

具体地，由于目标数据是针对VUE子页面查询的，应在VUE子页面上显示的数据，且VUE子页面内嵌在VUE主页面中，因此，终端设备在接收到目标数据之后，可以在VUE主页面中内嵌显示VUE子页面，并将目标数据渲染在VUE子页面上进行显示。

可选地，VUE子页面可以采用表格形式实现，也即，VUE主页面上显示多个表格，每个表格对应一个VUE子页面。

本实施例提供的页面显示方法，通过在VUE主页面中内嵌VUE子页面，这样终端设备在检测VUE主页面的显示操作时，可以向服务器发送数据查询请求，以便于服务器可以根据数据查询请求，获取应在VUE子页面对应的目标数据，并将目标数据返回至终端设备，终端设备在接收到目标数据之后，就可以将目标数据渲染在对应的VUE子页面中进行。因此，可以实现经过一次VUE主页面的显示操作，显示VUE主页面中内嵌的VUE子页面数据，而无需经过多次操作，从而可以简化用户的操作过程。

在一种实施例中，不同VUE子页面对应的目标数据的数据类型不同。

具体地，VUE主页面上可以内嵌多个VUE子页面，每个VUE子页面上可显示的目标数据的数据类型可以不同，例如，多个VUE子页面可以显示金融系统中不同的业务数据，每个VUE子页面显示一种业务数据。通过不同的VUE子页面显示不同数据类型的目标数据，可以经过一次操作显示多种类型的数据，而无需经过多次操作，从而可以简化用户的操作过程，提高数据查询的效率。

在一种实施例中，VUE子页面的数量为多个，服务器根据第二标识信息，获取应在VUE子页面中显示的目标数据，并向终端设备发送目标数据，包括：针对多个VUE子页面中每个VUE子页面，服务器根据VUE子页面的第二标识信息，获取应在VUE子页面中显示的目标数据；服务器向终端设备发送多个VUE子页面的目标数据。

具体地，VUE主页面上内嵌的VUE子页面的数量可以为一个，也可以为多个。若VUE子页面的数量为多个，则第二标识信息也为多个，也即，服务器根据第一标识信息可以确定出多个第二标识信息，从而可以根据每个第二标识信息对应的数据类型，获取对应的VUE子页面上应显示的目标数据，并向终端设备发送每个VUE子页面的目标数据，以使终端设备可以将不同数据类型的目标数据渲染在对应的VUE子页面上显示。因此，通过不同的VUE子页面可以显示不同数据类型的目标数据，从而可以经过一次操作显示多种类型的数据，而无需经过多次操作，进一步可以实现简化用户的操作过程，提高数据查询的效率的目的。

在一种实施例中，响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求，包括：终端设备响应于检测到VUE主页面的显示操作，获取数据库的地址和第一标识信息；终端设备根据数据库的地址和第一标识信息，生成数据查询请求，并向服务器发送数据查询请求，数据查询请求中携带数据库的地址；服务器根据第二标识信息，获取应在VUE子页面中显示的目标数据，包括：服务器根据数据库的地址和第二标识信息，在数据库中获取应在VUE子页面中显示的目标数据，其中，数据库的地址为接收终端设备发送的数据库的地址。

具体地，VUE子页面上应显示的目标数据是存储在数据库中的，因此，终端设备在向服务器发送数据查询请求之前，需要确定出数据库的地址，从而可以将数据库的地址和VUE主页面的第一标识信息一同发送给服务器，这样服务器才可以确定需要从哪个数据库中查询应在VUE子页面上显示的目标数据。

一种可选的实施方式中，数据查询请求中可以携带VUE主页面的第一标识信息和数据库的地址，终端设备向服务器发送数据查询请求之后，服务器就可以根据数据库的地址确定应查询的数据库，然后根据VUE主页面的第一标识信息确定出VUE子页面的第二标识信息，从而根据第二标识信息在数据库中查找对应的目标数据。由于VUE子页面是内嵌在VUE主页面上的，因此，服务器从数据库中查询到目标数据之后，向终端设备发送目标数据，从而使终端设备将目标数据渲染在VUE子页面上进行显示，进一步可以实现经过一次VUE主页面的显示操作，显示VUE主页面中内嵌的VUE子页面数据，而无需经过多次操作，从而可以简化用户的操作过程。

在一种实施例中，VUE主页面和VUE子页面之间存在映射关系，根据第一标识信息，确定内嵌于VUE主页面的VUE子页面的第二标识信息，包括：服务器根据映射关系和第一标识信息，确定第二标识信息。

具体地，VUE主页面中内嵌VUE子页面，从而需要确定VUE主页面和VUE子页面的映射关系，以便于服务器可以根据映射关系，确定VUE主页面中内嵌的VUE子页面。也即，服务器可以根据VUE主页面和VUE子页面的映射关系，以及VUE主页面的第一标识信息，确定出VUE子页面的第二标识信息，从而根据第二标识信息，获取应在VUE子页面上显示的目标数据。由于VUE子页面是内嵌在VUE主页面上的，因此，服务器在获取到目标数据之后，可以向终端设备发送目标数据，使终端设备将目标数据渲染在VUE子页面上进行显示，从而可以实现经过一次VUE主页面的显示操作，显示VUE主页面中内嵌的VUE子页面数据，而无需经过多次操作，可以简化用户的操作过程。

可选地，VUE主页面和VUE子页面的映射关系可以存储在终端设备中，终端设备在向服务器发送数据查询请求时，可以将映射关系一同发送给服务器，服务器就可以根据映射关系和第一标识信息，确定出第二标识信息。数据查询请求中可以携带映射关系，这样终端设备仅需要向服务器发送数据查询请求即可。数据查询请求中也可以不携带映射关系，这样终端设备需要向服务器发送映射关系和数据查询请求。

可选地，VUE主页面和VUE子页面的映射关系也可以存储在服务器中，服务器在接收到数据查询请求之后，就可以根据映射关系和数据查询请求中携带的第一标识信息，确定出第二标识信息。

在一种实施例中，终端设备响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求，包括：终端设备响应于检测到VUE主页面的显示操作，通过服务器接口，向服务器发送数据查询请求。

具体地，服务器提供服务器接口，以便于终端设备可以通过服务器接口向服务器发送数据查询请求，服务器可以根据数据查询请求获取VUE子页面对应的目标数据返回至终端设备，从而使终端设备将目标数据渲染在VUE子页面上进行显示。由于VUE子页面是内嵌在VUE主页面上的，因此，可以实现经过一次VUE主页面的显示操作，显示VUE主页面中内嵌的VUE子页面数据，而无需经过多次操作，可以简化用户的操作过程。

一种可选的实施方式中，终端设备通过服务器接口向服务器发送数据查询请求时，数据查询请求中可以携带数据库的地址，以及VUE主页面的第一标识信息，由于VUE主页面和VUE子页面之间存在映射关系，服务器可以根据映射关系和第一标识信息，确定VUE子页面的第二标识信息，因此，数据查询请求可以为一个，从而可以减少代码复杂度和重复度。也即，在VUE子页面的数量为多个时，终端设备仅需要向服务器发送一个数据查询请求即可获取到多个VUE子页面对应目标数据。

另一种可选的实施方式中，在VUE子页面的数量为多个时，终端设备通过服务器接口可以向服务器发送多个数据查询请求，每个数据查询请求中可以携带数据库的地址，以及VUE子页面的第二标识信息，这样服务器仅需根据接收到的数据库的地址和第二标识信息在数据库中查询对应的目标数据返回即可，而无需根据第一标识信息确定第二标识信息。因此，可以降低服务器的运算量。其中，每个数据查询请求中除了第二标识信息对应的参数不同之外，其他参数均相同。因此，可以减少代码复杂度。

在一种实施例中，在VUE子页面上显示目标数据，包括：终端设备对目标数据进行预处理操作，得到预处理数据；终端设备在VUE子页面上显示预处理数据；预处理操作包括以下至少之一：对目标数据进行数据清洗；基于VUE子页面的数据显示规则，对目标数据进行排序。

具体地，终端设备在接收到服务器返回的目标数据之后，为了提高在VUE子页面上显示目标数据的效率，可以先对目标数据进行预处理操作，然后将预处理操作后得到的预处理数据显示在VUE子页面上。

一种可选的实施方式中，对目标数据进行预处理操作可以包括对目标数据进行数据清洗，也即，将目标数据中可能存在的重复数据、干扰数据等清洗掉，对目标数据中数据格式不一致的数据进行格式纠正等，实现提高在VUE子页面上显示的数据的准确性。

另一种可选的实施方式中，对目标数据进行预处理操作还可以包括基于VUE子页面的数据显示规则，对目标数据进行排序，也即，在VUE子页面上预设有数据显示规则，例如，目标数据以表格形式显示，则在VUE子页面上显示数据时，需要将目标数据按照表格中每一项参数进行排序，从而提高VUE子页面的页面整齐度。

可选地，为了降低终端设备的运算压力，对目标数据的预处理也可以在服务器中进行，也即，服务器在数据库中获取到目标数据之后，对目标数据进行预处理操作，得到预处理数据，并向终端设备发送预处理数据，以使终端设备将预处理数据渲染在VUE子页面上进行显示。

在一种实施例中，还包括：若终端设备在发送数据查询请求后设定时长内未接收到目标数据，则在VUE子页面中显示用于表示查询失败的提示信息。

具体地，终端设备向服务器发送数据查询请求之后，可能接收到服务器的反馈，也即，接收到服务器返回的目标数据，可能无法接收到服务器的反馈。因此，在未接收到服务器的反馈时，为了提高用户体验，需要提示用户查询失败，因此，终端设备可以在VUE子页面中显示用于表示查询失败的提示信息。

可选地，终端设备在设定时长内未接收到服务器的反馈时，可以再次向服务器发送数据查询请求，若预设次数后依旧未接收到服务器的反馈，则可以在VUE子页面中显示用于表示查询失败的提示信息。

可选地，VUE子页面的数量为多个时，可能存在某些VUE子页面上可以显示对应的数据，某些VUE子页面上无法显示对应的数据，因此，可以在VUE子页面中显示用于表示查询失败的提示信息，以便于可以确定哪些VUE子页面的数据无法显示，从而可以针对无法显示数据的VUE子页面进行异常处理。

从总体上来说，本申请提供的技术方案，是一种既可以简化用户的操作过程，又可以减少代码复杂度和重复度，还可以保证页面关系清晰，使页面显示整洁美观的技术方案。

本申请实施例还提供一种页面显示装置。图3为本申请实施例提供的页面显示装置实施例一的结构示意图，如图3所示，该页面显示装置包括：

接收模块301，用于接收数据查询请求，数据查询请求是终端设备响应检测到VUE主页面的显示操作发出的，数据查询请求中携带VUE主页面的第一标识信息；

确定模块302，用于响应数据查询请求，根据第一标识信息，确定内嵌于VUE主页面的VUE子页面的第二标识信息；

获取模块303，用于根据第二标识信息，获取应在VUE子页面中显示的目标数据，并发送目标数据，使得终端设备在VUE主页面中内嵌显示VUE子页面，并在VUE子页面上显示目标数据。

可选地，不同VUE子页面对应的目标数据的数据类型不同。

可选地，VUE子页面的数量为多个，获取模块303在根据第二标识信息，获取应在VUE子页面中显示的目标数据，并向终端设备发送目标数据时，具体用于：针对多个VUE子页面中每个VUE子页面，根据VUE子页面的第二标识信息，获取应在VUE子页面中显示的目标数据；向终端设备发送多个VUE子页面的目标数据。

可选地，VUE主页面和VUE子页面之间存在映射关系，确定模块302在根据第一标识信息，确定内嵌于VUE主页面的VUE子页面的第二标识信息时，具体用于：根据映射关系和第一标识信息，确定第二标识信息。

可选地，获取模块303在根据第二标识信息，获取应在VUE子页面中显示的目标数据时，具体用于：根据数据库的地址和第二标识信息，在数据库中获取应在VUE子页面中显示的目标数据，其中，数据库的地址为接收终端设备发送的数据库的地址。

本实施例提供的页面显示装置，用于执行前述方法实施例中的页面显示方法的技术方案，其实现原理和技术效果类似，在此不再赘述。

本申请实施例还提供一种页面显示装置。图4为本申请实施例提供的页面显示装置实施例二的结构示意图，如图4所示，该页面显示装置包括：

发送模块401，用于响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求，数据查询请求中携带VUE主页面的第一标识信息；

接收模块402，用于接收服务器发送的目标数据，目标数据是服务器响应数据查询请求，根据第一标识信息，确定内嵌于VUE主页面的VUE子页面的第二标识信息，并根据第二标识信息，获取应在VUE子页面中显示的数据；

显示模块403，用于在VUE主页面中内嵌显示VUE子页面，并在VUE子页面上显示目标数据。

可选地，发送模块401在响应于检测到VUE主页面的显示操作，向服务器发送数据查询请求时，具体用于：响应于检测到VUE主页面的显示操作，获取数据库的地址和第一标识信息；根据数据库的地址和第一标识信息，生成数据查询请求，并向服务器发送数据查询请求，数据查询请求中携带数据库的地址。

可选地，显示模块403在VUE子页面上显示目标数据时，具体用于：对目标数据进行预处理操作，得到预处理数据；在VUE子页面上显示预处理数据；预处理操作包括以下至少之一：对目标数据进行数据清洗；基于VUE子页面的数据显示规则，对目标数据进行排序。

可选地，显示模块403还用于若在发送数据查询请求后设定时长内未接收到目标数据，则在VUE子页面中显示用于表示查询失败的提示信息。

本实施例提供的页面显示装置，用于执行前述方法实施例中的页面显示方法的技术方案，其实现原理和技术效果类似，在此不再赘述。

本申请实施例还提供一种电子设备，该电子设备可以被配置为前述的终端设备或服务器，该服务器可以为云服务器。

图5是根据一示例性实施例示出的一种终端设备的框图，该设备可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

终端设备500可以包括以下一个或多个组件：处理组件502，存储器504，电源组件506，多媒体组件508，音频组件510，输入/输出接口512，传感器组件514，以及通信组件516。该输入/输出接口512也可以称为I/O接口512。

处理组件502通常控制终端设备500的整体操作，诸如与页面显示，数据通信和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行存储器504中存储的计算机执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在终端设备500的操作。这些数据的示例包括用于在终端设备500上操作的任何应用程序或方法的指令(如计算机执行指令)，页面数据，消息，图片，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(Static Random-Access Memory，简称：SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory，简称：EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read OnlyMemory，简称：EPROM)，可编程只读存储器(Programmable Read Only Memory，简称：PROM)，只读存储器(Read Only Memory，简称：ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为终端设备500的各种组件提供电力。电源组件506可以包括电源管理系统，一个或多个电源，及其他与为终端设备500生成、管理和分配电力相关联的组件。

多媒体组件508包括在终端设备500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(Liquid Crystal Display，简称：LCD)和触摸面板(Touch Pad，简称：TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(microphone，简称：MIC)，当终端设备500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

I/O接口512为处理组件502和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为终端设备500提供各个方面的状态检测。例如，传感器组件514可以检测到终端设备500的打开/关闭状态，组件的相对定位，例如组件为终端设备500的显示器和小键盘，传感器组件514还可以检测终端设备500或终端设备500中一个组件的位置改变，用户与终端设备500接触的存在或不存在，终端设备500方位或加速/减速和终端设备500的温度变化。传感器组件514可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516被配置为便于终端设备500和其他设备之间有线或无线方式的通信。终端设备500可以接入基于通信标准的无线网络，如WiFi，4G或5G，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，通信组件516还包括近场通信(Near FieldCommunication，简称：NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RadioFrequency Identification，简称：RFID)技术，红外数据协会(Infrared DataAssociation，简称：IrDA)技术，超宽带(Ultra Wide Band，简称：UWB)技术，蓝牙(bluetooth，简称：BT)技术和其他技术来实现。

在示例性实施例中，终端设备500可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit，简称：ASIC)、数字信号处理器(DigitalSignal Processor，简称：DSP)、数字信号处理设备(Digital Signal Processor Device，简称：DSPD)、可编程逻辑器件(programmable logic device，简称：PLD)、现场可编程门阵列(Field programmable gate array，简称：FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器504，上述指令可由终端设备500的处理器520执行以完成上述方法。例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(Random Access Memory，简称：RAM)、光盘只读存储器(Compact Disc Read-Only Memory，简称：CD-ROM)、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当该存储介质中的指令由终端设备500的处理器520执行时，使得终端设备500能够执行上述页面显示方法。

图6是根据一示例性实施例示出的一种服务器的框图。参照图6，服务器600包括处理组件601，其进一步包括一个或多个处理器，以及由存储器602所代表的存储器资源，用于存储可由处理组件601的执行的计算机执行指令，例如应用程序。存储器602中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件601被配置为执行指令，以执行上述页面显示方法。

服务器600还可以包括一个电源组件603被配置为执行服务器600的电源管理，一个有线或无线网络接口604被配置为将服务器600连接到网络，和一个输入/输出接口605，该输入/输出接口605也可以称为I/O接口605。服务器600可以操作基于存储在存储器602的操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

存储器602被配置为存储各种类型的数据以支持在服务器600的操作。这些数据的示例包括用于在服务器600上操作的任何应用程序或方法的指令，数据，消息，图片，视频等。存储器602可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(Static Random-Access Memory，简称：SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，简称：EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read Only Memory，简称：EPROM)，可编程只读存储器(Programmable Read Only Memory，简称：PROM)，只读存储器(Read Only Memory，简称：ROM)，磁存储器，快闪存储器，磁盘或光盘。

本申请实施例还提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机执行指令，计算机执行指令被执行时用于实现前述方法实施例中提供的页面显示方法的技术方案。

本申请实施例还提供一种计算机程序产品，包括计算机程序，计算机程序被执行时用于实现前述方法实施例中提供的页面显示方法的技术方案。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求书指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。