CN110222284A - 多页面加载方法及计算机可读存储介质 - Google Patents

Abstract

本发明公开了一种多页面加载方法及计算机可读存储介质，方法包括：创建静态任务队列和动态任务队列；若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列；若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列；执行所述静态任务队列和动态任务队列；若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例；若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面。本发明可提高多页面加载的灵活度。

Description

多页面加载方法及计算机可读存储介质

技术领域

本发明涉及页面加载技术领域，尤其涉及一种多页面加载方法及计算机可读存储介质。

背景技术

目前，在客户端中多页面的业务场景已经非常普遍。这种场景包括一个外层容器，由容器嵌套加载多个子页面。一个子页面的生命周期可以笼统划分为：创建页面实例、加载页面元素以及销毁页面。

在当前已有实现中，通用的页面加载方法是在用户切换到页面时才去创建加载该页面，但用户需要等待的时间长，体验不好。还有一种预加载机制是在用户还未切换到页面时，提前创建加载该页面，这种方法可以提升用户体验，但是如果预加载的页面过多，会给客户端带来性能挑战。同时，已有预加载方案都是将静态页面加载与动态数据统一加载在一起，需要仔细区分；并且，对于页面不可见时是否销毁不支持灵活控制。因此，现有技术中，多页面的加载与销毁不够灵活。

发明内容

本发明所要解决的技术问题是：提供一种多页面加载方法及计算机可读存储介质，可提高多页面加载的灵活度。

为了解决上述技术问题，本发明采用的技术方案为：一种多页面加载方法，包括：

创建静态任务队列和动态任务队列；

若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列；

若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列；

执行所述静态任务队列和动态任务队列；

若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例；

若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面。

本发明还涉及一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上所述的步骤。

本发明的有益效果在于：通过创建双任务队列，分别用于管理静态页面预加载任务和动态网络数据预加载任务；对于未显示的页面，根据预设的配置判断其是否需要预加载静态页面或动态网络数据，如果需要，则创建对应的预加载任务并加入对应的任务队列中，后台实时执行双任务队列；对于待显示页面，如果其对应的预加载任务已执行完成，则可直接显示对应的页面实例和对应的请求数据。本发明通过预先对页面是否进行预加载进行配置，提高了多页面加载的灵活度；通过创建双任务队列，细分了静态页面与动态网络数据的加载，提高了页面动静加载的灵活度。

附图说明

图1为本发明的一种多页面加载方法的流程图；

图2为本发明实施例一的方法流程图。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图详予说明。

本发明最关键的构思在于：创建双任务队列，分别用于管理静态页面预加载任务和动态网络数据预加载任务；预先对每个页面的加载和销毁进行配置。

请参阅图1，一种多页面加载方法，包括：

创建静态任务队列和动态任务队列；

若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列；

若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列；

执行所述静态任务队列和动态任务队列；

若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例；

若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面。

从上述描述可知，本发明的有益效果在于：可提高多页面加载的灵活度。

进一步地，所述若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列具体为：

根据预设的未显示页面的是否预加载静态页面标识，判断所述未显示页面是否需预加载静态页面；

若是，则创建所述未显示页面的页面预加载任务，并生成所述页面预加载任务的唯一标识；

将所述页面预加载任务的唯一标识加入所述静态任务队列。

由上述描述可知，通过预先对页面是否预加载静态页面进行配置，提高页面静态加载的灵活度。

进一步地，所述若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列具体为：

根据预设的未显示页面的是否预加载网络数据标识，判断所述未显示页面需预加载动态网络数据；

若是，则创建所述未显示页面的数据预加载任务，并生成所述数据预加载任务的唯一标识；

将所述数据预加载任务的唯一标识加入所述动态任务队列。

由上述描述可知，通过预先对页面是否预加载网络数据进行配置，提高页面动态加载的灵活度。

进一步地，所述执行所述静态任务队列和动态任务队列具体为：

依序执行所述静态任务队列中的各页面预加载任务，分别得到所述各页面预加载任务对应的页面实例；

依序执行所述动态任务队列中的各数据预加载任务，分别得到所述各数据预加载任务对应的请求数据。

由上述描述可知，通过创建双任务队列，分别用于管理静态页面预加载任务和动态网络数据预加载任务，细分了静态页面与动态网络数据的加载，提高了页面动静加载的灵活度。

进一步地，所述若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例具体为：

判断是否存在待显示页面的页面预加载任务且所述页面预加载任务已执行完成；

若是，则显示所述页面预加载任务对应的页面实例；

若否，则创建所述待显示页面的页面实例，并根据预设的页面信息，加载页面元素。

由上述描述可知，若待显示页面的静态页面已预加载完成，则可直接进行显示，提高用户体验。

进一步地，所述若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面具体为：

判断是否存在所述待显示页面的数据预加载任务且所述数据预加载任务已执行完成；

若是，则根据所述数据预加载任务对应的请求数据变更所述待显示页面；

若否，则向服务器请求所述待显示页面中的动态网络数据，并根据服务器返回的请求数据，变更所述待显示页面。

由上述描述可知，若待显示页面的动态网络数据已预加载完成，则可直接根据预加载的请求数据进行页面变更，提高用户体验。

进一步地，还包括：

若已显示页面当前不可见且需销毁，则释放所述已显示页面的页面资源。

由上述描述可知，通过增加对页面不可见时是否销毁的配置，用户可根据系统性能决定是否及时释放资源。

本发明还提出一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上所述的步骤。

实施例一

请参照图2，本发明的实施例一为：一种多页面加载方法，可应用于多页面的业务场景，包括如下步骤：

S1：配置页面控制器，配置内容包括：页面个数以及各页面的页面编号、页面标题、页面信息、是否预加载静态页面标识、是否预加载网络数据标识、页面不可见时是否销毁页面标识；具体地，可以根据用户的输入进行配置。

S2：创建容器框架，并显示各页面的页面标题，或显示各页面的页面编号。

S3：创建静态任务队列和动态任务队列，分别用于管理静态页面预加载任务和动态网络数据预加载任务。

S4：获取未显示页面。具体地，可以依次获取一未显示页面，并对所述一未显示页面执行下述的步骤S5-S8，直至遍历完所有未显示页面。

S5：根据所述未显示页面的是否预加载静态页面标识，判断所述未显示页面是否需预加载静态页面，若是，则执行步骤S6，若否，则执行步骤S7。

S6：创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列。进一步地，为所述未显示页面的页面预加载任务生成唯一标识，然后将该唯一标识加入至静态任务队列。所述唯一标识可根据用户编号和所述未显示页面的页面编号生成，例如为“用户ID+页面ID”。执行步骤S7。

S7：根据所述未显示页面的是否预加载网络数据标识，判断所述未显示页面是否需预加载动态网络数据，若是，则执行步骤S8，若否，则执行步骤S9。进一步地，图2中未示出，若否，则获取下一未显示页面，即执行步骤S4，若所有未显示页面均遍历完，则执行步骤S9。

S8：创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列；进一步地，为所述未显示页面的数据预加载任务生成唯一标识，然后将该唯一标识加入至动态任务队列。所述唯一标识可根据用户编号、所述页面的页面编号以及网络请求编号生成，例如为“用户ID+页面ID+网络请求ID”。

其中，网络请求即所述未显示页面中的网络数据的请求，由于不同的页面中可能存在相同的网络请求，因此可以预先整理出每个页面中涉及的网络请求，然后为每个网络请求赋予唯一标识。另外，一个页面中可以有多个网络请求，因此一个数据预加载任务的唯一标识中同时可以包含多个网络请求ID。

S9：执行所述静态任务队列和动态任务队列中的各预加载任务，优选地，两个任务队列并行执行。进一步地，只要静态任务队列或动态任务队列中存在预加载任务时，即可开始执行各自队列中的预加载任务。

具体地，对于静态任务队列，依序执行所述静态任务队列中的各唯一标识对应的页面预加载任务，分别得到所述各页面预加载任务对应的页面实例，得到页面实例后先存储在内存中。

对于动态任务队列，依序执行所述动态任务队列中的各唯一标识对应的数据预加载任务，分别得到所述各数据预加载任务对应的请求数据，得到请求数据后先存储在内存中。

S10：判断待显示页面的页面预加载任务是否已执行完成，即判断是否存在所述待显示页面的页面预加载任务且已执行完成，若是，则执行步骤S11，若否，则执行步骤S12。

S11：直接显示所述待显示页面的页面实例。

S12：创建加载所述待显示页面的页面实例，即创建所述待显示页面的页面实例，并根据步骤S1中预设的所述待显示页面的页面信息，加载页面元素。

S13：判断所述待显示页面的数据预加载任务是否已执行完成，即判断是否存在所述待显示页面的数据预加载任务且已执行完成，若是，则执行步骤S14，若否，则执行步骤S15。

S14：根据所述数据预加载任务对应的请求数据变更所述待显示页面的页面实例；即在显示完该页面的静态页面后，根据对应的请求数据，动态改变页面内容。

S15：向服务器请求所述待显示页面中的动态网络数据，并根据服务器返回的请求数据，变更所述待显示页面；即根据所述待显示页面中的所需的网络数据，发送网络请求至服务器，然后根据服务器返回的请求数据，变更所述待显示页面的页面实例。

进一步地，对于已加载且已显示但当前不可见的页面，根据其在步骤S1中配置的页面不可见时是否销毁页面标识，判断是否需进行销毁，若需要，则释放该页面的页面资源，否则不进行处理。

进一步地，容器销毁时，销毁所有页面，释放所有页面的页面资源。

本实施例通过配置页面控制器，灵活配置页面的加载、销毁工作，用户可根据系统性能等实际情况决定任意页面的加载控制和销毁控制，提高了多页面加载的灵活度，且可灵活控制页面的销毁；通过创建双任务队列，分别用于管理静态页面预加载任务和动态网络数据预加载任务，细分了静态页面与动态网络数据的加载，提高了页面动静加载的灵活度，提高了用户体验。

实施例二

本实施例是对应上述实施例的一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如下步骤：

创建静态任务队列和动态任务队列；

若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列；

若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列；

执行所述静态任务队列和动态任务队列；

若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例；

若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面。

进一步地，所述若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列具体为：

根据预设的未显示页面的是否预加载静态页面标识，判断所述未显示页面是否需预加载静态页面；

若是，则创建所述未显示页面的页面预加载任务，并生成所述页面预加载任务的唯一标识；

将所述页面预加载任务的唯一标识加入所述静态任务队列。

进一步地，所述若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列具体为：

根据预设的未显示页面的是否预加载网络数据标识，判断所述未显示页面需预加载动态网络数据；

若是，则创建所述未显示页面的数据预加载任务，并生成所述数据预加载任务的唯一标识；

将所述数据预加载任务的唯一标识加入所述动态任务队列。

进一步地，所述执行所述静态任务队列和动态任务队列具体为：

依序执行所述静态任务队列中的各页面预加载任务，分别得到所述各页面预加载任务对应的页面实例；

依序执行所述动态任务队列中的各数据预加载任务，分别得到所述各数据预加载任务对应的请求数据。

进一步地，所述若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例具体为：

判断是否存在待显示页面的页面预加载任务且所述页面预加载任务已执行完成；

若是，则显示所述页面预加载任务对应的页面实例；

若否，则创建所述待显示页面的页面实例，并根据预设的页面信息，加载页面元素。

进一步地，所述若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面具体为：

判断是否存在所述待显示页面的数据预加载任务且所述数据预加载任务已执行完成；

若是，则根据所述数据预加载任务对应的请求数据变更所述待显示页面；

若否，则向服务器请求所述待显示页面中的动态网络数据，并根据服务器返回的请求数据，变更所述待显示页面。

进一步地，还包括：

若已显示页面当前不可见且需销毁，则释放所述已显示页面的页面资源。

综上所述，本发明提供的一种多页面加载方法及计算机可读存储介质，通过创建双任务队列，分别用于管理静态页面预加载任务和动态网络数据预加载任务；对于未显示的页面，根据预设的配置判断其是否需要预加载静态页面或动态网络数据，如果需要，则创建对应的预加载任务并加入对应的任务队列中，后台实时执行双任务队列；对于待显示页面，如果其对应的预加载任务已执行完成，则可直接显示对应的页面实例和对应的请求数据。本发明通过预先对页面是否进行预加载进行配置，提高了多页面加载的灵活度；通过创建双任务队列，细分了静态页面与动态网络数据的加载，提高了页面动静加载的灵活度。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (8)

1.一种多页面加载方法，其特征在于，包括：

创建静态任务队列和动态任务队列；

若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列；

若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列；

执行所述静态任务队列和动态任务队列；

若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例；

若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面。

2.根据权利要求1所述的多页面加载方法，其特征在于，所述若未显示页面需预加载静态页面，则创建所述未显示页面的页面预加载任务，并将所述页面预加载任务加入所述静态任务队列具体为：

根据预设的未显示页面的是否预加载静态页面标识，判断所述未显示页面是否需预加载静态页面；

若是，则创建所述未显示页面的页面预加载任务，并生成所述页面预加载任务的唯一标识；

将所述页面预加载任务的唯一标识加入所述静态任务队列。

3.根据权利要求1所述的多页面加载方法，其特征在于，所述若未显示页面需预加载动态网络数据，则创建所述未显示页面的数据预加载任务，并将所述数据预加载任务加入所述动态任务队列具体为：

根据预设的未显示页面的是否预加载网络数据标识，判断所述未显示页面需预加载动态网络数据；

若是，则创建所述未显示页面的数据预加载任务，并生成所述数据预加载任务的唯一标识；

将所述数据预加载任务的唯一标识加入所述动态任务队列。

4.根据权利要求1所述的多页面加载方法，其特征在于，所述执行所述静态任务队列和动态任务队列具体为：

依序执行所述静态任务队列中的各页面预加载任务，分别得到所述各页面预加载任务对应的页面实例；

依序执行所述动态任务队列中的各数据预加载任务，分别得到所述各数据预加载任务对应的请求数据。

5.根据权利要求1所述的多页面加载方法，其特征在于，所述若待显示页面的页面预加载任务已执行完成，则显示所述页面预加载任务对应的页面实例具体为：

判断是否存在待显示页面的页面预加载任务且所述页面预加载任务已执行完成；

若是，则显示所述页面预加载任务对应的页面实例；

若否，则创建所述待显示页面的页面实例，并根据预设的页面信息，加载页面元素。

6.根据权利要求1所述的多页面加载方法，其特征在于，所述若所述待显示页面的数据预加载任务已执行完成，则根据所述数据预加载任务对应的请求数据变更所述待显示页面具体为：

判断是否存在所述待显示页面的数据预加载任务且所述数据预加载任务已执行完成；

若是，则根据所述数据预加载任务对应的请求数据变更所述待显示页面；

若否，则向服务器请求所述待显示页面中的动态网络数据，并根据服务器返回的请求数据，变更所述待显示页面。

7.根据权利要求1所述的多页面加载方法，其特征在于，还包括：

若已显示页面当前不可见且需销毁，则释放所述已显示页面的页面资源。

8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如1-7任一项所述的步骤。