CN108664296A - 一种页面渲染方法和装置、一种页面处理方法和装置 - Google Patents

Abstract

本申请实施例提供了一种页面渲染方法和装置、一种页面处理方法和装置，其中的页面渲染方法具体包括：获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；从所述组件配置协议中获取所述目标组件的结构信息和交互信息；依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；依据所述第一渲染结果，展示所述目标组件对应的页面区域。本申请实施例可以缩短新的页面配置需求的上线时间；并且，可以有效避免新组件导致的组件库膨胀问题。

Description

一种页面渲染方法和装置、一种页面处理方法和装置

技术领域

本申请涉及通信技术领域，特别是涉及一种页面渲染方法、一种页面渲染装置、一种页面处理方法和一种页面处理装置。

背景技术

随着通信技术的发展及手机、平板电脑等智能终端的普及，应用于智能终端的APP(应用程序，Application)即客户端也越来越多，如各类购物平台提供的手机客户端。这些客户端运行时，可以与相应的服务器进行通信，从而将服务端提供的产品或服务信息按照一定的布局渲染为相应的页面，使得用户可以通过智能终端随时随地获知上述产品及服务信息。

目前，页面组件化方案可以将页面抽象为若干细粒度组件，该组件可用于表示页面上独立的可视或者可交互的区域。各组件之间没有直接关联，一个组件、或者多个组件之间的组合方式可被称为布局。现有的页面组件化方案可通过APP的安装包提供组件库，该组件库可以为不同种类的组件组成的集合体；在页面渲染过程中，页面渲染所需的组件可由上述组件库提供。

然而，现有的页面组件化方案严重依赖于上述组件库中组件的多样性，而上述组件库中组件在APP发版后是固定的，这样，若上述组件库中不存在页面渲染所需的组件，则需要开发新组件并进行APP的重新发版。然而，APP的重新发版延迟了相关页面配置需求的上线时间；并且，随着时间推移，不断增长的组件数量造成了组件库膨胀，这不仅造成了安装包大小的快速增长，而且给组件库的后期维护带来了较大的困难。

发明内容

鉴于上述问题，提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种页面渲染方法和相应的一种页面渲染装置、一种页面处理方法和相应的一种页面处理装置。

为了解决上述问题，本申请公开了一种页面渲染方法，包括：

获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；

依据所述第一渲染结果，展示所述目标组件对应的页面区域。

为了解决上述问题，本申请公开了一种页面处理方法，包括：

服务器接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；

根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

生成所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议；

在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。

为了解决上述问题，本申请公开了一种页面渲染装置，包括：

组件配置协议获取模块，用于获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

组件信息获取模块，用于从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

第一渲染模块，用于依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；以及

第一展示模块，用于依据所述第一渲染结果，展示所述目标组件对应的页面区域。

可选地，所述组件信息获取模块包括：

布局元素获取子模块，用于从所述组件配置协议中获取布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。

可选地，所述布局元素包括：控件和控件属性，所述控件属性包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件包括的控件的结构信息和交互信息。

可选地，所述第一渲染模块包括：

视图数据确定子模块，用于依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据；以及

视图数据绑定子模块，用于将所述目标数据绑定到所述视图，以得到绑定有目标数据的视图。

可选地，所述视图数据确定子模块包括：

解析单元，用于利用布局元素对应的解析策略，对所述组件配置协议中布局元素进行解析，以得到所述目标组件对应的视图和目标数据；所述布局元素用于表征所述目标组件的结构信息和交互信息。

可选地，所述组件配置协议中的布局元素包括控件，所述视图数据确定子模块包括：

视图复用单元，用于从视图缓存中获取所述组件配置协议对应的控件视图；或者

视图控件单元，用于针对所述组件配置协议中的控件标签，创建对应的控件视图。

可选地，所述视图数据绑定子模块包括：判断单元、第一绑定单元或者第二绑定单元；

其中，所述判断单元，用于判断所述目标数据是否包含表达式变量；

所述第一绑定单元，用于在所述目标数据包含表达式变量时，获取所述目标数据对应的实际值，并将所述实际值绑定到对应的控件视图；

所述第二绑定单元，用于在所述目标数据不包含表达式变量时，将所述目标数据绑定到对应的控件视图。

可选地，所述装置还包括：

访问请求发送模块，用于在所述组件配置协议获取模块获取第一页面中目标组件对应的组件配置协议之前，发送所述目标组件所在的第一页面的访问请求给所述服务器；

协议接收模块，用于接收所述服务器返回的所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议。

为了解决上述问题，本申请公开了一种页面处理装置，包括：

指令处理模块，用于接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；以及

第一生成模块，用于根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

第二生成模块，用于生成所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议；

发送模块，用于在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。

可选地，所述组件配置协议包括：布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。

可选地，所述布局元素包括：控件和控件属性，所述控件属性包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件包括的控件的结构信息和交互信息。

可选地，所述装置还包括：

修改指令接收模块，用于接收所述目标组件对应的组件配置协议的修改指令；

更新模块，用于依据所述组件配置协议的修改指令，对所述第一页面中目标组件对应的组件配置协议进行更新，并更新所述第一页面的页面配置协议；

更新后协议发送模块，用于在所述接收到所述第一页面的访问请求时，发送更新后的所述页面配置协议给所述客户端。

本申请实施例公开了一种装置，包括：

一个或多个处理器；和

其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述装置执行前述的页面渲染方法。

本申请实施例公开了一种装置，包括：

一个或多个处理器；和

其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述装置执行前述的页面处理方法。

与背景技术相比，本申请实施例包括以下优点：

本申请实施例的组件配置协议可以包括组件的结构信息和交互信息，其中，该结构信息可以反映目标组件的外在形态，该交互信息可以反映目标组件的交互形态；这样，本申请实施例可以基于上述组件配置协议实现目标组件的动态渲染，由于上述动态渲染可以依据不同的组件配置协议将一种目标组件渲染为具有不同外在形态和/或不同交互形态的页面区块，故本申请实施例的上述动态渲染能够通过一种目标组件及其对应的组件配置协议动态实现多种页面配置需求，因此本申请实施例可以在不开发新组件和不进行APP的重新发版的情况下实现新的页面配置需求，进而可以缩短新的页面配置需求的上线时间；并且，本申请实施例可以有效避免新组件导致的组件库膨胀问题，进而能够在一定程度上减小安装包的大小，以及可以在一定程度上降低组件库的维护难度。

附图说明

图1是本申请的一种页面渲染方法的应用环境的示意图；

图2本申请的一种页面渲染方法实施例一的步骤流程图；

图3是本申请实施例的一种页面的结构示意图；

图4是本申请实施例的另一种页面的结构示意图

图5是本申请实施例的一种组件配置协议的示意图；

图6是本申请的一种组件配置协议的处理方法的步骤流程图；

图7是本申请实施例的一种将目标数据绑定到所述视图的方法的步骤流程图；

图8是本申请的一种页面渲染方法实施例二的步骤流程图；

图9是本申请的一种页面处理方法实施例的步骤流程图；

图10是本申请的一种页面渲染装置实施例一的结构框图；

图11是本申请的一种页面渲染装置实施例二的结构框图；

图12是本申请的一种页面处理装置实施例的结构框图；以及

图13是本申请一实施例提供的装置的结构示意图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

本申请实施例提供了一种页面渲染方案，该方案可以获取第一页面中目标组件对应的组件配置协议；所述组件配置协议可以包括：所述目标组件的结构信息和交互信息；对所述组件配置协议进行解析，得到所述目标组件的结构信息和交互信息；依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；依据所述第一渲染结果，展示所述目标组件对应的页面区域。

本申请实施例中，目标组件可以具有不同的外在形态和交互形态，上述组件配置协议中包括的目标组件的结构信息可以反映目标组件的外在形态，上述组件配置协议中包括的目标组件的交互信息可以反映目标组件的交互形态；这样，本申请实施例可以基于上述组件配置协议实现目标组件的动态渲染，由于上述动态渲染可以依据不同的组件配置协议将一种目标组件渲染为具有不同外在形态和/或不同交互形态的页面区块，故本申请实施例的上述动态渲染能够通过一种目标组件及其对应的组件配置协议动态实现多种页面配置需求，因此本申请实施例可以在不开发新组件和不进行APP的重新发版的情况下实现新的页面配置需求，进而可以缩短新的页面配置需求的上线时间；并且，本申请实施例可以有效避免新组件导致的组件库膨胀问题，进而能够在一定程度上减小安装包的大小，以及可以在一定程度上降低组件库的维护难度。

在本申请的一种可选实施例中，上述目标控件可以包括：控件，则上述结构信息可以包括：该控件的展示样式(如宽度、高度和背景等)和/或该控件显示的内容(如文本内容和/或图片内容等)；上述交互信息可以包括：该控件的事件属性，该事件属性可用于表示控件对于外部动作的响应，如控件可以响应的事件可以包括：点击事件、滚轮事件等，其中，控件可以响应的事件可以通过键盘、鼠标、手指等方式触发。可以理解，本申请实施例对于具体的结构信息和交互信息不加以限制。

本申请实施例可以应用于任意的具备页面渲染功能的智能终端中，该智能终端上运行的APP可以通过页面向用户提供例如产品及服务信息的信息。可选地，本申请实施例的智能终端具体可以包括但不限：智能手机、平板电脑、电子书阅读器、MP3(动态影像专家压缩标准音频层面3，Moving Picture Experts Group Audio Layer III)播放器、MP4(动态影像专家压缩标准音频层面4，Moving Picture Experts Group Audio Layer IV)播放器、膝上型便携计算机、车载电脑、台式计算机、机顶盒、智能电视机、可穿戴设备等等。可以理解，本申请实施例的智能终端的操作系统可以包括：Android、IOS、Windows等，可以理解，本申请实施例对于智能终端的具体操作系统不加以限制。

本申请实施例提供的页面渲染方法可应用于图1所示的应用环境中，如图1所示，客户端100与服务器200位于有线或无线网络中，通过该有线或无线网络，客户端100与服务器200进行数据交互。

例如，客户端100可以从服务器200获取获取第一页面中目标组件对应的组件配置协议；对所述组件配置协议进行解析，得到所述目标组件的结构信息和交互信息；依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；依据所述第一渲染结果，展示所述目标组件对应的页面区域。可见，客户端100可以基于服务器200发送的组件配置协议实现目标组件的动态渲染，以通过动态渲染将上述目标组件渲染为对应组件配置协议描述的外在形态和交互形态。

方法实施例一

参照图2，示出了本申请的一种页面渲染方法实施例一的步骤流程图，具体可以包括如下步骤：

步骤201、获取第一页面中目标组件对应的组件配置协议；所述组件配置协议可以包括：所述目标组件的结构信息和交互信息；

步骤202、从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

步骤203、依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；

步骤204、依据所述第一渲染结果，展示所述目标组件对应的页面区域。

本申请实施例中，第一页面可用于表示需要渲染的页面，该第一页面可以为任意的页面。可选地，当一个第一页面中的页面区块需要呈现不同外在形态和/或不同交互形态的效果时，可以针对该页面区块设置对应的目标组件。例如，对于购物平台的页面而言，一个页面区块呈现的推荐商品、购物车中商品的价格或数量等信息在不同时刻可以发生变化，故可以通过目标组件来实现对应的页面配置需求。

在实际应用中，可以根据实际应用需求，开发目标组件，以通过本申请实施例使该目标组件获得动态渲染能力，可以理解，本申请实施例对于具体的目标组件不加以限制。可选地，本地组件库中可以存储有目标组件和非目标组件，其中，目标组件和非目标组件的一个区别在于：非目标组件带有组件的结构信息和交互信息，而目标组件可以带有组件的框架信息、而不带有组件的结构信息和交互信息；这样，非目标组件的渲染可以为静态渲染，该静态渲染仅仅可以得到一种外在形态和交互形态，因此，该静态渲染使得页面组件化方案严重依赖于上述本地组件库中组件的多样性；而可以基于组件配置协议实现目标组件的动态渲染，以通过动态渲染将上述目标组件渲染为对应组件配置协议描述的外在形态和交互形态，例如，可以通过组件库中的一种目标组件实现对应的多种外在形态和交互形态。

本申请实施例中，页面中组件的类型和布局可根据页面配置协议确定。例如，上述组件的类型可以包括：目标组件和非目标组件，则第一页面对应的页面配置协议可以规定哪些组件为目标组件，哪些组件为非目标组件，例如，可以根据组件的类型标识判断第一页面中组件是否为目标组件，该组件的类型标识可用于表示组件的类型。

参照图3，示出了本申请实施例的一种页面的结构示意图，其中，该页面可以包括若干个组件，该组件可用于表示页面上独立的可视或者可交互的区域，该页面的布局可以为一个组件、或者多个组件之间的组合方式，例如，该页面可以包括：目标组件301，其中，目标组件301可被实现为一个JugglerCell(魔术师单元格)，且该页面的布局可以包括：“一拖四”布局302和“三列行”布局303。

参照图4，示出了本申请实施例的另一种页面的结构示意图，其中，该页面可以包括：目标组件401，其中，目标组件401可被实现为一个JugglerComponent(魔术师组件)，且该页面的布局可以包括：“单列行”布局402。

可以理解，图3和图4所示的目标组件只是作为示例，实际上，本领域技术人员可以根据实际的页面配置需求，将目标组件应用于任意的页面，本申请实施例对于目标组件的具体应用场景不加以限制。

在本申请的一种可选实施例中，上述目标组件可以包括：页面配置协议中包含的存在于本地组件库中的动态组件。其中，该动态组件可用于表示具有动态特性的组件，本地组件库可以针对动态组件添加对应的组件标签，可以理解，本申请实施例对于动态组件的具体识别方式不加以限制。另外，在实际应用中，可通过APP的安装包提供组件库，并在该组件库中增加一种动态组件，其中，该动态组件可以带有组件的框架信息、而不带有组件的结构信息和交互信息，因此可以不引起组件库的膨胀。

另外，对于一个页面，其包含的目标组件的数量可以大于等于1。其中，页面中不同页面区块对应目标组件对应的组件配置协议可以是不同的，并且，页面中同一页面区块在不同时刻对应的组件配置协议也可以是不同的，可以理解，本申请实施例对于目标组件的具体数量及其对应的具体组件配置协议不加以限制。

在实际应用中，上述步骤201获取第一页面中目标组件对应的组件配置协议对应的获取方式可以包括：

获取方式1、从服务器发送的页面配置协议中获取第一页面中目标组件对应的组件配置协议；或者

获取方式2、从服务器获取第一页面中目标组件对应的组件配置协议。

对于获取方式1，第一页面中目标组件对应的组件配置协议可以随第一页面对应的页面配置协议一起下发。例如，客户端可以针对第一页面向服务器发送第一请求，该第一请求中可以携带第一页面的URL(统一资源定位符，Uniform Resource Locator)等信息，以使服务器依据该第一请求向客户端发送第一页面对应的页面配置协议，该页面配置协议中可以包括：至少一个组件配置协议；则在目标组件的处理过程中，可以将至少一个组件配置协议作为目标组件对应的组件配置协议。

在本申请的一种可选实施例中，在所述获取第一页面中目标组件对应的组件配置协议之前，本申请实施例的方法还可以包括：发送所述目标组件所在的第一页面的访问请求给所述服务器；接收所述服务器返回的所述第一页面的页面配置协议，所述页面配置协议中可以包括目标组件的标识及所述目标组件对应的组件配置协议。目标组件的标识可用于唯一标识目标组件，通过目标组件的标识可以获取目标组件对应的组件配置协议。

对于获取方式2，可以单独向服务器发送第二请求，例如，该第二请求中可以携带有组件配置协议的标识，例如，该组件配置协议的标识可以为组件配置协议的URL等，以通过该第二请求异步获取目标组件对应的组件配置协议。可选地，该组件配置协议的标识可被携带在该页面配置协议中，也即，可以从该页面配置协议中提取该组件配置协议的标识，并在该第二请求中携带该组件配置协议的标识，进而可以从服务器获取该组件配置协议的标识对应的组件配置协议。

可以理解，上述获取方式1和获取方式2只是作为可选实施例，实际上本申请实施例对于第一页面中目标组件对应的组件配置协议对应的具体获取方式不加以限制。

本申请实施例中，目标组件对应的组件配置协议可以包括：所述目标组件的结构信息和交互信息，这样，一种目标组件可以根据不同的组件配置协议渲染出具有不同外在形态和交互形态的页面区块。

在实际应用中，可由服务器生成上述组件配置协议。在本申请的一种应用示例中，组件配置协议可基于XML(可扩展标记语言，Extensible Markup Language)语言生成。同时，为了方便直接在浏览器中预览，该组件配置协议可复用HTML(超文本标记语言，HyperText Markup Language)的相关标签。

参照图5，示出了本申请实施例的一种组件配置协议的示意图，上述组件配置协议由外而内依次可以包括：

1)根节点html。必要节点，用于描述组件布局的开始和结束。

2)样式节点style。非必要节点，用于描述组件布局的样式，支持css-selector(层叠样式表选择器，Cascading Style Sheets)。

3)布局结构节点body。必要节点，用于描述布局元素。可选地，该布局元素可以包括：控件(control)和控件属性。其中，所述控件及其组合可用于表征所述目标组件的结构信息，所述控件属性可用于表征所述组件包括的控件的结构信息和交互信息。

其中，控件对应着页面上的一个视觉元素，例如文本控件(用于显示一段文字)，图片控件(用于显示一张图片)，一个组件的外在形态往往由若干个控件决定。又如，上述控件属性可以包括：样式属性(style)、内容属性(content)和普通属性(common attrs)中的至少一种，其中，普通属性可以包括：事件属性(event)等。在实际应用中，若该组件配置协议复用HTML的相关标签，则控件可以对应有标签，例如，控件对应的标签可以为控件标签，控件属性可以为控件标签的属性。

可以理解，图5所示组件配置协议的数据格式只是作为一种应用示例，实际上，本领域技术人员可以根据实际应用需求，通过任意数据格式的组件配置协议携带组件的结构信息和交互信息，可以理解，本申请实施例对于组件配置协议的具体数据格式不加以限制。

在本申请的一种可选实施例中，上述步骤202从所述组件配置协议中获取所述目标组件的结构信息和交互信息的过程可以包括：从所述组件配置协议中获取布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。例如，可以从例如图5所示的组件配置协议中获取控件和控件属性等布局元素，其中，所述控件属性可以包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合可用于表征所述目标组件的结构信息，所述控件属性可用于表征所述组件包括的控件的结构信息和交互信息。

步骤203可以依据步骤202得到的所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，得到的第一渲染结果可用于页面展示，例如，该第一渲染结果可以包括：绑定有目标数据的视图。

可选地，步骤203对所述目标组件进行渲染的过程可以包括：依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据；将所述目标数据绑定到所述视图，以得到绑定有目标数据的视图。例如，在从所述组件配置协议中获取用于表征所述目标组件的结构信息和交互信息的布局元素的情况下，可以依据上述布局元素，确定所述目标组件对应的视图和目标数据。可选地，所述布局元素可以包括：控件和控件属性，则可以依据所述控件得到控件视图，依据所述控件属性得到目标数据，并将所述目标数据绑定到所述控件视图，以得到绑定有目标数据的控件视图。例如，文本控件对应的控件视图可以为文本控件视图，该文本控件视图可用于展示一段文本，具体的文本内容可以为目标数据的一种。

在本申请的一种可选实施例中，所述控件可以包括：父控件、或者父控件和子控件，则所述父控件对应的控件视图可以为控件父视图，所述子控件对应的控件视图可以为控件子视图。在实际应用中，可以对所述组件配置协议中控件标签进行渲染，并在该控件标签的渲染完成后，判断该控件标签是否对应有子控件标签，若是，则可以对该子控件标签进行渲染，否则可以结束该控件标签的渲染。

在本申请的又一种可选实施例中，上述依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据，可以包括：利用布局元素对应的解析策略，对所述组件配置协议中布局元素进行解析，以得到所述目标组件对应的视图和目标数据；所述布局元素用于表征所述目标组件的结构信息和交互信息。

在实际应用中，本领域技术人员可以根据实际应用需求，确定布局元素对应的解析策略，可以理解，本申请实施例对于布局元素对应的具体解析策略不加以限制。

例如，控件对应的解析策略可以包括：针对文本控件标签，通过文本控件解析策略生成一个文本控件(在Android中具体表现为一个TextView，而在IOS中具体表现为一个UILabel)；针对图片控件标签，通过图片控件解析策略生成一个图片控件(Android中具体表现为一个ImageView，而在IOS中具体表现为一个UIImageView)。

又如，样式属性对应的样式解析策略可以包括：宽度解析策略、高度解析策略和背景解析策略等等。

再如，内容属性可以对应不同的内容解析策略，使用哪种内容解析策略具体由控件类型决定。例如，对于图片控件，其对应的内容解析策略可以为：从内容属性标签的src(源，source)属性中读取内容；而对于文本控件，其对应的内容解析策略可以为：从内容属性标签的value(值)属性中读取内容。

或者，普通属性对应的解析策略可以通过自定义得到。例如，可以提供扩展接口，以使本领域技术人员通过该扩展接口自定义普通属性对应的解析策略。

在本申请的一种可选实施例中，所述控件可以包括：父控件、或者父控件和子控件。在实际应用中，可以对所述组件配置协议中控件标签进行解析，并在该控件标签的解析完成后，判断该控件标签是否对应有子控件标签，若是，则可以对该子控件标签进行解析，否则可以结束该控件标签的解析。

在本申请的一种可选实施例中，所述布局元素可以包括：控件，所述所述依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图对应的确定方式可以包括：

确定方式1、针对所述组件配置协议中的控件标签，创建对应的控件视图；或者

确定方式2、从视图缓存中获取所述组件配置协议对应的控件视图。

其中，确定方式1可以针对所述组件配置协议中的控件标签，创建对应的控件视图。例如，可以按照预设顺序(例如从前到后的顺序)对所述组件配置协议中的控件标签进行解析，以得到所述控件标签对应的控件类型，并依据该控件类型创建对应的视图。例如，控件类型的例子可以包括：文本控件、图片控件、动画控件、视频控件、轮播控件等，可以理解，本申请实施例对于具体的控件类型不加以限制。

在实际应用中，可以采用任意的视图创建方式依据该控件类型创建对应的视图。例如，一种视图创建方式可以为，创建与该控件类型相应的视图类的实例；又如，一种视图创建方式可以将该控件类型的控件写在XML文件中，然后通过获取对应的布局文件对象并实例化，可以理解，本申请实施例对于具体的视图创建方式不加以限制。

在实际应用中，视图创建过程往往耗费较多的时间。为了降低页面渲染时长以及提高页面渲染效率，本申请实施例引入了视图缓存。在组件配置解析中控件标签的解析过程中，可以从该视图缓存中获取所述组件配置协议对应的控件视图，可以提高控件视图的获取效率和控件标签的解析效率。

可选地，可以预先建立组件配置协议对应的唯一信息与视图缓存中视图之间的映射关系；这样，可以依据该组件配置协议对应的唯一信息查询视图缓存，若查询命中，则可以认为该视图缓存中存在可复用的控件视图，并实现控件视图的复用。依据该控件类型查询视图缓存可以包括：对视图缓存中控件视图进行遍历，直至遍历完毕或者找到该唯一信息对应的控件视图。例如，该唯一信息可以包括：该组件配置协议的标识(如URL)、或者该组件配置协议的内容、或者该组件配置协议的内容对应的映射值等。例如，该映射值可以为哈希映射值，相同组件配置协议的内容可以对应相同的哈希映射值，可以理解，本申请实施例对于具体的唯一信息不加以限制。

在实际应用中，可以提供视图回收接口，以使调用者通过该视图回收接口将需要回收的控件视图放入上述视图缓存中，且通过该视图回收接口传递的参数可以包括：使用过的组件配置协议的标识。例如，调用者可以针对被移出屏幕的使用过的组件配置协议的控件视图，进行该视图回收接口的调用，可以理解，本申请实施例对于该控件视图的具体回收方式不加以限制。在实际应用中，可通过缓存池等方式实现该视图缓存，可以理解，本申请实施例对于该视图缓存的具体实现方式不加以限制。

在本申请的一种应用示例中，一种使用过的组件配置协议可以定义有一个上下结构的视图：上面是文本控件视图，下面是图片控件视图，则视图缓存针对该使用过的组件配置协议存储的控件视图可以包括：位于上部的文本控件视图和位于下部的图片控件视图的组合。

在实际应用中，本领域技术人员可以根据实际应用需求，采用上述确定方式1和确定方式2中的任一或者组合，例如，在采用上述确定方式1和确定方式2的组合时，可以首先采用确定方式2从视图缓存中获取所述组件配置协议对应的控件视图，若获取失败，则可以采用确定方式1针对所述组件配置协议中的控件标签，创建对应的控件视图。

在本申请的另一种可选实施例中，所述布局元素可以包括：控件属性，所述控件属性可以包括：样式属性、内容属性和普通属性中的至少一种，所述样式属性对应的目标数据可以包括：控件的样式属性值，所述内容属性对应的目标数据可以包括：控件的内容，所述普通属性对应的目标数据可以包括：控件的普通属性值。控件的样式属性值、控件的内容和控件的普通属性值中的至少一种可被绑定至上述控件视图。例如，可以将控件的样式属性值绑定至控件视图，以确定该控件视图的展示样式(如宽度、高度和背景等)。又如，可以将控件的文本内容绑定至文本控件视图，以确定该文本控件视图用于展示的文本内容。再如，可以将控件的事件(如点击事件)属性值绑定至控件视图，以实现该控件视图对于事件的处理逻辑。

为使本领域技术人员更好地理解本申请实施例，参照图6，示出了本申请实施例的一种组件配置协议的处理方法的步骤流程图，该处理可以基于组件配置协议得到组件配置协议包括的控件和控件属性等用于表征目标组件的结构信息和交互信息，且可以基于组件配置协议包括的控件获得对应的视图，以及可以基于组件配置协议包括的控件属性获得对应的目标数据，该处理过程具体可以包括如下步骤：

步骤601、依据组件配置协议的唯一信息查询视图缓存，若查询命中，则执行步骤602，否则执行603；

步骤602、针对组件配置协议中的所有控件标签，复用从所述视图缓存中查询得到的控件视图；

步骤603、按照预设顺序获取组件配置协议中的控件标签；

步骤604、依据该控件标签对应的控件类型创建对应的控件视图；

步骤605、解析组件配置协议中的样式属性，存储得到的样式属性值；

步骤606、解析组件配置协议中的内容属性，存储得到的内容属性值；

步骤607、解析组件配置协议中的普通属性，存储得到的普通属性值；

步骤608、判断该控件标签是否对应有子控件标签，若是，则将该子控件标签输入至步骤603，否则结束该控件标签的解析。

需要说明的是，本申请实施例对于步骤605、步骤606和步骤607之间的执行顺序不加以限制，三者可以先后、并列执行。另外，需要说明的是，在结束一个控件标签的解析后，可以按照预设顺序从组件配置协议中下一个控件标签，并按照步骤602至步骤608的流程进行解析。

基于例如图6所示的组件配置协议的处理，得到的目标视图是未绑定数据的。例如，文本控件对应的控件视图可以为文本控件视图，该文本控件视图可用于展示一段文本，该文本控件视图对应的文本内容可通过数据绑定确定下来；该数据绑定过程可以为：将目标数据设置到对应视图上的过程。

在本申请的一种可选实施例中，上述将所述目标数据绑定到所述视图的过程可以包括：判断所述目标数据是否包含表达式变量；若所述目标数据包含表达式变量，则获取所述目标数据对应的实际值，并将所述实际值绑定到对应的控件视图；或者若所述目标数据不包含表达式变量，则将所述目标数据绑定到对应的控件视图。

在实际应用中，组件配置协议可以支持表达式语言(Expression Language)，例如，可以基于Java Bean规范，通过表达式语言实现对数据对象的访问。在所述目标数据包含表达式变量的情况下，可以获取所述目标数据对应的实际值，并将所述实际值绑定到对应的控件视图。其中，所述目标数据对应的实际值的获取过程可以包括：通过表达式解析器对所述目标数据进行解析，以得到对应的实际值。可以理解，本申请实施例对于所述目标数据对应的实际值的具体获取过程不加以限制。

例如，在目标数据包括样式属性值的情况下，将所述目标数据绑定到所述视图的过程可以包括：判断所述样式属性值是否包含表达式变量；若所述样式属性值包含表达式变量，则获取所述样式属性值对应的实际值，并将所述实际值绑定到对应的控件视图；若所述样式属性值不包含表达式变量，则将所述样式属性值绑定到对应的控件视图。

又如，在目标数据包括控件的内容和/或控件的普通属性值的情况下，控件的内容和/或控件的普通属性值也有可能包含表达式变量，因此可以类似样式属性值进行是否包含表达式变量的判断。在实际应用中，可以将控件的内容和/或控件的普通属性值绑定到所述视图，以得到绑定有目标数据的视图。例如，可以为文本控件视图设置文本内容，该文本内容可以为控件的内容的一种。

参照图7，示出了本申请实施例的一种将目标数据绑定到所述视图的方法的步骤流程图，具体可以包括如下步骤：

步骤701、依次判断控件视图对应的样式属性值、控件的内容或者控件的普通属性值是否包含表达式变量，若是，则执行步骤702，否则执行步骤703；

步骤702、获取所述样式属性值、控件的内容或者控件的普通属性值对应的实际值，并将所述实际值绑定到该控件视图；

步骤703、将所述样式属性值、控件的内容或者控件的普通属性值绑定到该控件视图；

步骤704、判断该控件视图是否具有控件子视图，若是，则将该控件子视图输入步骤701，否则结束该控件视图的绑定。

需要说明的是，本申请实施例对于控件样式属性值、控件的内容和控件的普通属性值对应的数据绑定顺序不加以限制。另外，需要说明的是，在结束一个控件视图的数据绑定后，可以针对下一个控件视图，并按照步骤701至步骤704的流程进行对应的数据绑定。

步骤204可以依据步骤203得到的第一渲染结果，展示所述目标组件对应的页面区域。在实际应用中，可以依据第一页面在预设区域内的组件组成，展示所述目标组件对应的页面区域。

例如，若该第一页面在预设区域内仅仅包括目标组件，则可以依据上述第一渲染结果，单独进行目标组件对应页面区域的展示。

又如，若该第一页面在预设区域内既包括目标组件又包括非目标组件，则可以对上述第一渲染结果与非目标组件对应的第二渲染结果进行组合，并依据组合渲染结果对相应的页面区域进行展示，例如，可以依据该第一页面对应的页面配置协议包括的布局信息进行上述组合。

综上，本申请实施例的页面渲染方法，组件配置协议可以包括组件的结构信息和交互信息，其中，该结构信息可以反映目标组件的外在形态，该交互信息可以反映目标组件的交互形态；这样，本申请实施例可以基于上述组件配置协议实现目标组件的动态渲染，由于上述动态渲染可以依据不同的组件配置协议将一种组件渲染为具有不同外在形态和/或不同交互形态的页面区块，故本申请实施例的上述动态渲染能够通过一种组件及其对应的组件配置协议动态实现多种页面配置需求，因此本申请实施例可以在不开发新组件和不进行APP的重新发版的情况下实现新的页面配置需求，进而可以缩短新的页面配置需求的上线时间；并且，本申请实施例可以有效避免新组件导致的组件库膨胀问题，进而能够在一定程度上减小安装包的大小，以及可以在一定程度上降低组件库的维护难度。

方法实施例二

参照图8，示出了本申请的一种页面渲染方法实施例二的步骤流程图，具体可以包括如下步骤：

步骤801、获取第一页面中目标组件对应的组件配置协议；所述组件配置协议可以包括：所述目标组件的结构信息和交互信息；

步骤802、从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

步骤803、依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；

步骤804、从本地组件库中获取第一页面中非目标组件的结构信息和交互信息；

步骤805、依据所述非目标组件的结构信息和交互信息，对所述非目标组件进行渲染，以得到对应的第二渲染结果；

步骤806、依据所述第一页面对应的页面配置协议包含的布局信息，对所述第一渲染结果和所述第二渲染结果进行组合，得到组合渲染结果；

步骤807、依据所述组合渲染结果，展示所述目标组件和所述非目标组件对应的页面区域。

本申请实施例中，页面中组件的类型和布局可根据页面配置协议确定。例如，上述组件的类型可以包括：目标组件和非目标组件，则第一页面对应的页面配置协议可以规定哪些组件为目标组件，哪些组件为非目标组件。

在实际应用中，可以从服务器获取第一页面对应的页面配置协议，对所述页面配置协议进行解析，以得到所述页面配置协议包含的组件，并确定所述页面配置协议中包含的预设页面区域内的组件列表。在实际应用中，可以智能终端的屏为单位进行页面内容的显示，例如，可以基于用户操作(如滑动操作等)，进行页面内容的逐屏显示，故该预设页面区域可以为与当前屏的页面内容相对应。

在实际应用中，可以从所述组件列表中获取存在于本地组件库中的动态组件，作为目标组件；以及，可以从所述组件列表中获取存在于本地组件库中的静态组件，作为非目标组件。其中，目标组件和非目标组件的一个区别在于：非目标组件带有组件的结构信息和交互信息，而目标组件可以带有组件的框架信息、而不带有组件的结构信息和交互信息；这样，非目标组件的渲染可以为静态渲染，该静态渲染仅仅可以得到一种外在形态和交互形态，而可以基于组件配置协议实现目标组件的动态渲染，以通过动态渲染将上述目标组件渲染为对应组件配置协议描述的外在形态和交互形态。

需要说明的是，所述组件列表中可能包含本地组件库不支持的静态组件，本申请实施例可以忽略这些静态组件。

综上，本申请实施例的页面渲染方法，可以基于上述组件配置协议实现目标组件的动态渲染，由于上述动态渲染可以依据不同的组件配置协议将一种目标组件渲染为具有不同外在形态和/或不同交互形态的页面区块，故本申请实施例的上述动态渲染能够通过一种目标组件及其对应的组件配置协议动态实现多种页面配置需求。

本申请实施例还提供了了一种页面处理方法。

参照图9，示出了本申请的一种页面处理方法实施例的步骤流程图，具体可以包括如下步骤：

步骤901、服务器接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；

步骤902、根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议可以包括：所述目标组件的结构信息和交互信息；

步骤903、生成所述第一页面的页面配置协议，所述页面配置协议中可以包括目标组件的标识及所述目标组件对应的组件配置协议；

步骤904、在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。

本申请实施例可由服务器根据实际的页面配置需求，进行第一页面的页面配置，第一页面可用于表示需要进行页面配置的页面，本申请实施例对于具体的第一页面不加以限制。具体地，第一页面的页面配置过程可以包括：目标组件的配置和页面配置，其中目标组件的配置可用于得到第一页面中目标组件的标识及组件配置协议，页面配置可用于得到第一页面的页面配置协议，所述页面配置协议中可以包括目标组件的标识及所述目标组件对应的组件配置协议。

在实际应用中，当第一页面中的页面区块需要呈现不同外在形态和/或不同交互形态的效果时，可以针对该页面区块设置对应的目标组件。例如，对于购物平台的页面而言，一个页面区块呈现的推荐商品、购物车中商品的价格或数量等信息在不同时刻可以发生变化，故可以通过目标组件来实现对应的页面配置需求。

本申请实施例中，步骤901可用于确定第一页面中的目标组件，步骤902可用于生成所述目标组件对应的组件配置协议；步骤901确定第一页面中的目标组件的过程可以包括：接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识。其中，开发者可以作为用户触发上述设置指令；可选地，可以通过UI(用户界面，UserInterface)提供上述预置接口。可选地，在将所述第一页面中所述设置指令对应的组件置为目标组件后，可以关联修改所述第一页面对应的页面配置协议，例如，可以针对页面配置协议中相应组件增加目标组件对应的标识等等。可以理解，上述通过设置指令确定第一页面中的目标组件及其标识的过程只是作为可选实施例，实际上，还可以通过修改指令确定第一页面中的目标组件及其标识，例如，可以依据该修改指令，通过修改页面对应的页面配置协议，将所述页面中组件置为目标组件。

在本申请的一种可选实施例中，所述组件配置协议可以包括：布局元素；所述布局元素可用于表征所述目标组件的结构信息和交互信息。进一步可选地，所述布局元素可以包括：控件和控件属性，所述控件属性可以包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合可用于表征所述目标组件的结构信息，所述控件属性可用于表征所述组件包括的控件的结构信息和交互信息。

在本申请的一种应用示例中，组件配置协议可基于XML语言生成。同时，为了方便直接在浏览器中预览，该组件配置协议可复用HTML的相关标签。可以理解，本申请实施例生成组件配置协议所采用的具体语言及格式不加以限制。

在本申请的又一种可选实施例中，所述目标组件可以为动态组件。例如，本申请实施例可以开发一种类型的动态组件，并将该种类型的动态组件放入组件库中。

在本申请的另一种可选实施例中，当一个页面中的页面区块需要呈现的外在形态和/或交互形态发生变化时，可以对相应目标组件对应的组件配置协议进行更新。相应地，本申请实施例的方法还可以包括：接收所述目标组件对应的组件配置协议的修改指令；依据所述组件配置协议的修改指令，对所述第一页面中目标组件对应的组件配置协议进行更新，并更新所述第一页面的页面配置协议；在所述接收到所述第一页面的访问请求时，发送更新后的所述页面配置协议给所述客户端。

由于上述页面配置协议中可以包括目标组件的标识及所述目标组件对应的组件配置协议，故在对所述第一页面中目标组件对应的组件配置协议进行更新后，可以适应性更新所述第一页面的页面配置协议。上述对所述第一页面中目标组件对应的组件配置协议和页面配置协议进行更新，可以使目标组件对应的组件配置协议符合当前的页面配置需求。

可以理解，上述页面配置协议中可以包括目标组件的标识及所述目标组件对应的组件配置协议只是作为可选实施例，在实际应用中，还可以在上述页面配置协议中携带目标组件对应的组件配置协议的标识，并依据目标组件对应的组件配置协议的标识，单独向客户端发送组件配置协议。例如，客户端发送的第二请求中可以携带有组件配置协议的标识，例如，该组件配置协议的标识可以为组件配置协议的URL等，以通过该第二请求异步获取目标组件对应的组件配置协议。

综上，本申请实施例的页面处理方法，服务器可以根据实际的页面配置需求，进行第一页面的配置，该第一页面的配置过程可以包括：目标组件的配置和页面配置，其中，目标组件的配置可用于得到第一页面中目标组件的标识及组件配置协议，页面配置可用于得到第一页面的页面配置协议，所述页面配置协议中可以包括目标组件的标识及所述目标组件对应的组件配置协议。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

本申请实施例提供了一种页面渲染装置。

装置实施例一

参照图10，示出了本申请的一种页面渲染装置实施例一的结构框图，具体可以可以包括如下模块：组件协议获取模块1001、组件信息获取模块1002、第一渲染模块1003和第一展示模块1004；

其中，组件配置协议获取模块1001，用于获取第一页面中目标组件对应的组件配置协议；所述组件配置协议可以包括：所述目标组件的结构信息和交互信息；

组件信息获取模块1002，用于从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

第一渲染模块1003，用于依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；以及

第一展示模块1004，用于依据所述第一渲染结果，展示所述目标组件对应的页面区域。

可选地，所述组件信息获取模块1002可以包括：

布局元素获取子模块，用于从所述组件配置协议中获取布局元素；所述布局元素可用于表征所述目标组件的结构信息和交互信息。

可选地，所述布局元素可以包括：控件和控件属性，所述控件属性可以包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件可以包括的控件的结构信息和交互信息。

可选地，所述第一渲染模块1003可以包括：

视图数据确定子模块，用于依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据；以及

视图数据绑定子模块，用于将所述目标数据绑定到所述视图，以得到绑定有目标数据的视图。

可选地，所述视图数据确定子模块可以包括：

解析单元，用于利用布局元素对应的解析策略，对所述组件配置协议中布局元素进行解析，以得到所述目标组件对应的视图和目标数据；所述布局元素用于表征所述目标组件的结构信息和交互信息。

可选地，所述组件配置协议中的布局元素可以包括控件，所述视图数据确定子模块可以包括：

视图复用单元，用于从视图缓存中获取所述组件配置协议对应的控件视图；或者

视图控件单元，用于针对所述组件配置协议中的控件标签，创建对应的控件视图。

可选地，所述视图数据绑定子模块可以包括：判断单元、第一绑定单元或者第二绑定单元；

其中，所述判断单元，用于判断所述目标数据是否包含表达式变量；

所述第一绑定单元，用于在所述目标数据包含表达式变量时，获取所述目标数据对应的实际值，并将所述实际值绑定到对应的控件视图；

所述第二绑定单元，用于在所述目标数据不包含表达式变量时，将所述目标数据绑定到对应的控件视图。

可选地，所述目标组件可以包括：第一页面对应的页面配置协议中包含的存在于本地组件库中的动态组件。

可选地，所述装置还可以包括：

访问请求发送模块，用于在所述组件配置协议获取模块获取第一页面中目标组件对应的组件配置协议之前，发送所述目标组件所在的第一页面的访问请求给所述服务器；

协议接收模块，用于接收所述服务器返回的所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议。

综上，本申请实施例的页面渲染装置，可以基于上述组件配置协议实现目标组件的动态渲染，由于上述动态渲染可以依据不同的组件配置协议将一种组件渲染为具有不同外在形态和/或不同交互形态的页面区块，故本申请实施例的上述动态渲染能够通过一种组件及其对应的组件配置协议动态实现多种页面配置需求。

装置实施例二

参照图11，示出了本申请的一种页面渲染装置实施例二的结构框图，其在图10所示结构的基础上，还可以包括如下可选技术方案。

其中，组件协议解析模块1002可以从所述组件配置协议中获取布局元素；所述布局元素可以包括：控件和控件属性，所述控件属性可以包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件包括的控件的结构信息和交互信息。

所述第一渲染模块1003可以包括：视图数据确定子模块1031和视图数据绑定子模块1032；

其中，视图数据确定子模块1031，用于依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据，视图数据确定子模块1031可以进一步包括：控件解析单元10311、样式解析单元10312、内容解析单元10313、普通属性解析单元10314、解析策略管理单元10315和视图缓存管理单元10316；

其中，控件解析单元10311，用于解析所述组件配置协议中控件标签，以得到对应的控件视图。

样式解析单元10312，用于解析所述组件配置协议中样式属性，以得到对应的样式属性值；

内容解析单元10313，用于解析所述组件配置协议中内容属性，以得到对应的内容属性值；

普通属性解析单元10314，用于解析所述组件配置协议中组件的普通属性，以得到对应的普通属性值，如图5所示组件配置协议中的event属性；

解析策略管理单元10315，用于向控件解析单元10311、样式解析单元10312、内容解析单元10313和普通属性解析单元10314提供控件解析策略；

视图缓存管理单元10316，用于通过视图缓存进行视图的回收和复用，以使控件解析单元10311从该视图缓存中获取所述组件配置协议对应的视图，并复用。

所述视图数据绑定子模块1032可用于将目标数据绑定到对应的控件上，视图数据绑定子模块1032可以进一步包括：表达式计算单元10321、样式绑定单元10322、内容绑定单元10323和普通属性绑定单元10324。

其中，表达式计算单元10321，用于在所述样式属性值、内容属性值、或者普通属性值包含表达式变量时，获取对应的实际值；

样式绑定单元10322，用于将所述样式属性值或者其对应的实际值绑定到对应的控件视图上；

内容绑定单元10323，用于将内容属性值或者其对应的实际值绑定到对应的控件视图上；

普通属性绑定单元10324，用于将普通属性值或者其对应的实际值绑定到对应的控件视图上。

本申请实施例还提供了一种页面处理装置。

参照图12，示出了本申请的一种页面处理装置实施例的结构框图，具体可以可以包括如下模块：

指令处理模块1201，用于接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；以及

第一生成模块1202，用于根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

第二生成模块1203，用于生成所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议；

发送模块1204，用于在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。

可选地，所述组件配置协议可以包括：布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。

可选地，所述布局元素可以包括：控件和控件属性，所述控件属性可以包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件可以包括的控件的结构信息和交互信息。

可选地，所述装置还可以包括：

修改指令接收模块，用于接收所述目标组件对应的组件配置协议的修改指令；

更新模块，用于依据所述组件配置协议的修改指令，对所述第一页面中目标组件对应的组件配置协议进行更新，并更新所述第一页面的页面配置协议；

更新后协议发送模块，用于在所述接收到所述第一页面的访问请求时，发送更新后的所述页面配置协议给所述客户端。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本申请实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

在一个典型的配置中，所述计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非持续性的电脑可读媒体(transitory media)，如调制的数据信号和载波。

本申请实施例是参照根据本申请实施例的方法、智能终端智能(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理智能终端的处理器以产生一个机器，使得通过计算机或其他可编程数据处理智能终端的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理智能终端以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理智能终端上，使得在计算机或其他可编程智能终端上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程智能终端上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者智能终端不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者智能终端所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者智能终端中还存在另外的相同要素。

本申请实施例的实施例可被实现为使用任意适当的硬件和/或软件进行想要的配置的系统或装置。图13示意性地示出了可被用于实现本申请中所述的各个实施例的示例性装置1300。

对于一个实施例，图13示出了示例性装置1300，该装置1300可以包括：一个或多个处理器1302、与处理器1302中的至少一个耦合的系统控制模块(芯片组)1304、与系统控制模块1304耦合的系统存储器1306、与系统控制模块1304耦合的非易失性存储器(NVM)/存储装置1308、与系统控制模块1304耦合的一个或多个输入/输出设备1310，以及与系统控制模块1306耦合的网络接口1312。该系统存储器1306可以包括：指令1362，该指令1362可被一个或多个处理器1302执行。

处理器1302可包括一个或多个单核或多核处理器，处理器1302可包括通用处理器或专用处理器(例如图形处理器、应用程序处理器、基带处理器等)的任意组合。在一些实施例中，装置1300能够作为本申请实施例中所述的服务器、目标设备、无线设备等。

在一些实施例中，装置1300可包括具有指令的一个或多个机器可读介质(例如，系统存储器1306或NVM/存储装置1308)以及与该一个或多个机器可读介质相合并被配置为执行指令、以实现前述装置包括的模块、从而执行本申请实施例中所述的动作的一个或多个处理器1302。

一个实施例的系统控制模块1304可包括任何适合的接口控制器，用于提供任何适合的接口给处理器1302中的至少一个和/或与系统控制模块1304通信的任意适合的装置或部件。

一个实施例的系统控制模块1304可包括一个或多个存储器控制器，用于提供接口给系统存储器1306。存储器控制器可以是硬件模块、软件模块和/或固件模块。

一个实施例的系统存储器1306可被用于加载和存储数据和/或指令1362。对于一个实施例，系统存储器1306可包括任何适合的易失性存储器，例如，适合的DRAM(动态随机存取存储器)。在一些实施例中，系统存储器1306可包括：双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。

一个实施例的系统控制模块1304可包括一个或多个输入/输出控制器，以向NVM/存储装置1308及(一个或多个)输入/输出设备1310提供接口。

一个实施例的NVM/存储装置1308可被用于存储数据和/或指令1382。NVM/存储装置1308可包括任何适合的非易失性存储器(例如闪存等)和/或可包括任何适合的(一个或多个)非易失性存储设备，例如，一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器等。

NVM/存储装置1308可包括在物理上是装置1300被安装在其上的装置的一部分的存储资源，或者其可被该装置访问而不必作为该装置的一部分。例如，NVM/存储装置1308可经由网络接口1312通过网络和/或通过输入/输出设备1310进行访问。

一个实施例的(一个或多个)输入/输出设备1310可为装置1300提供接口以与任意其他适当的设备通信，输入/输出设备1310可以包括通信组件、音频组件、传感器组件等。

一个实施例的网络接口1312可为装置1300提供接口以通过一个或多个网络和/或与任何其他适合的装置通信，装置1300可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信，例如接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合进行无线通信。

对于一个实施例，处理器1302中的至少一个可与系统控制模块1304的一个或多个控制器(例如，存储器控制器)的逻辑封装在一起。对于一个实施例，处理器1302中的至少一个可与系统控制模块1304的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例，处理器1302中的至少一个可与系统控制模块1304的一个或多个控制器的逻辑集成在同一新品上。对于一个实施例，处理器1302中的至少一个可与系统控制模块1304的一个或多个控制器的逻辑集成在同一芯片上以形成片上系统(SoC)。

在各个实施例中，装置1300可以包括但不限于：台式计算设备或移动计算设备(例如，膝上型计算设备、手持计算设备、平板电脑、上网本等)等智能终端。在各个实施例中，装置1300可具有更多或更少的组件和/或不同的架构。例如，在一些实施例中，装置1300可以包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。

其中，如果显示器包括触摸面板，显示屏可以被实现为触屏显示器，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。

本申请实施例还提供了一种非易失性可读存储介质，该存储介质中存储有一个或多个模块(programs)，该一个或多个模块被应用在智能终端时，可以使得该智能终端执行本申请实施例中各方法(页面渲染方法或者页面处理方法)的指令(instructions)。

在一个示例中提供了一种装置，包括：一个或多个处理器；和，其上存储的一个或多个机器可读介质中的指令，由所述一个或多个处理器执行时，导致所述装置执行如本申请实施例中的方法。

在一个示例中还提供了一个或多个机器可读介质，其上存储有指令，当由一个或多个处理器执行时，使得智能终端执行如本申请实施例中的方法。

以上对本申请所提供的一种页面渲染方法、一种页面渲染装置、一种页面处理方法和一种页面处理装置，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (14)

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

获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；

依据所述第一渲染结果，展示所述目标组件对应的页面区域。

2.根据权利要求1所述的方法，其特征在于，所述从所述组件配置协议中获取所述目标组件的结构信息和交互信息，包括：

从所述组件配置协议中获取布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。

3.根据权利要求2所述的方法，其特征在于，所述布局元素包括：控件和控件属性，所述控件属性包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件包括的控件的结构信息和交互信息。

4.根据权利要求1所述的方法，其特征在于，所述依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，包括：

依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据；

将所述目标数据绑定到所述视图，以得到绑定有目标数据的视图。

5.根据权利要求4所述的方法，其特征在于，所述依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据，包括：

利用布局元素对应的解析策略，对所述组件配置协议中布局元素进行解析，以得到所述目标组件对应的视图和目标数据；所述布局元素用于表征所述目标组件的结构信息和交互信息。

6.根据权利要求4所述的方法，其特征在于，所述组件配置协议中的布局元素包括控件，所述依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据，包括：

从视图缓存中获取所述组件配置协议对应的控件视图；或者

针对所述组件配置协议中的控件标签，创建对应的控件视图。

7.根据权利要求1至6中任一所述的方法，其特征在于，所述将所述目标数据绑定到所述视图，包括：

判断所述目标数据是否包含表达式变量；

若所述目标数据包含表达式变量，则获取所述目标数据对应的实际值，并将所述实际值绑定到对应的控件视图；或者

若所述目标数据不包含表达式变量，则将所述目标数据绑定到对应的控件视图。

8.根据权利要求1至6中任一所述的方法，其特征在于，所述目标组件包括：第一页面对应的页面配置协议中包含的存在于本地组件库中的动态组件。

9.根据权利要求1至6中任一所述的方法，其特征在于，在所述获取第一页面中目标组件对应的组件配置协议之前，所述方法还包括：

发送所述目标组件所在的第一页面的访问请求给所述服务器；

接收所述服务器返回的所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议。

10.一种页面处理方法，其特征在于，包括：

服务器接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；

根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

生成所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议；

在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。

11.根据权利要求10所述的方法，其特征在于，所述组件配置协议包括：布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。

12.根据权利要求10至11中任一所述的方法，其特征在于，所述方法还包括：

接收所述目标组件对应的组件配置协议的修改指令；

依据所述组件配置协议的修改指令，对所述第一页面中目标组件对应的组件配置协议进行更新，并更新所述第一页面的页面配置协议；

在所述接收到所述第一页面的访问请求时，发送更新后的所述页面配置协议给所述客户端。

13.一种页面渲染装置，其特征在于，包括：

组件配置协议获取模块，用于获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

组件信息获取模块，用于从所述组件配置协议中获取所述目标组件的结构信息和交互信息；

第一渲染模块，用于依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；以及

第一展示模块，用于依据所述第一渲染结果，展示所述目标组件对应的页面区域。

14.一种页面处理装置，其特征在于，包括：

指令处理模块，用于接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；以及

第一生成模块，用于根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；

第二生成模块，用于生成所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议；

发送模块，用于在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。