CN110209967B - 页面加载方法、装置、终端设备和计算机可读介质 - Google Patents

Abstract

本申请实施例公开了页面加载方法、装置、终端设备和计算机可读介质。所述方法的实施例包括：响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定该目标页面是否为视频详情页；若否，执行如下第一加载步骤：获取该目标页面的页面数据；将该页面数据转换为各目标组件所需的数据模型，其中，该各目标组件为该目标页面需加载的组件；将各数据模型加载至相应的目标组件；在该目标页面中加载该各目标组件。该实施方式提高了页面呈现的流畅性，降低了开发过程中的代码复杂度。

Description

页面加载方法、装置、终端设备和计算机可读介质

技术领域

本申请实施例涉及计算机技术领域，具体涉及页面加载方法、装置、终端设备和计算机可读介质。

背景技术

随着计算机技术的发展，视频类应用的功能越来越多，应用页面提供的内容越来越丰富。例如，视频类应用能够提供feed流(feed是将用户主动订阅的若干消息源组合在一起形成内容集合，帮助用户持续地获取最新的订阅源内容。feed流即持续更新并呈现给用户内容的信息流)形式的内容资讯。通常，内容资讯可以包括图片、文字、视频等等。用户点击当前页面中的某一资讯后，需要进入相应的详情页。通常，详情页的类型可以包括视频类、图文类、投票类等。

现有的方式，通常是在用户点击当前页面的feed流中某一资讯后，首先向服务器请求该资讯对应的下一页面(即该资讯对应的详情页，例如图文详情页、或者视频详情页等)的页面数据，对页面数据解析后，在页面中加载解析后的数据，最后生成并跳转至加载数据后的详情页。然而，这种方式需要等待服务器返回页面数据后，才能跳转至新的页面，导致页面呈现的流畅性较低。同时，由于页面内容复杂，详情页的类型多种多样，这种方式未将页面进行组件划分，导致应用开发过程中的代码复杂度较高。

发明内容

本申请实施例提出了页面加载方法、装置、终端设备和计算机可读介质，以解决现有技术中页面呈现的流畅性较低、应用开发过程中代码复杂度较高的技术问题。

第一方面，本申请实施例提供了一种页面加载方法，该方法包括：响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定目标页面是否为视频详情页；若否，获取目标页面的页面数据；将页面数据转换为各目标组件所需的数据模型，其中，各目标组件为目标页面需加载的组件；将各数据模型加载至相应的目标组件；在目标页面中加载各目标组件。

在一些实施例中，终端设备运行有iOS操作系统；以及跳转至目标页面，包括：调用预置在iOS操作系统的容器视图控制器，以跳转至空白页，并将空白页作为目标页面。

在一些实施例中，确定目标页面是否为视频详情页，包括：确定当前页面的页面数据中，是否包含目标页面所需的视频数据；响应于确定包含，确定目标页面为视频详情页。

在一些实施例中，获取目标页面的页面数据，包括：向服务器发送对目标页面的页面数据获取请求；接收服务器响应于所述页面数据获取请求所返回的页面数据。

在一些实施例中，在目标页面中加载各目标组件，包括：确定目标页面的页面类型；调用容器视图控制器中的第一目标用户界面视图控制器，其中，第一目标用户界面视图控制器用于绘制页面类型的页面；利用第一目标用户界面视图控制器，在目标页面中加载各目标组件。

在一些实施例中，在确定目标页面是否为视频详情页之后，该方法还包括：响应于确定目标页面为视频详情页，执行如下第二加载步骤：调用容器视图控制器中的第二目标用户界面视图控制器，其中，第二目标用户界面视图控制器用于绘制视频详情页；将当前页面的页面数据中的目标视频数据加载至视频组件，其中，目标视频数据为视频详情页所需的视频数据；利用第二目标用户界面视图控制器，在目标页面中加载视频组件。

在一些实施例中，在利用目标用户界面视图控制器，在目标页面中加载视频组件之后，第二加载步骤还包括：获取其他页面数据，其中，其他页面数据为除目标视频数据外，视频详情页所需的页面数据；将其他页面数据转换为各其他组件所需的其他数据模型，其中，各其他组件为除视频组件外目标页面需加载的组件；将各其他数据模型加载至相应的其他组件；利用第二目标用户界面视图控制器，在目标页面中加载各其他组件。

在一些实施例中，各目标组件通过预置在iOS操作系统中的用户界面表视图组件承载。

第二方面，本申请实施例提供了一种页面加载装置，该装置包括：跳转单元，被配置成响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定目标页面是否为视频详情页；若否，执行如下第一加载步骤：获取目标页面的页面数据；将页面数据转换为各目标组件所需的数据模型，其中，各目标组件为目标页面需加载的组件；将各数据模型加载至相应的目标组件；第二加载单元，被配置成在目标页面中加载各目标组件。

在一些实施例中，终端设备运行有iOS操作系统；以及跳转单元，进一步被配置成：调用预置在iOS操作系统的容器视图控制器，以跳转至空白页，并将空白页作为目标页面。

在一些实施例中，跳转单元，进一步被配置成：确定当前页面的页面数据中，是否包含目标页面所需的视频数据；响应于确定包含，确定目标页面为视频详情页。

在一些实施例中，获取单元，包括：发送模块，被配置成向服务器发送对目标页面的页面数据获取请求；接收模块，被配置成接收服务器响应于所述页面数据获取请求所返回的页面数据。

在一些实施例中，第二加载单元，包括：确定模块，被配置成确定目标页面的页面类型；第一加载模块，被配置成调用容器视图控制器中的第一目标用户界面视图控制器，其中，第一目标用户界面视图控制器用于绘制页面类型的页面；第二加载模块，被配置成利用第一目标用户界面视图控制器，在目标页面中加载各目标组件。

在一些实施例中，在确定目标页面是否为视频详情页之后，该装置还包括：执行单元，被配置成响应于确定目标页面为视频详情页，执行如下第二加载步骤：调用容器视图控制器中的第二目标用户界面视图控制器，其中，第二目标用户界面视图控制器用于绘制视频详情页；将当前页面的页面数据中的目标视频数据加载至视频组件，其中，目标视频数据为视频详情页所需的视频数据；利用第二目标用户界面视图控制器，在目标页面中加载视频组件。

在一些实施例中，在利用目标用户界面视图控制器，在目标页面中加载视频组件之后，第二加载步骤还包括：获取其他页面数据，其中，其他页面数据为除目标视频数据外，视频详情页所需的页面数据；将其他页面数据转换为各其他组件所需的其他数据模型，其中，各其他组件为除视频组件外目标页面需加载的组件；将各其他数据模型加载至相应的其他组件；利用第二目标用户界面视图控制器，在目标页面中加载各其他组件。

在一些实施例中，各目标组件通过预置在iOS操作系统中的用户界面表视图组件承载。

第三方面，本申请实施例提供了一种终端设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述第一方面中任一实施例的方法。

第四方面，本申请实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理器执行时实现如上述第一方面中任一实施例的方法。

本申请实施例提供的页面加载方法、装置、终端设备和计算机可读介质，在检测到用户对当前页面的点击操作后，直接跳转至目标页面。在确定目标页面不为视频详情页后，获取目标页面的页面数据，并将页面数据转换为各目标组件所需的数据模型；之后将各数据模型加载至相应的目标组件；最后在目标页面中加载各目标组件。由于在用户点击当前页面后，无需等待后端返回页面数据，立刻进行目标页面的跳转，从而可以提高页面呈现的流畅性。此外，由于页面内容复杂，详情页的类型多种多样，通过目标页面需加载的组件(即目标组件)进行页面数据的加载，再在目标页面中加载各目标组件，从而可以将页面进行组件划分，能够针对不同的组件单独进行开发和维护，从而降低了应用开发过程中的代码复杂度，降低了代码维护难度。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是根据本申请的页面加载方法的一个实施例的流程图；

图2是根据本申请的页面加载方法的又一个实施例的流程图；

图3是根据本申请的页面加载装置的一个实施例的结构示意图；

图4是适于用来实现本申请实施例的终端设备的计算机系统的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

请参考图1，其示出了根据本申请的页面加载方法的一个实施例的流程100。该页面加载方法，包括以下步骤：

步骤101，响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定目标页面是否为视频详情页。

在本实施例中，页面加载方法的执行主体(例如终端设备)中可以安装有各种可提供资讯的应用。作为示例，上述执行主体中可以安装有视频类应用。上述视频类应用的页面中，可以提供feed流形式的内容资讯(例如图片、文字、视频等等)。

响应于检测到用户对当前页面的点击操作，可以从当前页面跳转至目标页面，并确定上述目标页面是否为视频详情页。其中，上述目标页面可以是响应当前点击操作后所跳转的页面。实践中，目标页面按照类型可以分为视频详情页、图文详情页、投票详情页等等。通常，当用户在当前页面的视频资讯处进行点击后，所跳转的目标页面可以是视频详情页。需要说明的是，在跳转至目标页面后，由于尚未进行内容加载，因此，跳转目标页面后，所呈现的页面可以是空白页。

此处，视频详情页中可以包含视频组件。实践中，组件(Component)对数据和方法的简单封装。组件可以用于承载和显示页面元素(例如图片元素、视频元素、每一条评论)。实践中，组件可以按照功能进行划分。例如，可以划分为视频组件、图片组件、评论组件、分享组件等等。上述视频组件可以用于承载和显示视频。通常，组件可以工作在两种模式下：设计时态和运行时态。设计时态下组件的方法不能被调用，组件不能与最终用户直接进行交互操作，也不需要实现组件的全部功能。在运行状态下，组件工作在一个确实已经运行的应用程序中。组件能够将自身表示出来，从而，能够呈现出页面中各种元素。

需要说明的是，响应于确定目标页面不为视频详情页，上述执行主体可以执行包含如下步骤102-105的第一加载步骤。

在本实施例的一些可选的实现方式中，上述终端设备可以运行有iOS操作系统。响应于检测到用户对当前页面的点击操作，上述执行主体可以通过调用预置在上述iOS操作系统(一种移动操作系统)的容器视图控制器(Container View Controller)，以跳转至空白页，并将上述空白页作为目标页面。实践中，容器视图控制器可以包含一个或多个用户界面视图控制器(UIViewController)。不同的用户界面视图控制器可以用于绘制不同类型的页面。当调用容器视图控制器后，即可进入一个空白页。当继续调用用户界面视图控制器中的某个用户界面视图控制器时，即可绘制相应类型的页面。实践中，当进入空白页后，若能够检测出已经获取到待加载至该空白页的视频数据，即可确定该空白页为视频详情页。

在本实施例的一些可选的实现方式中，组件可以通过预置在上述iOS操作系统中的用户界面表视图组件(UITableView)承载。实践中，上述用户界面表视图组件可以用于展示数据列表。通过用户界面表视图组件所呈现的用户界面表视图中，每一行可以由一个用户界面表视图组件的组成部分(UITableView Cell)实现。因此，上述用户界面表视图组件每个组成部分可以实现一个页面组件。由于iOS操作系统中的用户界面表视图组件可以更为灵活地进行组成部分的复用、插入或删除等操作，因此，利用上述用户界面表视图组件承载组件，可以提高组件使用和页面布局的灵活性。

步骤102，若否，获取目标页面的页面数据。

在本实施例中，响应于确定上述目标页面不为视频详情页，上述执行主体可以获取目标页面的页面数据。此处，可以通过向服务端发送网络请求，从而获取到目标页面的页面数据。实践中，上述页面数据可以是JSON(JavaScript Object Notation，JS对象简谱)格式的数据。

在本实施例的一些可选的实现方式中，可以预先创建多个类。每个类中可以封装有不同的方法。其中，所创建的多个类可以包括用于处理网络请求的类(例如可以命名为viewSource)。上述viewSource类中可以封装有向服务器(例如对上述视频类应用提供支持的视频服务器)发送页面数据获取请求的方法。上述执行主体可以调用上述viewSource类，向上述服务器发送页面数据获取请求，而后，接收上述服务器返回的页面数据。实践中，上述页面数据获取请求可以包括上述目标页面的标识等信息。

需要说明的是，除预先创建有上述viewSource类外，还可以预先创建有用于处理数据(例如将页面数据转化为数据模型)的类、用于加载数据模型至组件的类、组件类以及负责总体调度的类(例如可以命名为Controller)等。上述Controller类可以对其他各类进行调用。此处，可以通过调用上述Controller类，而后利用上述Controller类进行上述viewSource类的调用，进而可以利用上述viewSource类向服务器发送页面数据获取请求。通过设计上述各类，可以避免大量的代码和逻辑被封装至同一个类中，降低了代码维护的难度。

步骤103，将页面数据转换为各目标组件所需的数据模型。

在本实施例中，上述执行主体可以将所获取的页面数据转换为各目标组件所需的数据模型。其中，各目标组件可以是上述目标页面需加载的组件。各类型的页面所需要的组件可以预先设定。例如，若目标页面为图文页面，则目标页面所需要加载的组件可以包括但不限于图片组件、分享组件、评论组件等。

实践中，每一种组件可以对应一种数据模型。数据模型(Data Model)是数据特征的抽象。数据是描述事物的符号记录，模型是现实世界的抽象。数据模型从抽象层次上描述了系统的静态特征、动态行为和约束条件，为信息表示与操作提供了一个抽象的框架。此处，上述执行主体可以使用现有的代码转换工具(例如MJExtension等)，将页面数据转换为数据模型。作为示例，JSON数据中包括如下页面数据“startTime：1550566835”和“endTime：1550653235”，则可以对上述页面数据进行时间戳转换以及字符拼装，得到数据模型“gameTime：活动时间：2月19日至2月20日”。

在本实施例的一些可选的实现方式中，可以预先创建有用于处理数据(例如将页面数据转化为数据模型)的类(例如可以命名为viewModel)。上述viewModel类可以封装有将页面数据转换为数据模型的方法。上述执行主体可以通过调用上述viewModel类，进行页面数据的转换。

需要说明的是，在上述实现方式中，上述执行主体可以通过调用上述Controller类，而后通过Controller类进行上述viewModel类的调用。此外，还需要说明的是，上述viewModel类还可以包含多个子类。每个子类可以对应一种组件。此时，可以通过调用各目标组件对应的子类，进行页面数据的转换。

步骤104，将各数据模型加载至相应的目标组件。

在本实施例中，对于所转换成的每一个数据模型，上述执行主体可以首先确定该数据模型对应的目标组件，而后，将该数据模型加载至该数据模型对应的目标组件。实践中，将数据模型加载至组件的过程，可以是基于数据模型进行初始化并绘制组件的过程。

在本实施例的一些可选的实现方式中，可以预先创建有用于加载数据模型至组件的类(例如可以命名为viewBuilder)。上述viewBuilder类可以封装有将数据模型加载至组件的方法。上述执行主体可以通过调用上述viewBuilder类，将各数据模型加载至相应的目标组件。需要说明的是，在上述实现方式中，上述执行主体可以通过调用上述Controller类，而后通过Controller类进行上述viewBuilder类的调用。

步骤105，在目标页面中加载各目标组件。

在本实施例中，上述执行主体可以在上述目标页面中加载各目标组件。实践中，可以预先设定的各目标组件的位置和区域等信息，在每一个目标组件绘制完成后，即可在上述目标页面中加载该目标组件。

在本实施例的一些可选的实现方式中，由于上述容器视图控制器(ContainerView Controller)可以包括用户界面视图控制器(UIViewController)，且不同的用户界面视图控制器可以用于绘制不同类型的页面。因此，上述执行主体可以首先确定上述目标页面的页面类型。而后调用上述容器视图控制器中的第一目标用户界面视图控制器。其中，上述第一目标用户界面视图控制器是用于绘制上述页面类型的页面的用户界面视图控制器。之后，可以利用上述第一目标用户界面视图控制器，在上述目标页面中加载上述各目标组件。

本申请的上述实施例提供的方法，在检测到用户对当前页面的点击操作后，直接跳转至目标页面。在确定上述目标页面不为视频详情页后，获取上述目标页面的页面数据，并将上述页面数据转换为各目标组件所需的数据模型；之后将各数据模型加载至相应的目标组件；最后在上述目标页面中加载上述各目标组件。由于在用户点击当前页面后，无需等待后端返回页面数据，立刻进行目标页面的跳转，从而可以提高页面呈现的流畅性。此外，由于页面内容复杂，详情页的类型多种多样，这种方式将页面进行组件划分，能够针对不同的组件单独进行开发和维护，从而降低了应用开发过程中的代码复杂度，降低了代码维护难度。

进一步参考图2，其示出了页面加载方法的又一个实施例的流程200。该页面加载方法的流程200，包括以下步骤：

步骤201，响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定目标页面是否为视频详情页。

在本实施例中，页面加载方法的执行主体(例如终端设备)可以运行有iOS操作系统。响应于检测到用户对当前页面的点击操作，上述执行主体可以通过调用预置在上述iOS操作系统(一种移动操作系统)的容器视图控制器(Container View Controller)，跳转至空白页，并将上述空白页作为目标页面。实践中，容器视图控制器可以包含一个或多个用户界面视图控制器(UIViewController)。不同的用户界面视图控制器可以用于绘制不同类型的页面。

之后，可以确定上述目标页面是否为视频详情页。实践中，目标页面按照类型可以分为视频详情页、图文详情页、投票详情页等等。通常，当用户在当前页面的视频资讯处进行点击后，所跳转的目标页面可以是视频详情页。视频详情页中可以包含视频组件。

在本实施例中，组件可以通过预置在上述iOS操作系统中的用户界面表视图组件(UITableView)承载。实践中，上述用户界面表视图组件可以用于展示数据列表。通过用户界面表视图组件所呈现的用户界面表视图中，每一行可以由一个用户界面表视图组件的组成部分(UITableView Cell)实现。因此，上述用户界面表视图组件每个组成部分可以实现一个页面组件。由于iOS操作系统中的用户界面表视图组件可以更为灵活地进行组成部分的复用、插入或删除等操作，因此，利用上述用户界面表视图组件承载组件，可以提高组件使用和页面布局的灵活性。

响应于确定上述目标页面不为视频详情页，上述执行主体可以执行包括步骤201-步骤205的第一加载步骤。响应于确定上述目标页面为视频详情页，上述执行主体可以执行包括步骤206-步骤212的第二加载步骤。

步骤202，响应于确定上述目标页面不为视频详情页，获取目标页面的页面数据。

在本实施例中，响应于确定上述目标页面不为视频详情页，上述执行主体可以获取目标页面的页面数据。具体地，可以预先创建多个类。每个类中可以封装有不同的方法。其中，所创建的多个类可以包括用于处理网络请求的类(例如可以命名为viewSource)。上述viewSource类中可以封装有向服务器(例如对上述视频类应用提供支持的视频服务器)发送页面数据获取请求的方法。上述执行主体可以调用上述viewSource类，向上述服务器发送页面数据获取请求，而后，接收上述服务器返回的页面数据。实践中，上述页面数据获取请求可以包括上述目标页面的标识等信息。

需要说明的是，除预先创建有上述viewSource类外，还可以预先创建有用于处理数据(例如将页面数据转化为数据模型)的类(例如可以命名为viewModel)、用于加载数据模型至组件的类(例如可以命名为viewBuilder)、组件类(例如可以命名为Componet)以及负责总体调度的类(例如可以命名为Controller)等。上述Controller类可以对其他各类进行调用。此处，可以通过调用上述Controller类，而后通过Controller类进行上述viewSource类的调用，从而利用上述viewSource类向服务器发送页面数据获取请求。通过设计上述各类，可以避免大量的代码和逻辑被封装至同一个类中，降低了代码维护的难度。

步骤203，将页面数据转换为各目标组件所需的数据模型。

在本实施例中，上述viewModel类可以封装有将页面数据转换为数据模型的方法。上述执行主体可以通过调用上述viewModel类，进行页面数据的转换。需要说明的是，上述执行主体可以通过调用上述Controller类，而后通过Controller类进行上述viewModel类的调用。此外，还需要说明的是，上述viewModel类还可以包含多个子类。每个子类可以对应一种组件。此时，可以通过调用各目标组件对应的子类，进行页面数据的转换。

步骤204，将各数据模型加载至相应的目标组件。

在本实施例中，上述viewBuilder类可以封装有将数据模型加载至组件的方法。上述执行主体可以通过调用上述viewBuilder类，将各数据模型加载至相应的目标组件。实践中，将数据模型加载至组件的过程，可以是基于数据模型进行初始化并绘制组件的过程。需要说明的是，在上述实现方式中，上述执行主体可以通过调用上述Controller类，而后通过Controller类进行上述viewBuilder类的调用。

步骤205，在目标页面中加载各目标组件。

在本实施例中，由于上述容器视图控制器(Container View Controller)可以包括用户界面视图控制器(UIViewController)，且不同的用户界面视图控制器可以用于绘制不同类型的页面。因此，上述执行主体可以首先确定上述目标页面的页面类型。而后调用上述容器视图控制器中的、用于绘制该页面类型的页面的用户界面视图控制器(此处可称为第一目标用户界面视图控制器)。之后，可以利用上述第一目标用户界面视图控制器，在上述目标页面中加载上述各目标组件。

步骤206，响应于确定目标页面为视频详情页，调用容器视图控制器中的第二目标用户界面视图控制器。

在本实施例中，响应于确定目标页面为视频详情页，上述执行主体可以调用容器视图控制器(Container View Controller)中的、用于绘制视频详情页的目标用户界面视图控制器(此处可称为第二目标用户界面视图控制器)。实践中，容器视图控制器可以包含一个或多个用户界面视图控制器(UIViewController)。不同的用户界面视图控制器可以用于绘制不同类型的页面。

步骤207，将当前页面的页面数据中的目标视频数据加载至视频组件。

在本实施例中，上述执行主体可以将当前页面的页面数据中的目标视频数据加载至视频组件。其中，上述目标视频数据为上述视频详情页所需的视频数据。

实践中，当用户在当前页面中的某个视频的位置进行点击之后，即跳转至视频详情页。在视频详情页的呈现过程中，需要加载该视频对应的视频数据，因此，可以将所需加载的视频数据作为目标视频数据。由于当前页面中呈现有该视频，因而当前页面的页面数据中通常包括上述目标视频数据，从而，上述执行主体可以直接从当前页面的页面数据中提取上述目标视频数据，将上述目标视频数据加载至视频组件。

需要说明的是，上述目标视频数据可以预先在当前页面的页面数据处理过程中已被转换为数据模型的形式。由于上述viewBuilder类可以封装有将数据模型加载至组件的方法，因此，上述执行主体可以通过调用上述viewBuilder类，将上述目标视频数据加载至上述视频组件。实践中，将数据模型加载至组件的过程，可以是基于数据模型进行初始化并绘制组件的过程。需要说明的是，上述执行主体可以通过调用上述Controller类，而后通过Controller类进行上述viewBuilder类的调用。

步骤208，利用第二目标用户界面视图控制器，在目标页面中加载视频组件。

在本实施例中，由于上述第二目标用户界面视图控制器用于绘制视频详情页，因此，上述执行主体可以利用上述第二目标用户界面视图控制器，将上述视频组件加载至上述目标页面中。具体地，由于组件通过预置在上述iOS操作系统中的用户界面表视图组件(UITableView)承载，上述用户界面表视图组件每个组成部分(UITableView Cell)可以实现一个页面组件，因此，上述执行主体可以利用上述第二目标用户界面视图控制器，加载视频组件对应的UITableView Cell，从而实现将视频组件加载至目标页面中。

由于在跳转至视频详情页后，直接调用第二目标用户界面视图控制器进行视频组件的加载，以及，直接将预先已获取的目标视频数据加载至视频组件中，因此，相较于以往方式中的先请求页面数据、再调用第二目标用户界面视图控制器进行各组件加载的方式，不需要等待页面数据获取完毕再进行组件加载，能够支持视频组件的优先加载。从而提高了视频组件的加载速度，实现了进入视频详情页即可进行视频开播。

需要说明的是，当视频详情页除需要加载视频组件外，还需要加载其他组件(例如评论组件、文字组件等)时，上述执行主体还可以执行步骤209-步骤212的操作。

步骤209，获取其他页面数据。

在本实施例中，上述执行主体可以向上述服务器发送页面数据获取请求，以获取视频详情页的其他页面数据。其中，其他页面数据为除视频数据外，视频详情页所需的页面数据。需要说明的是，获取其他页面数据的操作方式与步骤202中获取目标页面的页面数据的操作方式基本相同，此处不再赘述。

步骤210，将其他页面数据转换为各其他组件所需的其他数据模型。

在本实施例中，上述执行主体可以将上述其他页面数据转换为各其他组件所需的其他数据模型。其中，各其他组件为除视频组件外目标页面需加载的组件(例如评论组件、文字组件等)。需要说明的是，对上述其他页面数据的数据处理方式与步骤203中所描述的数据处理方式基本相同，此处不再赘述。

步骤211，将各其他数据模型加载至相应的其他组件。

在本实施例中，上述执行主体可以将各其他数据模型加载至相应的其他组件。需要说明的是，加载其他数据模型的操作方式与步骤204中所描述的加载数据模型的操作方式基本相同，此处不再赘述。

步骤212，利用第二目标用户界面视图控制器，在目标页面中加载各其他组件。

在本实施例中，上述执行主体可以利用上述第二目标用户界面视图控制器，在目标页面中加载各其他组件。需要说明的是，加载组件的操作方式与步骤205中所描述的方式基本相同，此处不再赘述。

从图2中可以看出，与图1对应的实施例相比，本实施例中的页面加载方法的流程200涉及了当目标页面为视频详情页时所执行的步骤。由于在跳转至视频详情页后，由此，本实施例描述的方案可以直接调用第二目标用户界面视图控制器进行视频组件的加载，以及，直接将预先已获取的目标视频数据加载至视频组件中，因此，相较于以往方式中的先请求页面数据、再调用第二目标用户界面视图控制器进行各组件加载的方式，不需要等待页面数据获取完毕再进行组件加载，能够支持视频组件的优先加载。从而提高了视频组件的加载速度，实现了进入视频详情页即可进行视频开播。

进一步参考图3，作为对上述各图所示方法的实现，本申请提供了一种页面加载装置的一个实施例，该装置实施例与图1所示的方法实施例相对应，该装置具体可以应用于各种终端设备中。

如图3所示，本实施例所述的页面加载装置300包括：跳转单元301，被配置成响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定上述目标页面是否为视频详情页；获取单元302，被配置成若否，获取上述目标页面的页面数据；转换单元303，被配置成将上述页面数据转换为各目标组件所需的数据模型，其中，上述各目标组件为上述目标页面需加载的组件；第一加载单元304，被配置成将各数据模型加载至相应的目标组件；第二加载单元305，被配置成在上述目标页面中加载上述各目标组件。

在本实施例的一些可选的实现方式中，上述终端设备运行有iOS操作系统；以及上述跳转单元301，进一步被配置成：调用预置在上述iOS操作系统的容器视图控制器，跳转至空白页，并将上述空白页作为目标页面。

在本实施例的一些可选的实现方式中，上述获取单元302，包括：发送模块，被配置成向服务器发送对上述目标页面的页面数据获取请求；接收模块，被配置成接收上述服务器返回的页面数据。

在本实施例的一些可选的实现方式中，上述第二加载单元305，包括：确定模块，被配置成确定上述目标页面的页面类型；第一加载模块，被配置成调用上述容器视图控制器中的第一目标用户界面视图控制器，其中，上述第一目标用户界面视图控制器用于绘制上述页面类型的页面；第二加载模块，被配置成利用上述第一目标用户界面视图控制器，在上述目标页面中加载上述各目标组件。

在本实施例的一些可选的实现方式中，在上述确定上述目标页面是否为视频详情页之后，上述装置还包括执行单元(图中未示出)。其中，上述执行单元，被配置成响应于确定上述目标页面为视频详情页，执行如下第二加载步骤：调用上述容器视图控制器中的第二目标用户界面视图控制器，其中，上述第二目标用户界面视图控制器用于绘制视频详情页；将上述当前页面的页面数据中的目标视频数据加载至视频组件，其中，上述目标视频数据为上述视频详情页所需的视频数据；利用上述第二目标用户界面视图控制器，在上述目标页面中加载上述视频组件。

在本实施例的一些可选的实现方式中，在上述利用上述目标用户界面视图控制器，在上述目标页面中加载上述视频组件之后，上述第二加载步骤还包括：获取其他页面数据，其中，上述其他页面数据为除上述目标视频数据外，上述视频详情页所需的页面数据；将上述其他页面数据转换为各其他组件所需的其他数据模型，其中，上述各其他组件为除上述视频组件外上述目标页面需加载的组件；将各其他数据模型加载至相应的其他组件；利用上述第二目标用户界面视图控制器，在上述目标页面中加载上述各其他组件。

在本实施例的一些可选的实现方式中，上述各目标组件通过预置在上述iOS操作系统中的用户界面表视图组件承载。

本申请的上述实施例提供的装置，在跳转单元301检测到用户对当前页面的点击操作后，直接跳转至目标页面。在确定上述目标页面不为视频详情页后，获取单元302获取上述目标页面的页面数据，转换单元303将上述页面数据转换为各目标组件所需的数据模型；之后第一加载单元304将各数据模型加载至相应的目标组件；最后第二加载单元305在上述目标页面中加载上述各目标组件。由于在用户点击当前页面后，无需等待后端返回页面数据，立刻进行目标页面的跳转，从而可以提高页面呈现的流畅性。此外，由于页面内容复杂，详情页的类型多种多样，这种方式将页面进行组件划分，能够针对不同的组件单独进行开发和维护，从而降低了应用开发过程中的代码复杂度，降低了代码维护难度。

下面参考图4，其示出了适于用来实现本申请实施例的终端设备的计算机系统400的结构示意图。图4示出的终端设备仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图4所示，计算机系统400包括中央处理单元(CPU)401，其可以根据存储在只读存储器(ROM)402中的程序或者从存储部分408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中，还存储有系统400操作所需的各种程序和数据。CPU401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。

以下部件连接至I/O接口405：包括键盘、鼠标等的输入部分406；包括诸如液晶显示器(LCD)等以及扬声器等的输出部分407；包括硬盘等的存储部分408；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分409。通信部分409经由诸如因特网的网络执行通信处理。驱动器410也根据需要连接至I/O接口405。可拆卸介质411，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器410上，以便于从其上读出的计算机程序根据需要被安装入存储部分408。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分409从网络上被下载和安装，和/或从可拆卸介质411被安装。在该计算机程序被中央处理单元(CPU)401执行时，执行本申请的方法中限定的上述功能。需要说明的是，本申请上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。

作为另一方面，本申请还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的装置中所包含的；也可以是单独存在，而未装配入该装置中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该装置执行时，使得该装置：响应于检测到用户对当前页面的点击操作，跳转至目标页面，并确定该目标页面是否为视频详情页；若否，获取该目标页面的页面数据；将该页面数据转换为各目标组件所需的数据模型，其中，该各目标组件为该目标页面需加载的组件；将各数据模型加载至相应的目标组件；在该目标页面中加载该各目标组件。

以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (16)

1.一种页面加载方法，其特征在于，应用于终端设备，包括：

响应于检测到用户对当前页面的点击操作，跳转至呈现为空白页的目标页面，并确定所述目标页面是否为视频详情页；

若否，执行如下第一加载步骤：

获取所述目标页面的页面数据；

调用用于处理数据的类，将所述页面数据转换为各目标组件所需的数据模型，其中，所述用于处理数据的类是预先创建的，封装有将页面数据转换为数据模型的方法；所述用于处理数据的类还包含多个子类，每个子类对应一种组件；所述各目标组件为所述目标页面需加载的组件；

将各数据模型加载至相应的目标组件；

在所述目标页面中加载所述各目标组件。

2.根据权利要求1所述的页面加载方法，其特征在于，所述终端设备运行有iOS操作系统；以及

所述跳转至目标页面，包括：

调用预置在所述iOS操作系统的容器视图控制器，以跳转至空白页，并将所述空白页作为目标页面。

3.根据权利要求1所述的页面加载方法，其特征在于，所述获取所述目标页面的页面数据，包括：

调用预先设置的用于处理网络请求的类，利用所述类向服务器发送对所述目标页面的页面数据获取请求；

接收所述服务器响应于所述页面数据获取请求所返回的页面数据。

4.根据权利要求2所述的页面加载方法，其特征在于，所述在所述目标页面中加载所述各目标组件，包括：

确定所述目标页面的页面类型；

调用所述容器视图控制器中的第一目标用户界面视图控制器，其中，所述第一目标用户界面视图控制器用于绘制所述页面类型的页面；

利用所述第一目标用户界面视图控制器，在所述目标页面中加载所述各目标组件。

5.根据权利要求2所述的页面加载方法，其特征在于，在所述确定所述目标页面是否为视频详情页之后，所述方法还包括：

响应于确定所述目标页面为视频详情页，执行如下第二加载步骤：

调用所述容器视图控制器中的第二目标用户界面视图控制器，其中，所述第二目标用户界面视图控制器用于绘制视频详情页；

将所述当前页面的页面数据中的目标视频数据加载至视频组件，其中，所述目标视频数据为所述视频详情页所需的视频数据；

利用所述第二目标用户界面视图控制器，在所述目标页面中加载所述视频组件。

6.根据权利要求5所述的页面加载方法，其特征在于，在所述利用所述目标用户界面视图控制器，在所述目标页面中加载所述视频组件之后，所述第二加载步骤还包括：

获取其他页面数据，其中，所述其他页面数据为除所述目标视频数据外，所述视频详情页所需的页面数据；

将所述其他页面数据转换为各其他组件所需的其他数据模型，其中，所述各其他组件为除所述视频组件外所述目标页面需加载的组件；

将各其他数据模型加载至相应的其他组件；

利用所述第二目标用户界面视图控制器，在所述目标页面中加载所述各其他组件。

7.根据权利要求2所述的页面加载方法，其特征在于，所述各目标组件通过预置在所述iOS操作系统中的用户界面表视图组件承载。

8.一种页面加载装置，其特征在于，应用于终端设备，包括：

跳转单元，被配置成响应于检测到用户对当前页面的点击操作，跳转至呈现为空白页的目标页面，并确定所述目标页面是否为视频详情页；

获取单元，被配置成若否，执行如下第一加载步骤：

获取所述目标页面的页面数据；调用用于处理数据的类，将所述页面数据转换为各目标组件所需的数据模型，其中，所述用于处理数据的类是预先创建的，封装有将页面数据转换为数据模型的方法；所述用于处理数据的类还包含多个子类，每个子类对应一种组件；所述各目标组件为所述目标页面需加载的组件；将各数据模型加载至相应的目标组件；在所述目标页面中加载所述各目标组件。

9.根据权利要求8所述的页面加载装置，其特征在于，所述终端设备运行有iOS操作系统；以及

所述跳转单元，进一步被配置成：

调用预置在所述iOS操作系统的容器视图控制器，以跳转至空白页，并将所述空白页作为目标页面。

10.根据权利要求8所述的页面加载装置，其特征在于，所述获取单元进一步被配置成：

向服务器发送对所述目标页面的页面数据获取请求；

接收所述服务器响应于所述页面数据获取请求所返回的页面数据。

11.根据权利要求9所述的页面加载装置，其特征在于，所述获取单元进一步被配置成：

确定所述目标页面的页面类型；

调用所述容器视图控制器中的第一目标用户界面视图控制器，其中，所述第一目标用户界面视图控制器用于绘制所述页面类型的页面；

利用所述第一目标用户界面视图控制器，在所述目标页面中加载所述各目标组件。

12.根据权利要求9所述的页面加载装置，其特征在于，所述装置还包括：

执行单元，被配置成响应于确定所述目标页面为视频详情页，执行如下第二加载步骤：

调用所述容器视图控制器中的第二目标用户界面视图控制器，其中，所述第二目标用户界面视图控制器用于绘制视频详情页；

将所述当前页面的页面数据中的目标视频数据加载至视频组件，其中，所述目标视频数据为所述视频详情页所需的视频数据；

利用所述第二目标用户界面视图控制器，在所述目标页面中加载所述视频组件。

13.根据权利要求12所述的页面加载装置，其特征在于，在所述利用所述目标用户界面视图控制器，在所述目标页面中加载所述视频组件之后，所述第二加载步骤还包括：

获取其他页面数据，其中，所述其他页面数据为除所述目标视频数据外，所述视频详情页所需的页面数据；

将所述其他页面数据转换为各其他组件所需的其他数据模型，其中，所述各其他组件为除所述视频组件外所述目标页面需加载的组件；

将各其他数据模型加载至相应的其他组件；

利用所述第二目标用户界面视图控制器，在所述目标页面中加载所述各其他组件。

14.根据权利要求8所述的页面加载装置，其特征在于，所述各目标组件通过预置在iOS操作系统中的用户界面表视图组件承载。

15.一种终端设备，其特征在于，包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。

16.一种计算机可读介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一所述的方法。

Images