页面视图的显示方法、装置、设备及存储介质与流程

本公开实施例涉及应用程序开发技术领域，尤其涉及一种页面视图的显示方法、装置、设备及存储介质。

背景技术：

在开发基于ios操作系统的移动应用程序时，开发者通常采用mvc(model，view，controller)开发架构。图1给出了mvc开发架构的结构示意图。如图1所示，mvc开发架构由模型(model)、视图(view)和控制器(controller)三部分组成。其中，model作为数据模型，view负责视图的管理，controller用于处理业务逻辑。在mvc开发架构中，控制器同时持有视图和数据模型。控制器根据视图捕捉的用户动作更新数据模型；当数据模型发生变化后，控制器再直接操作视图进行更新。

可见，现有的mvc开发架构中的控制器与视图耦合严重，控制器的复用度远低于视图复用度，从而大大降低了业务实现的复用度。而且，随着业务复杂度越来越高，控制器需要处理的业务也越来增多，业务代码快速膨胀，进而导致代码结构非常混乱，内部职责划分不清晰，从而不利于功能单元测试工作的开展；并且业务复杂度的升高也会导致需要更多的视图来承载业务的展示，使得控制器需要管理更多的视图，从而也会大大增加控制器的复杂度，降低了视图的显示效率。

技术实现要素：

有鉴于此，本公开实施例提供了一种页面视图的显示方法、装置、设备及存储介质，以提高页面视图的显示效率。

第一方面，本公开实施例提供了一种页面视图的显示方法，所述方法包括：

通过控制器模块，为当前页面创建视图驱动引擎模块和响应式视图模块，并建立所述视图驱动引擎模块与所述响应式视图模块之间的绑定关系；

通过所述视图驱动引擎模块，获取当前页面的待显示视图对应的业务数据和数据模型，并根据所述业务数据和所述数据模型生成所述待显示视图对应的视图渲染数据，基于所述绑定关系将所述视图渲染数据发送给所述响应式视图模块；其中，所述业务数据包括在业务进行过程中产生的中间数据，所述数据模型包括业务对象的属性数据；

通过所述响应式视图模块，根据所述视图渲染数据进行视图渲染和显示。

可选地，在进行视图渲染和显示之后，所述方法还包括：

通过所述响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的所述触控操作生成业务命令，并将所述业务命令发送给所述视图驱动引擎模块；

通过所述视图驱动引擎模块，接收所述业务命令，并确定所述业务命令为同步业务命令时，根据所述业务命令、所显示视图对应的业务数据和数据模型重新生成视图渲染数据，并基于所述绑定关系将重新生成的视图渲染数据发送给所述响应式视图模块；

通过所述响应式视图模块，根据所述重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，在进行视图渲染和显示之后，所述方法还包括：

通过所述响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的所述触控操作生成业务命令，并将所述业务命令发送给所述视图驱动引擎模块；

通过所述视图驱动引擎模块，接收所述业务命令并在确定所述业务命令是异步业务命令时，根据所述业务命令执行对应的异步操作；更新所显示视图对应的业务数据，以使更新后的业务数据中包含执行异步操作的状态数据；根据更新后的业务数据和所显示视图对应的数据模型，重新生成视图渲染数据；基于所述绑定关系将重新生成的视图渲染数据发送给所述响应式视图模块；

通过所述响应式视图模块，根据所述重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，根据所述业务命令执行对应的异步操作，包括：

通过所述视图驱动引擎模块，从当前业务数据中过滤出与所述业务命令对应的异步操作所对应的参数；

根据所述参数生成异步命令，并通过触发所述异步命令，以执行所述业务命令对应的异步操作。

可选地，在根据所述重新生成的视图渲染数据对所显示视图进行重新渲染和显示之后，所述方法还包括：

通过所述视图驱动引擎模块，在获取到所述异步操作的执行结果后根据所述执行结果、所显示视图对应的业务数据和数据模型，重新生成视图渲染数据，并基于所述绑定关系将当前重新生成的视图渲染数据发送给所述响应式视图模块；

通过所述响应式视图模块，根据当前重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，所述异步操作包括：从服务器获取数据的操作。

可选地，获取当前页面的待显示视图对应的业务数据和数据模型，并根据所述业务数据和所述数据模型生成所述待显示视图对应的视图渲染数据，包括：

通过调用依赖dependency中的数据获取服务，获取当前页面的待显示视图对应的业务数据和数据模型；所述dependency是业务依赖的服务集合；

基于获取的所述业务数据和数据模型，调用dependency中的渲染数据计算服务，得到所述待显示视图对应的视图渲染数据。

可选地，根据所述视图渲染数据进行视图渲染和显示，包括：

从预设视图描述文件中读取当前页面的待显示视图的层次结构信息和数据绑定协议；

根据所述层次结构信息确定当前页面的待显示视图的层次结构，根据所述数据绑定协议确定所述视图驱动引擎模块生成的视图渲染数据与待显示视图的对应关系，基于所述层次结构和所述对应关系，根据所述视图渲染数据进行视图渲染和显示。

可选地，建立所述视图驱动引擎模块与所述响应式视图模块之间的绑定关系，包括：

在所述视图驱动引擎模块上将更新所述响应式视图模块的响应函数，作为所述视图驱动引擎模块的输出响应对象进行注册，以使在所述视图驱动引擎模块上有视图渲染数据生成时，通过调用所述响应函数将生成的视图渲染数据发送给所述响应式视图模块。

第二方面，本公开实施例还提供了一种页面视图的显示装置，所述装置包括：

控制器模块，用于为当前页面创建视图驱动引擎模块和响应式视图模块，并建立所述视图驱动引擎模块与所述响应式视图模块之间的绑定关系；

视图驱动引擎模块，用于获取当前页面的待显示视图对应的业务数据和数据模型，并根据所述业务数据和所述数据模型生成所述待显示视图对应的视图渲染数据，基于所述绑定关系将所述视图渲染数据发送给所述响应式视图模块；其中，所述业务数据包括在业务进行过程中产生的中间数据，所述数据模型包括业务对象的属性数据；

响应式视图模块，用于根据所述视图渲染数据进行视图渲染和显示。

可选地，响应式视图模块还包括：

业务命令生成单元，用于在进行视图渲染和显示之后，通过响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的触控操作生成业务命令，并将业务命令发送给视图驱动引擎模块；

相应地，视图驱动引擎模块还包括：

同步业务命令处理单元，用于接收业务命令，并确定业务命令为同步业务命令时，根据业务命令、所显示视图对应的业务数据和数据模型重新生成视图渲染数据，并基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块；

相应地，响应式视图模块还用于：根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，响应式视图模块还包括：

业务命令生成单元，用于在进行视图渲染和显示之后，通过响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的触控操作生成业务命令，并将业务命令发送给视图驱动引擎模块；

相应地，视图驱动引擎模块还包括：

异步业务命令处理单元，用于接收业务命令并在确定业务命令是异步业务命令时，根据业务命令执行对应的异步操作；更新所显示视图对应的业务数据，以使更新后的业务数据中包含执行异步操作的状态数据；根据更新后的业务数据和所显示视图对应的数据模型，重新生成视图渲染数据；基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块；

相应地，响应式视图模块还用于：根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，异步业务命令处理单元包括异步操作执行子单元，用于通过所述视图驱动引擎模块，从当前业务数据中过滤出与所述业务命令对应的异步操作所对应的参数；根据所述参数生成异步命令，并通过触发所述异步命令，以执行所述业务命令对应的异步操作。

可选地，异步业务命令处理单元，还用于在根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示之后，在获取到异步操作的执行结果后根据执行结果、所显示视图对应的业务数据和数据模型，重新生成视图渲染数据，并基于绑定关系将当前重新生成的视图渲染数据发送给响应式视图模块；

相应地，响应式视图模块还用于：根据当前重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，异步操作包括：从服务器获取数据的操作。

可选地，视图驱动引擎模块包括：

数据获取服务调用单元，用于通过调用依赖dependency中的数据获取服务，获取当前页面的待显示视图对应的业务数据和数据模型；dependency是业务依赖的服务集合；

渲染数据计算服务调用单元，用于基于获取的业务数据和数据模型，调用dependency中的渲染数据计算服务，得到待显示视图对应的视图渲染数据。

可选地，响应式视图模块具体用于：

从预设视图描述文件中读取当前页面的待显示视图的层次结构信息和数据绑定协议；根据层次结构信息确定当前页面的待显示视图的层次结构，根据数据绑定协议确定视图驱动引擎模块生成的视图渲染数据与待显示视图的对应关系，基于层次结构和对应关系，根据视图渲染数据进行视图渲染和显示。

可选地，控制器模块包括：

绑定关系建立单元，用于在视图驱动引擎模块上将更新响应式视图模块的响应函数，作为视图驱动引擎模块的输出响应对象进行注册，以使在视图驱动引擎模块上有视图渲染数据生成时，通过调用响应函数将生成的视图渲染数据发送给响应式视图模块。

第三方面，本公开实施例还提供了一种终端设备，所述设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开任意实施例所提供的页面视图的显示方法。

第四方面，本公开实施例还提供了一种计算机存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如本公开任意实施例所提供的页面视图的显示方法。

本公开实施例通过将mvc开发架构的控制器中的业务拆分为与视图无关的业务逻辑以及与视图相关的视图业务，然后通过视图驱动引擎模块来承载与视图无关的业务逻辑，以及通过响应式视图模块来承载与视图相关的视图业务，并且利用视图驱动引擎模块驱动响应式视图模块，无需通过控制器模块进行驱动，从而可以对框架中的控制器和视图进行解耦；而且本公开实施例中的控制器模块只需负责创建视图驱动引擎模块和响应式视图模块，并对这两个模块进行绑定即可，大大简化了控制器模块的操作，提高了视图和业务逻辑的复用度，使得框架中每个模块的职责定义更加清晰，从而可以更加快速地进行视图的渲染和显示，提高了页面视图的显示效率。

附图说明

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

图1示出了现有技术中mvc开发架构的结构示意图；

图2示出了本公开实施例一提供的一种页面视图的显示方法的流程图；

图3示出了本公开实施例一所涉及的视图驱动引擎模块与响应式视图模块之间的数据流的示意图；

图4示出了本公开实施例二提供的一种页面视图的显示方法的流程图；

图5示出了本公开实施例二所涉及的处理异步业务命令时的数据流的示意图；

图6示出了本公开实施例二所涉及的一种视图响应过程的示意图；

图7示出了本公开实施例三提供的一种页面视图的显示装置结构示意图；

图8示出了本公开实施例四提供的一种终端设备的硬件结构示意图。

具体实施方式

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

下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。

实施例一

图2示出了本公开实施例一提供的一种页面视图的显示方法的流程图，本公开实施例可适用于在基于ios系统的应用程序中显示页面视图的情况，该方法可以由页面视图的显示装置来执行，该装置可以由软件和/或硬件的方式来实现，集成于具有显示功能的终端设备中，如智能手机、平板电脑等。

如图1所示，本公开实施例中提供的页面视图的显示方法具体包括以下步骤：

s110、通过控制器模块，为当前页面创建视图驱动引擎模块和响应式视图模块，并建立视图驱动引擎模块与响应式视图模块之间的绑定关系。

其中，当前页面是指当前待显示的页面。控制器模块可以是预先创建的，用于为当前页面创建视图驱动引擎模块和响应式视图模块，以及对创建的视图驱动引擎模块和响应式视图模块建立绑定关系的模块。视图驱动引擎模块可以用于承载与视图无关的业务逻辑，比如维护数据、处理数据和计算视图渲染数据。响应式视图模块用于承载与视图相关的视图业务，比如根据视图渲染数据进行视图渲染和显示。绑定关系可以是指创建的视图驱动引擎模块与响应式视图模块之间的对应关系，以使视图驱动引擎模块可以直接驱动对应的响应式视图模块，实现视图的自动响应。

具体地，在打开当前页面时，可以先创建一个控制器模块，然后由控制器模块为当前页面创建一个视图驱动引擎模块和一个响应式视图模块，并将创建的视图驱动引擎模块绑定到创建的响应式视图模块，以便在视图驱动引擎模块上生成视图渲染数据时，响应式视图模块可以自动进行响应并生成对应的页面视图。本实施例通过将mvc开发架构的控制器中与视图无关的业务逻辑抽离到视图驱动引擎模块中，将与视图相关的视图业务抽离到响应式视图模块中，从而弱化了控制器的角色，使得控制器操作更加简单，同时也使开发框架中的每个模块的职责定义更加清晰，有利于业务的功能单元测试。

需要注意的是，通过视图驱动引擎模块进行的业务处理可以在主线程中执行，以便保证视图驱动引擎模块和响应式视图模块的线程安全性。

s120、通过视图驱动引擎模块，获取当前页面的待显示视图对应的业务数据和数据模型，并根据业务数据和数据模型生成待显示视图对应的视图渲染数据，基于绑定关系将视图渲染数据发送给响应式视图模块。

其中，业务数据包括在业务进行过程中产生的中间数据。比如用户在商品页面中选择了商品颜色、商品尺码等参数而产生的相应数据。数据模型包括业务对象的属性数据。示例性地，在业务对象为某个商品时，对应的属性数据可以为商品价格、商品库存量、颜色种类、尺码大小等。当前页面可以包括一个或多个待显示视图。待显示视图对应的视图渲染数据可以是指渲染该待显示视图所需要的视图数据，比如背景颜色、前景颜色、字体颜色、文本字体、字号和字形等。

具体地，本实施例可以通过视图驱动引擎模块，获取当前页面中每个待显示视图对应的业务数据和数据模型。示例性地，可以通过根据视图驱动引擎模块中的默认配置信息，获得待显示视图对应的业务数据和数据模型；还可以通过向服务器发送数据请求的方式，获得当前页面的待显示视图的业务数据和数据模型。通过视图驱动引擎模块，可以根据获得的业务数据和数据模型生成对应的视图渲染数据，并根据视图驱动引擎模块与响应式视图模块之间的绑定关系，可以将生成的视图渲染数据通过控制器模块透传到响应式视图模块，也可以直接将生成的视图渲染数据发送至响应式视图模块，从而对开发架构中的控制器和视图进行解耦，降低了控制器的复杂度。

s130、通过响应式视图模块，根据视图渲染数据进行视图渲染和显示。

具体地，本实施例可以通过响应式视图模块，可以根据接收的视图渲染数据对待显示视图进行视图渲染和显示，大大提高了页面视图的显示效率。本实施例中的当前页面通常存在多个待显示视图，即响应式视图模块往往会接收到多个待显示视图对应的视图渲染数据，此时可以基于预设对应关系，根据每个视图渲染数据对对应的待显示视图进行渲染和显示。

示例性地，s130可以包括：从预设视图描述文件中读取当前页面的待显示视图的层次结构信息和数据绑定协议；根据层次结构信息确定当前页面的待显示视图的层次结构，根据数据绑定协议确定视图驱动引擎模块生成的视图渲染数据与待显示视图的对应关系，基于层次结构和对应关系，根据视图渲染数据进行视图渲染和显示。

其中，预设视图描述文件可以是预先采用结构化语言来描述当前页面中视图的层次结构信息和数据绑定协议。开发者可以根据业务需求以及结构化语言规范创建预设视图描述文件。示例性地，结构化语言可以是但不限于javascript对象标记json(javascriptobjectnotation)语言或可扩展标记语言xml(extensiblemarkuplanguage)。层次结构信息可以是指当前页面中各待显示视图之间的层级关系信息。数据绑定协议可以用于反映当前页面中的每个待显示视图与视图驱动引擎模块生成的每个视图渲染数据之间的绑定关系。

具体地，本实施例可以通过对预设视图描述文件进行解析，获得当前页面的层次结构信息和数据绑定协议；根据当前页面中待显示视图的层级结构信息，可以确定当前页面中的待显示视图为子视图还是父视图，若为子视图，则将该子视图添加到对应的父视图上，从而可以形成当前页面对应的层次结构。根据数据绑定协议可以确定当前页面中的每个待显示视图与视图驱动引擎模块生成的每个视图渲染数据之间的对应关系，从而基于该对应关系以及层次结构，可以对生成的视图渲染数据进行准确地视图渲染和显示。

本公开实施例的技术方案，通过将mvc开发架构的控制器中的业务拆分为与视图无关的业务逻辑以及与视图相关的视图业务，然后通过视图驱动引擎模块来承载与视图无关的业务逻辑，以及通过响应式视图模块来承载与视图相关的视图业务，并且利用视图驱动引擎模块来直接驱动响应式视图模块，无需通过控制器模块进行驱动，可以对开发架构中的控制器和视图进行解耦；而且本公开实施例中的控制器模块只需负责创建视图驱动引擎模块和响应式视图模块，并对这两个模块进行绑定即可，大大简化了控制器模块的操作，提高了视图和业务逻辑的复用度，使得开发框架中每个模块的职责定义更加清晰，从而可以更加快速地进行视图的渲染和显示，提高了页面视图的显示效率。

在上述技术方案的基础上，s110中的“建立视图驱动引擎模块与响应式视图模块之间的绑定关系”，可以包括：在视图驱动引擎模块上将更新响应式视图模块的响应函数，作为视图驱动引擎模块的输出响应对象进行注册，以使在视图驱动引擎模块上有视图渲染数据生成时，通过调用响应函数将生成的视图渲染数据发送给响应式视图模块。

其中，响应函数是指可以使响应式视图模块接收到视图渲染数据的函数。具体地，本实施例可以通过数据结构体backend创建视图驱动引擎模块的输入和输出响应对象。通过将更新响应式视图模块的响应函数作为视图驱动引擎模块的输出响应对象，从而在视图驱动引擎模块上注册更新响应式视图模块的响应函数，以便视图驱动引擎模块可以通过将生成的视图渲染数据作为函数输入参数，调用注册的响应函数，从而可以将生成的视图渲染数据发送给对应的响应式视图模块，使得视图驱动引擎模块与响应式视图模块之间的数据流是单向的，以保证响应式视图模块生成的页面视图与数据渲染数据一一对应。

在上述技术方案的基础上，s120中的“获取当前页面的待显示视图对应的业务数据和数据模型，并根据业务数据和数据模型生成待显示视图对应的视图渲染数据”，可以包括：通过调用依赖dependency中的数据获取服务，获取当前页面的待显示视图对应的业务数据和数据模型；基于获取的业务数据和数据模型，调用dependency中的渲染数据计算服务，得到待显示视图对应的视图渲染数据。

其中，依赖dependency是业务依赖的服务集合，其可以包括但不限于数据获取服务和渲染数据计算服务。

具体地，与mvc开发架构中数据模型的数据形式不同，本实施例中的视图驱动引擎模块可以不直接持有业务数据和数据模型，而是通过调用依赖dependency中的数据获取服务和渲染数据计算服务方式，分别获得业务数据和数据模型以及计算视图渲染数据，从而视图驱动引擎模块可以将业务的依赖dependency单独拆分出来，使得视图驱动引擎模块的职责更加清晰明确。

需要注意的是，在通过调用dependency中的渲染数据计算服务，得到待显示视图对应的视图渲染数据后，可以将获得的视图渲染数据进行缓存，以便后续在需要生成相同业务数据和数据模型对应的视图渲染数据时，可以直接使用缓存的视图渲染数据，无需重复计算渲染数据，从而可以提高视图渲染效率，提高显示速度，进而优化了页面滑动性能，提升了用户的使用体验。

在上述技术方案的基础上，在s130之后，即在显示界面中显示页面视图后，响应式视图模块还可以捕捉用户对页面视图的触控操作，比如触摸行为或者点击行为。响应式视图模块可以将捕捉到的触控操作转换为特定类型的视图输入数据，比如，利用数字1表示点击开启按钮的操作，利用数字2表示点击结束按钮的操作。图3示出了视图驱动引擎模块与响应式视图模块之间的数据流的示意图。如图3所示，响应式视图模块可以将转换后的视图输入数据发送至视图驱动引擎模块，视图驱动引擎模块根据接收的视图输入数据进行业务处理后生成对应的视图渲染数据，然后再将生成的视图渲染数据发送至响应式视图模块中，响应式视图模块根据接收的视图渲染数据进行重新渲染和显示。

示例性地，在s130之后，还可以包括：

通过响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的触控操作生成业务命令，并将业务命令发送给视图驱动引擎模块；通过视图驱动引擎模块，接收业务命令，并确定业务命令为同步业务命令时，根据业务命令、所显示视图对应的业务数据和数据模型重新生成视图渲染数据，并基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块；通过响应式视图模块，根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

其中，触控操作可以是但不限于触摸行为或者点击行为。业务命令可以包括将捕捉到的触控操作进行转换后得到的特定类型的视图输入数据，以使视图驱动引擎模块可以根据业务命令进行相应地业务处理。同步业务命令是指可以立即并直接进行相应地业务处理，无需进行其它异步操作的命令。

具体地，本实施例可以通过响应式视图模块，将生成的业务命令发送给视图驱动引擎模块。在视图驱动引擎模块中，可以将业务任意时刻的数据集合，比如当前业务数据和对应的视图渲染数据维护在一个称为状态state的数据结构中。通过视图驱动引擎模块，可以根据预设判断规则，判断接收的业务命令是否为同步业务命令，比如判断业务命令对应的命令标识是否为同步命令标识；若是，则可以确定接收的业务命令为同步业务命令。当确定业务命令为同步业务命令时，可以直接根据业务命令更新所显示视图对应的业务数据，以使更新后的业务数据中包含执行业务命令对应的状态数据。根据更新后的业务数据和所显示视图对应的数据模型重新生成新的视图渲染数据，即生成了一个新的状态。在视图驱动引擎模块中执行的这个过程可以称为reduce操作，使用使数学符号可以表述成：sn+1＝f(sn,c)；使用伪代码可以表述成：funcreduce(state:state,command:command)->state。

在重新生成视图渲染数据后，通过视图驱动引擎模块，可以基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块；通过响应式视图模块，可以根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示，从而当驱动引擎模块中的业务数据发生变化时，响应式视图模块可以自动响应变化后的业务数据，并生成对应的新视图，以自动更新所显示视图。也就是说，视图与业务数据是一一对应关系，并且业务数据在任意时刻均具有唯一性，从而保证了业务数据与视图的一致性，进一步保证了视图操作的线程安全性。

实施例二

图4示出了本公开实施例二提供的一种页面视图的显示方法的流程图，本实施例以上述实施例中各个可选方案为基础，在业务命令为异步业务命令时，对页面视图的显示进行更新的方式进行了详细阐述。其中与上述实施例相同或相应的术语的解释在此不再赘述。

如图4所示，本公开实施例中提供的页面视图的显示方法具体包括以下步骤：

s210、通过控制器模块，为当前页面创建视图驱动引擎模块和响应式视图模块，并建立视图驱动引擎模块与响应式视图模块之间的绑定关系。

s220、通过视图驱动引擎模块，获取当前页面的待显示视图对应的业务数据和数据模型，并根据业务数据和数据模型生成待显示视图对应的视图渲染数据，基于绑定关系将视图渲染数据发送给响应式视图模块。

s230、通过响应式视图模块，根据视图渲染数据进行视图渲染和显示。

s240、通过响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的触控操作生成业务命令，并将业务命令发送给视图驱动引擎模块。

具体地，在显示界面上展示当前页面后，用户可以对当前页面中的所显示视图进行触控操作。本实施例可以通过响应式视图模块，基于所显示视图中预先添加的触控操作检测函数，检测是否对所显示视图进行触控操作；若是，则可以将检测到的触控操作转换为一个特定类型的视图输入数据，根据转换后的视图输入数据可以生成对应的业务命令，并将生成的业务命令发送给视图驱动引擎模块，以便通过视图驱动引擎模对该触控操作进行相应处理。

s250、通过视图驱动引擎模块，接收业务命令并在确定业务命令是异步业务命令时，根据业务命令执行对应的异步操作；更新所显示视图对应的业务数据，以使更新后的业务数据中包含执行异步操作的状态数据；根据更新后的业务数据和所显示视图对应的数据模型，重新生成视图渲染数据；基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块。

其中，异步业务命令可以是指无法立即直接进行相应的业务处理，需要进行其它异步操作的命令。异步操作可以包括但不限于：从服务器获取数据的操作、以及耗时的本地的写数据、读数据等操作。执行异步操作的状态数据可以是指所显示视图在处于执行异步业务命令对应的异步操作的状态时对应的状态数据。

具体地，本实施例通过视图驱动引擎模块接收响应式视图模块发送的业务命令后，可以根据预设判断规则，判断接收的业务命令是否为异步业务命令，比如判断业务命令对应的命令标识是否为异步命令标识；若是，则可以确定接收的业务命令为异步业务命令。当确定业务命令为异步业务命令时，由于异步业务命令的执行比较耗时，从而可以通过视图驱动引擎模块先执行异步业务命令对应的异步操作，并对当前维护的业务数据进行更新，使得更新后的业务数据中包含执行异步操作的状态数据。根据更新后的业务数据和对应的数据模型，可以生成执行异步操作时对应的视图渲染数据，并基于绑定关系可以将生成的视图渲染数据再次发送至响应式视图模块中。

示例性地，根据业务命令执行对应的异步操作，包括：通过视图驱动引擎模块，从当前业务数据中过滤出与业务命令对应的异步操作所对应的参数；根据参数生成异步命令，并通过触发异步命令，以执行业务命令对应的异步操作具体地，通过视图驱动引擎模块，可以从当前维护的业务数据中过滤出异步操作所需要的参数query，然后根据过滤出来的参数query生成一个能够产生副作用的异步命令，该异步命令可以触发异步操作，从而可以执行业务命令对应的异步操作。

示例性地，若需要从服务器获取数据，则响应式视图模块可以向视图驱动引擎模块发送一个数据请求的异步业务命令，在视图驱动引擎模块中，可以从维护的当前业务数据中过滤出数据请求所需要的参数query，从而可以根据过滤出的参数query生成一个可以触发异步的数据请求操作的异步指令，以便进行数据请求操作。

s260、通过响应式视图模块，根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

具体地，通过响应式视图模块，可以根据重新生成的视图渲染数据再次对所显示视图进行渲染和显示，以更新显示界面中的所显示视图，使得所显示视图可以展示出当前正在处于执行异步业务命令对应的异步操作的状态，比如显示正在加载loading的图标，以便用户可以更加直观地了解视图更新状态，提高用户的观看体验。

s270、通过视图驱动引擎模块，在获取到异步操作的执行结果后根据执行结果、所显示视图对应的业务数据和数据模型，重新生成视图渲染数据，并基于绑定关系将当前重新生成的视图渲染数据发送给响应式视图模块。

具体地，在异步操作执行结束后，通过视图驱动引擎模块获得异步操作的执行结果后，可以返回一个能够产生副作用的结果回调命令，通过该结果回调命令，可以将异步操作的执行结果作为异步业务命令的参数再次更新业务数据，以使更新后的业务数据中包含异步操作的执行结果。根据再次更新的业务数据和数据模型，可以生成处理异步业务命令后对应的视图渲染数据，并基于绑定关系将当前重新生成的视图渲染数据再次发送至响应式视图模块中。

s280、通过响应式视图模块，根据当前重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

具体地，通过响应式视图模块，可以根据再次重新生成的视图渲染数据对所显示视图重新进行渲染和显示，以更新显示界面中的所显示视图，使得所显示视图可以展示出执行异步业务命令后的状态，比如显示从服务器获取的数据。

图5示出了处理异步业务命令时的数据流的示意图。如图5所示，本实施例在确定业务命令为异步业务命令时，通过视图驱动引擎模块，先从当前业务数据中过滤出异步操作所需要的参数query，基于这个参数query可以生成一个能够产生副作用的异步命令，通过触发异步命令可以执行对应的异步操作；同时根据包含执行异步操作的状态数据的业务数据生成一个执行异步操作时对应的视图渲染数据，并发送至响应式视图模块中进行渲染和显示。当异步操作执行结束后，可以返回一个能够产生副作用的结果回调命令，通过该结果回调命令，可以将异步操作的执行结果作为异步业务命令的参数再次更新业务数据，进行二次reduce操作，使用数学符号可以进一步完善reduce的定义为：sn+1,c＇＝f(sn,c＇)；相应地，使用伪代码可以表述成：funcreduce(state:state,command:command)->(state,command？)。这样表述可以同时定义同步和异步业务命令的处理逻辑，对于同步业务命令，只会更新一次业务数据；对于异步业务命令，通过返回一个能够产生副作用的结果回调命令，这个结果回调命令可以将异步操作的执行结果作为异步业务命令的参数再次更新业务数据，从而产生一个副作用。

本公开实施例通过响应式视图模块，可以对视图驱动引擎模块中生成的业务状态数据进行响应，呈现出对应的视图。图6示出了一种视图响应过程的示意图。如图6所示，在业务命令为异步业务命令时，通过响应式视图模块，可以根据视图驱动引擎模块中产生的执行异步操作时对应的视图渲染数据生成对应的中间视图；在异步操作结束后，根据视图驱动引擎模块中产生的响应于异步业务命令的最终视图渲染数据生成对应的响应后视图。可见，当视图驱动引擎模块中的业务数据发生变化时，在响应式视图模块中都可以自动响应这个变化并生成对应的新视图，也就是说视图与业务数据是一一对应关系，并且业务数据在任意时刻均具有唯一性，从而保证了视图与业务数据的一致性，进一步保证了视图操作的线程安全性。

本公开实施例的技术方案，在业务命令为异步业务命令时，可以通过视图驱动引擎模块，执行异步业务命令对应的异步操作，并根据包含执行异步操作的状态数据的业务数据生成一个执行异步操作时对应的视图渲染数据。通过响应式视图模块，根据重新生成的视图渲染数据对所显示视图进行更新，使得所显示视图可以展示出当前正在处于执行异步操作的中间视图，以便用户可以更加直观地了解视图更新状态。并且在异步操作完成后，根据异步操作的执行结果对所显示视图进行再次更新，使得所显示视图可以展示出用户所需求的内容，提高了用户体验。

以下是本公开实施例提供的页面视图的显示装置的实施例，该装置与上述各实施例的页面视图的显示方法属于同一个发明构思，在页面视图的显示装置的实施例中未详尽描述的细节内容，可以参考上述页面视图的显示方法的实施例。

实施例三

图7示出了本公开实施例三提供的一种页面视图的显示装置结构示意图，本公开实施例可适用于在基于ios系统的应用程序中显示页面视图的情况。如图7所示，本公开实施例中页面视图的显示装置具体包括：控制器模块310、视图驱动引擎模块320和响应式视图模块330。

其中，控制器模块310，用于为当前页面创建视图驱动引擎模块和响应式视图模块，并建立视图驱动引擎模块与响应式视图模块之间的绑定关系；视图驱动引擎模块320，用于获取当前页面的待显示视图对应的业务数据和数据模型，并根据业务数据和数据模型生成待显示视图对应的视图渲染数据，基于绑定关系将视图渲染数据发送给响应式视图模块；其中，业务数据包括在业务进行过程中产生的中间数据，数据模型包括业务对象的属性数据；响应式视图模块330，用于根据视图渲染数据进行视图渲染和显示。

可选地，响应式视图模块330还包括：

业务命令生成单元，用于在进行视图渲染和显示之后，通过响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的触控操作生成业务命令，并将业务命令发送给视图驱动引擎模块；

相应地，视图驱动引擎模块320还包括：

同步业务命令处理单元，用于接收业务命令，并确定业务命令为同步业务命令时，根据业务命令、所显示视图对应的业务数据和数据模型重新生成视图渲染数据，并基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块；

相应地，响应式视图模块330还用于：根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，响应式视图模块330还包括：

业务命令生成单元，用于在进行视图渲染和显示之后，通过响应式视图模块，检测作用于所显示视图上的触控操作，根据检测到的触控操作生成业务命令，并将业务命令发送给视图驱动引擎模块；

相应地，视图驱动引擎模块320还包括：

异步业务命令处理单元，用于接收业务命令并在确定业务命令是异步业务命令时，根据业务命令执行对应的异步操作；更新所显示视图对应的业务数据，以使更新后的业务数据中包含执行异步操作的状态数据；根据更新后的业务数据和所显示视图对应的数据模型，重新生成视图渲染数据；基于绑定关系将重新生成的视图渲染数据发送给响应式视图模块；

相应地，响应式视图模块330还用于：根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，异步业务命令处理单元包括异步操作执行子单元，用于通过所述视图驱动引擎模块，从当前业务数据中过滤出与所述业务命令对应的异步操作所对应的参数；根据所述参数生成异步命令，并通过触发所述异步命令，以执行所述业务命令对应的异步操作。

可选地，异步业务命令处理单元，还用于在根据重新生成的视图渲染数据对所显示视图进行重新渲染和显示之后，在获取到异步操作的执行结果后根据执行结果、所显示视图对应的业务数据和数据模型，重新生成视图渲染数据，并基于绑定关系将当前重新生成的视图渲染数据发送给响应式视图模块；

相应地，响应式视图模块330还用于：根据当前重新生成的视图渲染数据对所显示视图进行重新渲染和显示。

可选地，异步操作包括：从服务器获取数据的操作。

可选地，视图驱动引擎模块320，包括：

数据获取服务调用单元，用于通过调用依赖dependency中的数据获取服务，获取当前页面的待显示视图对应的业务数据和数据模型；dependency是业务依赖的服务集合；

渲染数据计算服务调用单元，用于基于获取的业务数据和数据模型，调用dependency中的渲染数据计算服务，得到待显示视图对应的视图渲染数据。

可选地，响应式视图模块330，具体用于：

从预设视图描述文件中读取当前页面的待显示视图的层次结构信息和数据绑定协议；根据层次结构信息确定当前页面的待显示视图的层次结构，根据数据绑定协议确定视图驱动引擎模块生成的视图渲染数据与待显示视图的对应关系，基于层次结构和对应关系，根据视图渲染数据进行视图渲染和显示。

可选地，控制器模块310，包括：

绑定关系建立单元，用于在视图驱动引擎模块上将更新响应式视图模块的响应函数，作为视图驱动引擎模块的输出响应对象进行注册，以使在视图驱动引擎模块上有视图渲染数据生成时，通过调用响应函数将生成的视图渲染数据发送给响应式视图模块。

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

实施例四

图8示出了本公开实施例四提供的一种终端设备的硬件结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图8示出的终端设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图8所示，终端设备400可以包括处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(read-onlymemory，rom)402中的程序或者从存储装置408加载到随机访问存储器(randomaccessmemory，ram)403中的程序而执行各种适当的动作和处理。在ram403中，还存储有终端设备400操作所需的各种程序和数据。处理装置401、rom402以及ram403通过总线404彼此相连。输入/输出(i/o)接口405也连接至总线404。

通常，以下装置可以连接至i/o接口405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408；以及通信装置409。通信装置409可以允许终端设备400与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的终端设备400，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从rom402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。

本公开实施例提出的服务器与上述实施例提出的页面视图的显示方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例具备执行页面视图的显示方法相同的有益效果。

实施例五

本公开实施例五提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任意实施例所提供的页面视图的显示方法。

需要说明的是，本公开上述的计算机存储介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(randomaccessmemory，ram)、只读存储器(read-onlymemory，rom)、可擦式可编程只读存储器(erasableprogrammableread-onlymemory，eprom)或闪存(flash)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。

上述计算机存储可以是上述终端设备中所包含的；也可以是单独存在，而未装配入该终端设备中。

上述计算机存储承载有一个或者多个程序，当上述一个或者多个程序被该终端设备执行时，使得该终端设备：通过控制器模块，为当前页面创建视图驱动引擎模块和响应式视图模块，并建立视图驱动引擎模块与响应式视图模块之间的绑定关系；通过视图驱动引擎模块，获取当前页面的待显示视图对应的业务数据和数据模型，并根据业务数据和数据模型生成待显示视图对应的视图渲染数据，基于绑定关系将视图渲染数据发送给响应式视图模块；其中，业务数据包括在业务进行过程中产生的中间数据，数据模型包括业务对象的属性数据；通过响应式视图模块，根据视图渲染数据进行视图渲染和显示。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

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

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一控制器模块，还可以被描述为“为当前页面创建视图驱动引擎模块和响应式视图模块，并建立所述视图驱动引擎模块与所述响应式视图模块之间的绑定关系的模块”。

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