CN117687726A - 页面显示方法、装置、设备及可读存储介质 - Google Patents

Abstract

本公开涉及一种页面显示方法、装置、设备及可读存储介质。其中，该方法包括：在显示页面显示第一展示对象；获取显示页面对应的数据列表，该数据列表对应的渲染画面包括第一展示对象对应的第一数据信息；当向数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于第一展示对象与第二展示对象之间的预设排序规则确定出第二数据信息的加载位置；基于加载位置确定第一展示对象在数据列表对应的渲染画面中的位置偏移量；根据位置偏移量以及第二展示对象刷新显示页面，以使第一展示对象的在显示页面中的显示位置保持不变。通过实施本公开的方案，在动态刷新多数据源数据列表时，避免了显示页面在用户视觉上的跳变。

Description

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

技术领域

本公开涉及计算机处理技术领域，具体涉及一种页面显示方法、装置、设备及可读存储介质。

背景技术

在应用程序的开发过程中，会涉及到许多数据列表的请求，且通常一个数据列表的数据来源可能有多个，即从多个网络请求接口获取数据以共同组成一个数据列表，继而对数据列表中的各条数据进行渲染，以展示在应用程序中供用户浏览或查看。

发明内容

本公开实施例提供了一种页面显示方法、装置、设备及可读存储介质，以解决当前处理方法难以支持多数据源列表的动态刷新而影响用户进行页面观看的问题。

根据第一方面，本公开实施例提供了一种页面显示方法，包括：在显示页面显示第一展示对象；获取所述显示页面对应的数据列表，所述数据列表对应的渲染画面包括第一展示对象对应的第一数据信息；当向所述数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于所述第一展示对象与所述第二展示对象之间的预设排序规则确定出所述第二数据信息的加载位置，其中，所述第一数据信息和所述第二数据信息的数据源不同；基于所述加载位置确定所述第一展示对象在所述数据列表对应的渲染画面中的位置偏移量；根据所述位置偏移量以及所述第二展示对象刷新所述显示页面，以使所述第一展示对象的在所述显示页面中的显示位置保持不变。

本公开实施例提供的页面显示方法，在向数据列表中加载待渲染的第二展示对象所对应的第二数据信息时，通过第一展示对象与第二展示对象之间的预设排序规则确定第二数据信息在数据列表中的加载位置，继而根据该加载位置确定第一展示对象所产生的位置偏移量，并通过位置偏移量以及第二数据信息刷新数据列表，即通过位置偏移量以及第二展示对象刷新数据列表对应的显示页面，以保证第一展示对象的在当前显示页面中的显示位置保持不变。由此能够避免因加载第二展示对象而导致第一展示对象在显示页面中的位置发生改变的问题，保证数据列表动态刷新过程中，其所对应的显示页面中的内容在用户视觉上是保持静止不变的，进而提升了用户的观看体验。

结合第一方面，在第一方面的第一实施方式中，所述当向所述数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于所述第一展示对象与所述第二展示对象之间的预设排序规则确定出所述第二数据信息的加载位置，包括：获取所述第一展示对象对应的第一数据信息在所述数据列表中的第一排序值，以及所述第二展示对象对应的第二数据信息在所述数据列表中的第二排序值；对比所述第一排序值和所述第二排序值，基于所述预设排序规则确定所述第二展示对象对应的第二数据信息在所述数据列表中的加载位置。

本公开实施例提供的页面显示方法，通过对比第一排序值以及第二排序值，以确定第二展示对象所对应的第二数据信息在数据列表中的加载位置，由此能够根据预设排序规则向数据列表中加载展示对象，实现数据列表所对应显示页面的实时更新。

结合第一方面第一实施方式，在第一方面的第二实施方式中，所述预设排序规则为优先级排序，所述对比所述第一排序值和所述第二排序值，基于所述预设排序规则确定所述第二数据信息的加载位置，包括：当所述第一排序值小于所述第二排序值时，将所述第二数据信息加载至所述第一数据信息的前方；或，当所述第一排序值大于等于所述第二排序值时，将所述第二数据信息加载至所述第一数据信息的后方。

本公开实施例提供的页面显示方法，根据不同展示对象的优先级确定各个展示对象所对应数据信息在数据列表中的排列顺序，由此根据该排列顺序实现数据信息的插入，避免数据信息插入逻辑紊乱，便于动态更新数据列表。

结合第一方面或第一方面第一实施方式或第二实施方式，在第一方面的第三实施方式中，所述方法还包括：获取指向所述第一数据信息的第一网络请求接口，以及指向所述第二数据信息的第二网络请求接口，所述第一网络请求接口与所述第二网络请求接口分别对应不同的标识信息；基于所述标识信息与数据处理方式的映射关系，确定所述第一网络请求接口返回的第一数据的第一数据处理方式，以及所述第二网络请求接口返回的第二数据的第二数据处理方式；基于所述第一数据处理方式对所述第一数据进行序列化处理，得到第一序列化数据，所述第一序列化数据包括所述第一展示对象对应的第一数据信息；基于所述第二数据处理方式对所述第二数据进行序列化处理，得到第二序列化数据，所述第二序列化数据包括所述第二展示对象对应的第二数据信息。

本公开实施例提供的页面显示方法，对不同网络请求接口返回的数据进行相应的数据处理，便于对不同网络请求接口所返回的数据进行异步处理，实现对多数据源的数据收敛，便于实现数据列表的动态调整和数据信息的动态更新。

结合第一方面第三实施方式，在第一方面的第五实施方式中，所述方法还包括：在所述第一序列化数据以及所述第二序列化数据中设置优先级标识。

本公开实施例提供的页面显示方法，在得到序列化数据的同时，在序列化数据中设置针对于不同序列化数据的优先级标识，便于根据优先级标识确定各个数据在数据列表中的展示顺序。

结合第一方面第四实施方式，在第一方面的第六实施方式中，所述方法还包括：将所述第一序列化数据和所述第二序列化数据存储至目标队列，所述目标队列用于向所述数据列表加载所述第一数据信息和/或所述第二数据信息。

本公开实施例提供的页面显示方法，通过将处理得到的序列化数据存储至目标队列，便于按照响应时间将处理各个数据源所得到的数据信息插入至数据列表中。

结合第一方面，在第一方面的第六实施方式中，所述根据所述位置偏移量以及所述第二展示对象刷新所述显示页面，包括：确定加载至所述数据列表的与所述第二展示对象对应的所述第二数据信息；对加载有所述第二数据信息的数据列表进行渲染，按照所述位置偏移量刷新所述显示页面。

本公开实施例提供的页面显示方法，通过第二数据信息以及位置偏移量对数据列表进行渲染，在以渲染得到的第二展示对象实时刷新显示页面的同时，保证当前展示对象在显示页面中的显示位置不变。

结合第一方面第六实施方式，在第一方面的第七实施方式中，所述对加载有所述第二数据信息的数据列表进行渲染，按照所述位置偏移量刷新所述显示页面，包括：获取所述位置偏移量对应的偏移方向；按照所述偏移方向的反方向将所述数据列表对应的渲染画面滑动预设距离，其中，所述预设距离与所述位置偏移量相等。

本公开实施例提供的页面显示方法，在向数据列表插入第二数据信息后，将数据列表对应的渲染画面向偏移方向的反方向滑动预设距离，且该预设距离与位置偏移量相等，以使第一展示对象在显示页面中的位置不变，由此保证了当前显示页面中的显示内容不变，实现了显示页面所对应的数据列表的实时动态刷新。

根据第二方面，本公开实施例提供了一种页面显示装置，包括：显示模块，用于在显示页面显示第一展示对象；数据获取模块，用于获取所述显示页面对应的数据列表，所述数据列表对应的渲染画面包括第一展示对象对应的第一数据信息；动态计算模块，用于当向所述数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于所述第一展示对象与所述第二展示对象之间的预设排序规则确定出所述第二数据信息的加载位置，其中，所述第一数据信息和所述第二数据信息的数据源不同；偏移确定模块，用于基于所述加载位置确定所述第一展示对象在所述数据列表对应的渲染画面中的位置偏移量；刷新模块，用于根据所述位置偏移量以及所述第二展示对象刷新所述显示页面，以使所述第一展示对象的在所述显示页面中的显示位置保持不变。

结合第二方面，在第二方面的第一实施方式中，所述装置还包括：网络请求模块，用于获取指向所述第一数据信息的第一网络请求接口，以及指向所述第二数据信息的第二网络请求接口；接口分发模块，用于接收所述第一网络请求接口返回的第一数据，以及所述第二网络请求接口返回的第二数据；并根据所述第一网络请求接口与所述第二网络请求接口对应的标识信息，将所述第一数据和所述第二数据分发至对应的数据处理模块；数据处理模块，用于接收所述第一数据或所述第二数据，对所述第一数据或第二数据进行序列化处理，得到所述第一数据对应的第一序列化数据，或所述第二数据对应的第二序列化数据；其中，所述第一序列化数据包括所述第一展示对象对应的第一数据信息，所述第二序列化数据包括所述第二展示对象对应的第二数据信息。

根据第三方面，本公开实施例提供了一种电子设备，包括：存储器和处理器，所述存储器和所述处理器之间互相通信连接，所述存储器中存储有计算机指令，所述处理器通过执行所述计算机指令，从而执行第一方面或第一方面任一实施方式所述的页面显示方法。

根据第四方面，本公开实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使计算机执行第一方面或第一方面任一实施方式所述的页面显示方法。

需要说明的是，本公开实施例提供的页面显示装置、电子设备以及计算机可读存储介质的相应有益效果，请参见页面显示方法中相应内容的描述，在此不再赘述。

附图说明

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

图1示出了本公开实施例中应用程序的代码架构示意图；

图2是根据本公开实施例的页面显示方法的流程图；

图3是根据本公开实施例的页面显示方法的另一流程图；

图4是根据本公开实施例的页面显示方法的又一流程图；

图5是根据本公开实施例的向数据列表插入第二数据信息的示意图；

图6是根据本公开实施例的数据列表中不同数据信息的排序示意图；

图7是根据本公开实施例的第二数据信息的加载示意图；

图8是根据本公开实施例的页面显示装置的结构框图；

图9是本公开实施例提供的电子设备的硬件结构示意图。

具体实施方式

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

目前，对于应用程序过程中所涉及的多数据源列表的请求，通常会由于不同网络请求的数据格式、响应时间和展示顺序的不一致，以及数据发生的动态改变，多数据源数据列表刷新方式在加载了优先级较高的页面对象时，会导致多数据源列表动态刷新会使得当前显示页面中显示的内容位置发生偏移，即用户目前正在观看的页面的位置发生偏移，从而严重影响用户体验。

为了应对多数据源列表的动态刷新这一问题，目前常用的方式主要有三种：

1)减少数据源的数量，尽量从一个网络请求接口下发数据。由于多数据源的数据处理以及展示逻辑的复杂度会随着数据源的数量增加而上升，所以最直接的方案就是减少网络请求的数量。但这样的方案只是在减弱问题所带来的影响，但是该方法并未从本质上解决多数据源列表的动态刷新问题。

2)等待所有网络请求接口返回数据后，进行统一的数据处理。当数据列表中的数据需要向多个网络请求接口发送数据请求时，那么等待所有网络请求接口均响应返回数据后，再进行数据的统一处理以及数据展示排序。尽管该方法可以大大减少系统的复杂度，但是由于每个网络请求接口的响应时间和延时都不一致，可能会因水桶效应而增大整体数据列表的数据加载时长，从而使得用户的体验恶化。

3)对每一个网络请求接口返回的数据进行分别处理，再按照既定的排序来刷新列表。每当一个网络请求接口返回数据后，都会其接收到的数据进行处理并刷新数据列表后予以渲染展示。且该数据将会按照事先约定好的顺序进行排序，比如最后返回的数据加载在数据列表的最后面。尽管这种方法对于处理多数据源列表是可行的，但是在某些场景下，某个网络请求返回的数据可能并不是固定位置，其位置可能依赖于用户操作而动态展示在不同的位置。同时，每次网络请求接口返回都会重新处理数据，刷新数据列表，这样就会造成列表跳变，严重影响用户体验。

基于此，本公开技术方案在向数据列表加载新数据时，计算数据列表中已有数据因新数据的插入所产生的展示对象的位置偏移量，通过该位置偏移量对数据列表进行刷新和调整以保证在加载新数据的过程中，数据列表中已有数据在当前显示页面中的显示位置保持不变。由此能够避免因新数据的加载而导致数据列表中已有数据对应的展示对象的显示位置发生改变，进而保证了数据列表在动态刷新的过程中，显示页面中内容在用户视觉上是保持静止不变的，提升了用户体验。

基于本公开提出的页面显示方法，对于电子设备中的应用程序而言，本公开实施例提供了一种应用程序的代码架构，具体地，如图1所示，将应用程序的代码架构分为网络请求管理模块、接口分发模块、接口数据处理模块、动态顺序计算模块和实时列表刷新模块，且各个模块在逻辑上是相互独立的。

其中，网络请求管理模块主要用于管理不同数据源的网络请求接口。由于多数据源列表涉及到多个网络请求接口，此处通过网络请求管理模块对网络请求的时机、状态进行统一管理。需要说明的是，多数据源列表中需要网络请求接口需要在网络请求管理模块中注册，由网络请求管理模块将这些接口与数据列表进行绑定，便于后续将网络请求接口返回的数据加载在数据列表中。

其中，接口分发模块主要用于将不同网络请求接口返回的数据分发至不同的数据处理模块。由于不同网络请求接口返回的数据格式可能并不一致，且其所需的数据处理逻辑可能也不同，此处通过接口分发模块将不同网络请求接口与其对应的数据处理模块相对应，以实现对不同网络请求接口所返回的数据处理过程的分离，避免数据处理逻辑出现紊乱。

其中，接口数据处理模块主要用于将网络请求接口下发的数据进行序列化处理，并将网络请求接口下发的数据映射成数据列表中标定的数据格式。同时，为了确定最终各个数据源的数据在数据列表中的排序结果，可以在不同的数据中打上数据的优先级标识，用来代表该数据在数据列表中的排序，以便于是灵活调整不同网络请求接口所返回数据的排列顺序。

其中，动态顺序计算模块可以根据不同的数据处理模块异步返回的数据处理结果，对数据列表中的各项数据进行排序和刷新。该排序结果可根据数据格式中的优先级标识确定。由于新数据的插入，可能会导致数据列表中已有数据的移动，继而导致用户通过屏幕观看的展示对象(即对数据列表中的数据渲染得到的显示内容)被挤压出屏幕显示页面的情况。此处通过动态顺序计算模块计算插入新数据后的位置偏移量，并自动滚动数据列表以保持用户视觉上的显示页面静止，防止画面发生跳变。

其中，实时刷新模块则可以根据新数据插入而产生的展示对象的位置偏移量，对数据列表进行动态调整和数据更新。

根据本公开实施例，提供了一种页面显示方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

在本实施例中提供了一种页面显示方法，可用于电子设备，如手机、平板电脑、电脑等，电子设备中设置有上述代码架构的应用程序，提升了用户对应用程序的使用体验。图2是根据本公开实施例的页面显示方法的流程图，如图2所示，该流程图包括如下步骤：

S11，在显示页面显示第一展示对象。

显示页面是电子设备的屏幕所能展示内容的页面，用户通过显示页面对其感兴趣内容进行查看或浏览。第一展示对象用于表征当前显示在显示页面中的内容，即用户当前正常观看或浏览的感兴趣内容。

具体地，当用户打开某一应用程序的显示页面进行内容浏览时，可以通过滑动显示页面或应用程序的“搜索”功能查找其感兴趣的内容，相应地，电子设备则可以响应用户的操作，在显示页面中显示第一展示对象。

S12，获取显示页面对应的数据列表，该数据列表对应的渲染画面包括第一展示对象对应的第一数据信息。

数据列表为多数据源的数据列表，该数据列表中包含有不同网络请求接口所返回的数据，第一展示对象对应的第一数据信息为数据列表中某一数据源所对应的任一数据，如图4所示。

其中，显示页面中所显示的内容为数据列表中的某一项数据或某几项数据。

S13，当向数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于第一展示对象与第二展示对象之间的预设排序规则确定出第二数据信息的加载位置，其中，第一数据信息和第二数据信息的数据源不同。

预设排序规则为预先设定的不同展示对象在显示页面中予以展示的顺序，即不同数据源的数据信息在数据列表中的加载顺序。第二展示对象对应的第二数据信息与第一展示对象对应的第一数据信息的数据源不同，且该第二数据信息加载至数据列表中的时间晚于第一数据信息。

在第一展示对象显示在电子设备的显示页面时，若接口的数据处理模块完成数据处理，返回第二展示对象对应的第二数据信息，并向数据列表加载该第二数据信息时，此时动态顺序计算模块可以根据预设排序规则确定第一展示对象与第二展示对象在显示页面中的展示顺序，继而根据该展示顺序确定出第二数据信息在数据列表中的加载位置。

S14，基于加载位置确定第一展示对象在数据列表对应的渲染画面中的位置偏移量。

位置偏移量表示数据列表中已有的第一数据信息移动所产生的偏移量。在第二数据信息插入至数据列表后，数据列表中已存在的第一数据信息会产生一定的偏移，相应地，第一展示对象在显示页面中亦会产生一定的偏移。此时，动态顺序计算模块可以根据第二数据信息的加载位置，计算第一数据信息在数据列表中的位置偏移量，该位置偏移量即为第一展示对象在数据列表对应的渲染画面中的位置偏移量。

如图5所示的数据列表为例，在向数据列表中插入第二数据信息(图5以虚线表示)后，第一数据信息(图5以加粗实线表示)将会被挤压向下移动，第一数据信息向下移动的距离即为第一展示对象在渲染画面中的位置偏移量。

需要说明的是，该位置偏移量可以根据渲染第二数据信息所得到的第二展示对象在显示页面中所占位置予以确定，即位置偏移量的确定依赖于当前电子设备的屏幕尺寸。

S15，根据位置偏移量以及第二展示对象刷新显示页面，以使第一展示对象的在显示页面中的显示位置保持不变。

在将第二展示对象对应的第二数据信息插入至数据列表之后，处于电子设备显示页面中的原有显示内容(即第一展示对象)将会被挤压出当前显示页面，严重影响了用户体验。

为了保证第二数据信息的平滑插入，实时刷新模块在对数据列表进行刷新的过程中，按照位置偏移量滚动数据列表，以使渲染第一数据信息所得到的第一展示对象在显示页面中的位置保持不变，即保持用户视觉上的页面静止，由此在实现数据列表刷新的同时保证了用户的观看体验。

此处以在朋友页的视频流中插入推荐卡片为例，视频流和推荐卡片属于不同数据源的数据，视频流对应的多条视频数据以数据列表的形式展示。当在朋友页的视频流中插入推荐卡片(推人卡片、道具卡片等)时，由于推荐卡片的插入可能会导致数据列表中的视频流数据产生移动，继而导致用户在终端设备屏幕中看到的视频被挤出当前页面。

采用上述页面显示方法，在插入推荐卡片时，计算因推荐卡片的插入而导致数据列表中已有视频流产生的位置偏移量，根据该位置偏移量对数据列表进行滚动，以补偿当前在终端设备屏幕所展示视频产生的偏移，保证用户在在终端设备屏幕中看到的视频并未发生改变，即保证用户视觉上的页面静止。

此处以在朋友圈的好友动态中插入小程序为例，好友动态和小程序属于不同数据源的数据，不同的好友动态按照发布时间以数据列表的形式展示。当在朋友圈显示的多条动态中插入小程序时，由于小程序的插入可能会导致数据列表中的好友动态数据产生移动，继而导致用户在终端设备屏幕中看到的某条好友动态被挤出当前页面。

采用上述页面显示方法，在插入小程序时，计算因小程序的插入而导致数据列表中好友动态数据所产生的位置偏移量，根据该位置偏移量对数据列表进行滚动，以补偿当前终端设备屏幕所展示好友动态产生的偏移，保证用户在终端设备屏幕中看到的好友动态并未发生改变，即保证用户视觉上的页面静止。

本实施例提供的页面显示方法，在向数据列表中加载待渲染的第二展示对象所对应的第二数据信息时，通过第一展示对象与第二展示对象之间的预设排序规则确定第二数据信息在数据列表中的加载位置，继而根据该加载位置确定第一展示对象所产生的位置偏移量，并通过位置偏移量以及第二数据信息刷新数据列表，即通过位置偏移量以及第二展示对象刷新数据列表对应的显示页面，以保证第一展示对象的在当前显示页面中的显示位置保持不变。由此能够避免因加载第二展示对象而导致第一展示对象在显示页面中的位置发生改变的问题，保证数据列表动态刷新过程中，其所对应的显示页面中的内容在用户视觉上是保持静止不变的，进而提升了用户的观看体验。

在本实施例中提供了一种页面显示方法，可用于电子设备，如手机、平板电脑、电脑等，电子设备中设置有上述代码架构的应用程序，提升了用户对应用程序的使用体验。图3是根据本公开实施例的页面显示方法的流程图，如图3所示，该流程图包括如下步骤：

S21，在显示页面显示第一展示对象。详细说明参见上述实施例对应的相关描述，此处不再赘述。

S22，获取显示页面对应的数据列表，该数据列表对应的渲染画面包括第一展示对象对应的第一数据信息。详细说明参见上述实施例对应的相关描述，此处不再赘述。

S23，当向数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于第一展示对象与第二展示对象之间的预设排序规则确定出第二数据信息的加载位置。其中，第一数据信息和第二数据信息的数据源不同。

具体地，上述步骤S23可以包括：

S231，获取第一展示对象对应的第一数据信息在数据列表中的第一排序值，以及第二展示对象对应的第二数据信息在数据列表中的第二排序值。

第一排序值用于表示第一数据信息在数据列表中的加载位置，第二排序值用于表示第二数据信息在数据列表中的加载位置。不同的数据信息在数据列表中的加载位置决定了渲染数据信息所得到的不同展示对象在显示页面中的展示位置。其中，第一排序值以及第二排序值均为预先设定的不同数据源的数据展示顺序，此处不作具体限定，可根据实际需求确定。

同一数据源的不同数据信息均对应于各自的排序值，其排序值可能相同，也可能不同。具体地，如图6所示的数据列表，同一数据源(实线和虚线代表不同的数据源)对应有多条数据，不同的数据信息具有相应的排序值，图6所示的排序值a、排序值b、排序值c、排序值d以及排序值e依次降低。对于排序值相同的数据，其在数据列表中的前后顺序则可以根据实际需求予以确定。

S232，对比第一排序值和第二排序值，基于预设排序规则确定第二展示对象对应的第二数据信息在数据列表中的加载位置。

通过对比第一排序值和第二排序值之间的大小关系，则可以确定第二数据信息在数据列表中的加载位置。

可选地，预设排序规则可以为优先级排序，相应地，第一排序值则为第一数据信息的加载优先级，第二排序值则为第二数据信息的加载优先级。即第一排序值和第二排序值分别表征第一展示对象和第二展示对象在显示页面中的展示优先级。相应地，上述步骤S232则可以包括：

(1)当第一排序值小于第二排序值时，将第二数据信息加载至第一数据信息的前方。

当第一排序值小于第二排序值时，表示第一展示对象的展示优先级低于第二展示对象的展示优先级，此时将第二展示对象对应的第二数据信息加载至第一展示对象对应的第一数据信息之前，即将第二数据信息插入至数据列表中的第一数据信息的前方。

(2)当第一排序值大于等于第二排序值时，将第二数据信息加载至第一数据信息的后方。

当第一排序值大于等于第二排序值时，表示第一展示对象的展示优先级大于等于第二展示对象的展示优先级，此时将第二展示对象对应的第二数据信息加载至第一展示对象对应的第一数据信息之后，即将第二数据信息插入至数据列表中的第一数据信息的后方。

具体地，如图7所示，以加粗实线表示第一展示对象对应的第一数据信息，以虚线表示第二展示对象对应的第二数据信息，若数据列表按照从上至下存储不同数据源的多条数据，当第一排序值(即排序值d)小于第二排序值(即排序值c)时，则将第二数据信息插入至第一数据信息的上方；当第一排序值(即排序值d)大于等于第二排序值(即排序值c)时，则将第二数据信息插入至第一数据信息的下方。若数据列表按照从左至右存储不同数据源的多条数据，当第一排序值小于第二排序值时，则将第二数据信息插入至第一数据信息的左方；当第一排序值大于等于第二排序值时，则将第二数据信息插入至第一数据信息的右方。当然数据列表还可以为其他形式，此处对数据列表的形式不作限定，只要根据预设排序规则将第二数据信息插入至第一数据信息之前或之后即可。

作为一个可选的实施方式，上述页面显示方法还可以包括：

1)获取指向第一数据信息的第一网络请求接口，以及指向第二数据信息的第二网络请求接口。

其中，第一网络请求接口与第二网络请求接口分别对应不同的标识信息。

如上文所述，数据列表中各个数据信息需要的网络请求接口均需要在网络请求管理单元中注册，由网络请求管理单元将各个网络请求接口与数据列表进行关联绑定。不同的网络请求接口对应不同的标识信息，该标识信息为网络请求接口的唯一性标识，其可以通过字符串予以表示。

在用户通过电子设备使用某应用程序APP时，该应用程序APP则可以分别获取第一数据信息对应的第一网络请求接口，以及第二数据信息对应的第二网络请求接口，以从第一网络请求接口获取第一数据信息的相关数据，从第二网络请求接口获取第二数据信息的相关数据。

2)基于标识信息与数据处理方式的映射关系，确定第一网络请求接口返回的第一数据的第一数据处理方式，以及第二网络请求接口返回的第二数据的第二数据处理方式。

不同的网络请求接口返回的数据格式不一致，其数据处理方式也不同。将不同的网络请求接口返回的数据输入至不同的接口数据处理模块进行相应的数据处理。

具体地，对于不同的接口数据处理模块而言，其具有不同的标识符，建立网络请求接口的标识信息与接口数据处理模块的标识符之间的映射关系，例如，通过网络请求接口的标识信息与接口数据处理模块的标识符之间的映射关系生成信息查找表，在该查找表中存放有网络请求接口与接口数据处理模块之前的对应关系。

在获取到网络请求接口返回的数据后，通过扫描信息查找表即可确定网络请求接口所对应的接口数据处理模块，即根据第一网络请求接口的标识信息即可确定出与第一网络请求接口所返回的第一数据相对应的第一数据处理方式，同时，根据第二网络请求接口的标识信息即可确定出与第二网络请求接口所返回的第二数据相对应的第二数据处理方式。

3)基于第一数据处理方式对第一数据进行序列化处理，得到第一序列化数据，第一序列化数据包括第一展示对象对应的第一数据信息。

按照第一数据处理方式对第一网络接口返回的第一数据进行序列化处理，将第一数据分解为字节流，便于第一数据的存储和传输。同时，将第一数据的数据格式转换为数据列表标定的数据格式，即可得到包含第一数据信息的第一序列化数据。其中，数据列表标定的数据格式根据实际需求确定，此处不作具体限定。

例如，不同数据类型的转换，若数据列表中的数据类型为字符串string，第一网络请求接口返回的第一数据的数据格式为整型int，此时则需要执行整型int到字符串string之间的转换。对于不同数据类型之间的转换方法，本领域技术人员能够得知，此处不再赘述。

4)基于第二数据处理方式对第二数据进行序列化处理，得到第二序列化数据，第二序列化数据包括第二展示对象对应的第二数据信息。

第二数据的处理过程与第一数据的处理过程类似，详见上述步骤(3)，此处不再赘述。

对不同网络请求接口返回的数据进行相应的数据处理，便于实现针对于不同网络请求接口所返回数据的异步处理，以实现对多数据源的数据收敛，便于实现数据列表的动态调整和数据信息的动态更新。

在输出第一序列化数据和第二序列化数据的同时，在第一序列化数据以及第二序列化数据中设置优先级标识。

为了确定第一序列化数据和第二序列化数据在数据列表中的排序，不同的网络请求接口返回的数据中包含有数据优先级，通过该数据优先级表示不同的数据信息在数据列表中的排序。同样地，数据列表标定的数据格式中可以设定优先级字段priority，接口数据处理模块在对网络请求接口返回的数据时，对携带有优先级的数据进行统一格式的序列化，由此即可在序列化数据中打上优先级标识，由此便于灵活调整不同网络请求接口所返回数据在数据列表中的排列顺序。

为了便于将来自不同数据源的按照响应时间插入至数据列表中，在得到第一序列化数据以及第二序列化数据之后，将第一序列化数据和第二序列化数据存储至目标队列，该目标队列用于向数据列表加载第一数据信息和/或第二数据信息。

目标队列中存储有不同网络请求接口对应的序列化数据。不同的接口数据处理模块将其处理得到的序列化数据异步返回并存储至目标队列。由于不同的接口数据处理模块的处理效率不同，即第一序列化数据和第二序列化数据的处理时效不一致，此时可以按照数据处理时效将第一序列化数据和第二序列化数据存储至目标队列，即最先处理完毕的序列化数据最先存储。

可选地，目标队列可以为先进先出队列，由于不同的接口数据处理模块返回的序列化数据是异步的，此时可以对不同的序列化数据进行入队操作，即将最先处理完毕的序列化数据插入到先进先出队列。

相应地，当数据队列中存在数据信息时，根据先入先出的规则取出位于队列队头的数据信息，并将其与当前的数据列表中已有的第一数据信息或第二数据信息进行优先级比对，根据优先级高低来决定位于队列队头的数据信息在数据列表中的加载位置。如果数据列表为空，则无需比对，直接将队列队头的数据信息插入数据列表即可。由此即可将目标队列中的数据信息分别插入到数据列表中的对应位置。

S24，基于加载位置确定第一展示对象在数据列表对应的渲染画面中的位置偏移量。详细说明参见上述实施例对应的相关描述，此处不再赘述。

S25，根据位置偏移量以及第二展示对象刷新显示页面，以使第一展示对象的在显示页面中的显示位置保持不变。详细说明参见上述实施例对应的相关描述，此处不再赘述。

本实施例提供的页面显示方法，通过对比第一排序值以及第二排序值，以确定第二展示对象所对应的第二数据信息在数据列表中的加载位置，由此能够根据预设排序规则向数据列表中加载展示对象，实现数据列表所对应显示页面的实时更新。通过根据不同展示对象的优先级确定各个展示对象所对应数据信息在数据列表中的排列顺序，由此根据该排列顺序实现数据信息的插入，避免数据信息插入逻辑紊乱，便于动态更新数据列表。

在本实施例中提供了一种页面显示方法，可用于电子设备，如手机、平板电脑、电脑等，电子设备中设置有上述代码架构的应用程序，提升了用户对应用程序的使用体验。图4是根据本公开实施例的页面显示方法的流程图，如图4所示，该流程包括如下步骤：

S31，在显示页面显示第一展示对象。详细说明参见上述实施例对应的相关描述。

S32，获取显示页面对应的数据列表，该数据列表对应的渲染画面包括第一展示对象对应的第一数据信息。详细说明参见上述实施例对应的相关描述。

S33，当向数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于第一展示对象与第二展示对象之间的预设排序规则确定出第二数据信息的加载位置。其中，第一数据信息和第二数据信息的数据源不同。详细说明参见上述实施例对应的相关描述。

S34，基于加载位置确定第一展示对象在数据列表对应的渲染画面中的位置偏移量。详细说明参见上述实施例对应的相关描述。

S35，根据位置偏移量以及第二展示对象刷新显示页面，以使第一展示对象的在显示页面中的显示位置保持不变。

具体地，上述步骤S35可以包括：

S351，确定加载至数据列表的与第二展示对象对应的第二数据信息。

S352，对加载有第二数据信息的数据列表进行渲染，按照位置偏移量刷新显示页面。

将第二展示对象对应的第二数据信息插入至数据列表中，对数据列表进行刷新以实现第二数据信息的加载。对数据列表中的第二数据信息进行渲染，实现显示页面的刷新，以能够将第二展示对象在显示页面中予以展示，以便用户后续对于第二展示对象的查看或浏览。

由于第二数据信息的加载，数据列表中已有的第一数据信息的位置会发生偏移，相应地，显示页面中的第一展示对象会发生偏移。此时为了保证电子设备屏幕中所显示内容不发生移动，可以按照第一数据信息所产生的位置偏移量对数据列表对应的渲染画面进行调整，以保证显示页面中仍然显示渲染第一数据信息所得到的第一展示对象。

作为一个可选的实施方式，上述步骤S352可以包括：

(1)获取位置偏移量对应的偏移方向。

偏移方向为插入第二数据信息后，第一数据信息在数据列表中的移动方向。该偏移方向与位置偏移量相对应，例如，向下偏移或向上偏移。

(2)按照偏移方向的反方向将数据列表对应的渲染画面滑动预设距离，该预设距离与位置偏移量相等。

将数据列表对应的渲染画面按照偏移方向的反方向进行滑动，保证其滑动的预设距离与位置偏移量相等，第一数据信息因第二数据信息插入所产生的位置偏移量，即自动填补第一展示对象因第二展示对象插入所产生的偏移，由此即可保持用户视觉上的页面静止。

本实施例提供的页面显示方法，通过第二展示对象以及位置偏移量对数据列表进行实时刷新，在以渲染得到的第二展示对象实时刷新显示页面的同时，保证当前展示对象在显示页面中的显示位置不变。在向数据列表插入第二数据信息后，将数据列表对应的渲染画面向偏移方向的反方向滑动预设距离，且该预设距离与位置偏移量相等，以使第一展示对象在显示页面中的位置不变，由此保证了当前显示页面中的显示内容不变，实现了显示页面所对应的数据列表的实时动态刷新。

在本实施例中还提供了一种页面显示装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

本实施例提供一种页面显示装置，如图8所示，包括：

显示模块41，用于在显示页面显示第一展示对象。

数据获取模块42，用于获取显示页面对应的数据列表，该数据列表对应的渲染画面包括第一展示对象对应的第一数据信息。

动态计算模块43，用于当向数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于第一展示对象与第二展示对象之间的预设排序规则确定出第二数据信息的加载位置，其中，第一数据信息和第二数据信息的数据源不同。

偏移确定模块44，用于基于加载位置确定第一展示对象在数据列表对应的渲染画面中的位置偏移量。

刷新模块45，用于根据位置偏移量以及第二展示对象刷新显示页面，以使第一展示对象的在显示页面中的显示位置保持不变。

可选地，上述动态计算模块43可以包括：

第一获取子模块，用于获取第一展示对象对应的第一数据信息在数据列表中的第一排序值，以及第二展示对象对应的第二数据信息在数据列表中的第二排序值。

对比子模块，用于对比第一排序值和第二排序值，基于预设排序规则确定第二展示对象对应的第二数据信息在数据列表中的加载位置。

可选地，当预设排序规则为优先级排序时，上述对比子模块，还用于当第一排序值小于第二排序值时，将第二数据信息加载至第一数据信息的前方；或，当第一排序值大于等于第二排序值时，将第二数据信息加载至第一数据信息的后方。

可选地，上述刷新模块45可以包括：

第一确定子模块，用于确定加载至数据列表的与第二展示对象对应的第二数据信息。

刷新子模块，用于对加载有第二数据信息的数据列表进行渲染，按照位置偏移量刷新显示页面。

可选地，上述刷新子模块具体用于：获取位置偏移量对应的偏移方向；按照偏移方向的反方向将数据列表对应的渲染画面滑动预设距离，其中，该预设距离与位置偏移量相等。

可选地，上述页面显示装置还可以包括：

网络请求模块，用于获取指向第一展示对象的第一网络请求接口，以及指向第二展示对象的第二网络请求接口。其中，第一网络请求接口与第二网络请求接口分别对应不同的标识信息。

接口分发模块，用于接收第一网络请求接口返回的第一数据，以及第二网络请求接口返回的第二数据，并根据第一网络请求接口与第二网络请求接口对应的标识信息，将第一数据和第二数据分发至对应的数据处理模块。

数据处理模块，用于接收第一数据或第二数据，对第一数据或第二数据进行序列化处理，得到第一数据对应的第一序列化数据，或第二数据对应的第二序列化数据。其中，第一序列化数据包括第一展示对象对应的第一数据信息，第二序列化数据包括第二展示对象对应的第二数据信息。

可选地，上述数据处理模块，还用于在第一序列化数据以及第二序列化数据中设置优先级标识。

可选地，上述数据处理模块，还用于将第一序列化数据和第二序列化数据存储至目标队列，该目标队列用于向数据列表加载第一数据信息和/或第二数据信息。

本实施例中的页面显示装置是以功能单元的形式来呈现，这里的单元是指ASIC电路，执行一个或多个软件或固定程序的处理器和存储器，和/或其他可以提供上述功能的器件。

上述各模块更进一步的功能描述与上述方法对应的实施例相同，在此不再赘述。

本实施例提供的页面显示装置，在向数据列表中加载待渲染的第二展示对象所对应的第二数据信息时，通过第一展示对象与第二展示对象之间的预设排序规则确定第二数据信息在数据列表中的加载位置，继而根据该加载位置确定第一展示对象所产生的位置偏移量，并通过位置偏移量以及第二数据信息刷新数据列表，即通过位置偏移量以及第二展示对象刷新数据列表对应的显示页面，以保证第一展示对象的在当前显示页面中的显示位置保持不变。由此能够避免因加载第二展示对象而导致第一展示对象在显示页面中的位置发生改变的问题，保证数据列表动态刷新过程中，其所对应的显示页面中的内容在用户视觉上是保持静止不变的，进而提升了用户的观看体验。

本公开实施例还提供一种电子设备，具有上述图8所示的页面显示装置。

请参阅图9，图9是本公开可选实施例提供的一种电子设备的结构示意图，如图9所示，该电子设备可以包括：至少一个处理器501，例如中央处理器(Central ProcessingUnit，CPU)，至少一个通信接口503，存储器504，至少一个通信总线502。其中，通信总线502用于实现这些组件之间的连接通信。其中，通信接口503可以包括显示屏(Display)、键盘(Keyboard)，可选通信接口503还可以包括标准的有线接口、无线接口。存储器504可以是高速易挥发性随机存取存储器(Random Access Memory，RAM)，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器504可选的还可以是至少一个位于远离前述处理器501的存储装置。其中处理器501可以结合图8所描述的装置，存储器504中存储应用程序，且处理器501调用存储器504中存储的程序代码，以用于执行上述任一方法步骤。

其中，通信总线502可以是外设部件互连标准(peripheral componentinterconnect，PCI)总线或扩展工业标准结构(extended industry standardarchitecture，EISA)总线等。通信总线502可以分为地址总线、数据总线、控制总线等。为便于表示，图9中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

其中，存储器504可以包括易失性存储器(volatile memory)，例如随机存取存储器(random-access memory，RAM)；存储器也可以包括非易失性存储器(non-volatilememory)，例如快闪存储器(flash memory)，硬盘(hard disk drive，HDD)或固态硬盘(solid-state drive，SSD)；存储器504还可以包括上述种类的存储器的组合。

其中，处理器501可以是中央处理器(central processing unit，CPU)，网络处理器(network processor，NP)或者CPU和NP的组合。

其中，处理器501还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(application-specific integrated circuit，ASIC)，可编程逻辑器件(programmablelogic device，PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(complexprogrammable logic device，CPLD)，现场可编程逻辑门阵列(field-programmable gatearray，FPGA)，通用阵列逻辑(generic array logic,GAL)或其任意组合。

可选地，存储器504还用于存储程序指令。处理器501可以调用程序指令，实现如本申请图1至3实施例中所示的页面显示方法。

本公开实施例还提供了一种非暂态计算机存储介质，所述计算机存储介质存储有计算机可执行指令，该计算机可执行指令可执行上述任意方法实施例中的页面显示方法。其中，所述存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)、随机存储记忆体(Random Access Memory，RAM)、快闪存储器(Flash Memory)、硬盘(Hard DiskDrive，HDD)或固态硬盘(Solid-State Drive，SSD)等；所述存储介质还可以包括上述种类存储器的组合。

虽然结合附图描述了本公开的实施例，但是本领域技术人员可以在不脱离本公开的精神和范围的情况下做出各种修改和变型，这样的修改和变型均落入由所附权利要求所限定的范围之内。

Claims (12)

1.一种页面显示方法，其特征在于，包括：

在显示页面显示第一展示对象；

获取所述显示页面对应的数据列表，所述数据列表对应的渲染画面包括第一展示对象对应的第一数据信息；

当向所述数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于所述第一展示对象与所述第二展示对象之间的预设排序规则确定出所述第二数据信息的加载位置，其中，所述第一数据信息和所述第二数据信息的数据源不同；

基于所述加载位置确定所述第一展示对象在所述数据列表对应的渲染画面中的位置偏移量；

根据所述位置偏移量以及所述第二展示对象刷新所述显示页面，以使所述第一展示对象的在所述显示页面中的显示位置保持不变。

2.根据权利要求1所述的方法，其特征在于，所述当向所述数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于所述第一展示对象与所述第二展示对象之间的预设排序规则确定出所述第二数据信息的加载位置，包括：

获取所述第一展示对象对应的第一数据信息在所述数据列表中的第一排序值，以及所述第二展示对象对应的第二数据信息在所述数据列表中的第二排序值；

对比所述第一排序值和所述第二排序值，基于所述预设排序规则确定所述第二展示对象对应的第二数据信息在所述数据列表中的加载位置。

3.根据权利要求2所述的方法，其特征在于，所述预设排序规则为优先级排序，所述对比所述第一排序值和所述第二排序值，基于所述预设排序规则确定所述第二数据信息的加载位置，包括：

当所述第一排序值小于所述第二排序值时，将所述第二数据信息加载至所述第一数据信息的前方；

或，当所述第一排序值大于等于所述第二排序值时，将所述第二数据信息加载至所述第一数据信息的后方。

4.根据权利要求1-3任一项所述的方法，其特征在于，还包括：

获取指向所述第一数据信息的第一网络请求接口，以及指向所述第二数据信息的第二网络请求接口，所述第一网络请求接口与所述第二网络请求接口分别对应不同的标识信息；

基于所述标识信息与数据处理方式的映射关系，确定所述第一网络请求接口返回的第一数据的第一数据处理方式，以及所述第二网络请求接口返回的第二数据的第二数据处理方式；

基于所述第一数据处理方式对所述第一数据进行序列化处理，得到第一序列化数据，所述第一序列化数据包括所述第一展示对象对应的第一数据信息；

基于所述第二数据处理方式对所述第二数据进行序列化处理，得到第二序列化数据，所述第二序列化数据包括所述第二展示对象对应的第二数据信息。

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

在所述第一序列化数据以及所述第二序列化数据中设置优先级标识。

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

将所述第一序列化数据和所述第二序列化数据存储至目标队列，所述目标队列用于向所述数据列表加载所述第一数据信息和/或所述第二数据信息。

7.根据权利要求1所述的方法，其特征在于，所述根据所述位置偏移量以及所述第二展示对象刷新所述显示页面，包括：

确定加载至所述数据列表的与所述第二展示对象对应的所述第二数据信息；

对加载有所述第二数据信息的数据列表进行渲染，按照所述位置偏移量刷新所述显示页面。

8.根据权利要求7所述的方法，其特征在于，所述对加载有所述第二数据信息的数据列表进行渲染，按照所述位置偏移量刷新所述显示页面，包括：

获取所述位置偏移量对应的偏移方向；

按照所述偏移方向的反方向将所述数据列表对应的渲染画面滑动预设距离，其中，所述预设距离与所述位置偏移量相等。

9.一种页面显示装置，其特征在于，包括：

显示模块，用于在显示页面显示第一展示对象；

数据获取模块，用于获取所述显示页面对应的数据列表，所述数据列表对应的渲染画面包括第一展示对象对应的第一数据信息；

动态计算模块，用于当向所述数据列表加载待渲染的第二展示对象对应的第二数据信息时，基于所述第一展示对象与所述第二展示对象之间的预设排序规则确定出所述第二数据信息的加载位置，其中，所述第一数据信息和所述第二数据信息的数据源不同；

偏移确定模块，用于基于所述加载位置确定所述第一展示对象在所述数据列表对应的渲染画面中的位置偏移量；

刷新模块，用于根据所述位置偏移量以及所述第二展示对象刷新所述显示页面，以使所述第一展示对象的在所述显示页面中的显示位置保持不变。

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

网络请求模块，用于获取指向所述第一数据信息的第一网络请求接口，以及指向所述第二数据信息的第二网络请求接口；

接口分发模块，用于接收所述第一网络请求接口返回的第一数据，以及所述第二网络请求接口返回的第二数据；并根据所述第一网络请求接口与所述第二网络请求接口对应的标识信息，将所述第一数据和所述第二数据分发至对应的数据处理模块；

数据处理模块，用于接收所述第一数据或所述第二数据，对所述第一数据或第二数据进行序列化处理，得到所述第一数据对应的第一序列化数据，或所述第二数据对应的第二序列化数据；其中，所述第一序列化数据包括所述第一展示对象对应的第一数据信息，所述第二序列化数据包括所述第二展示对象对应的第二数据信息。

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

存储器和处理器，所述存储器和所述处理器之间互相通信连接，所述存储器中存储有计算机指令，所述处理器通过执行所述计算机指令，从而执行权利要求1-7任一项所述的页面显示方法。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使计算机执行权利要求1-7任一项所述的页面显示方法。