CN105159999A - 动态页面的展现方法及装置 - Google Patents

Abstract

本发明提供一种动态页面的展现方法及装置。本发明实施例通过获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据，进而对所述布局配置数据进行解析处理，以获得解析结果，使得能够根据所述解析结果，输出所述动态页面。由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，从而提高了页面的展现速度，缩短展现页面所需要的时间，有效地提高了页面展现的实时性，美化交互效果，极大提升了用户体验。同时，还能够降低内存消耗。

Description

动态页面的展现方法及装置

【技术领域】

本发明涉及互联网技术，尤其涉及一种动态页面的展现方法及装置。

【背景技术】

随着通信技术的发展，终端集成了越来越多的功能，从而使得终端的系统功能列表中包含了越来越多相应的应用(Application，APP)，例如，Windows应用、安卓(Android)应用、ios应用等。这些应用在展现页面的过程中，可以采用两种方式，一种是通过原生组件方式，展现页面的静态内容，另一种是通过网络视图(WebView)组件方式，展现页面的动态内容。

然而，由于采用WebView组件方式，需要加载动态内容的页面资源，进而对动态内容的页面资源进行渲染处理，以获得动态内容的渲染结果，并输出该渲染结果。这样，导致页面的展现速度较慢。

【发明内容】

本发明的多个方面提供一种动态页面的展现方法及装置，用以提高页面的展现速度。

本发明的一方面，提供一种动态页面的展现方法，包括：

获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据；

对所述布局配置数据进行解析处理，以获得解析结果；

根据所述解析结果，输出所述动态页面。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述布局配置数据还包括用户界面逻辑数据。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述布局配置数据为采用编译型语言或解释型语言进行编写的数据。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据之前，还包括：

更新所述布局配置数据。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述根据所述解析结果，输出所述动态页面，包括：

根据所述解析结果，在所述应用显示的界面上，创建原生组件；

对所述原生组件进行属性设置。

本发明的另一方面，提供一种动态页面的展现装置，包括：

获取单元，用于获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据；

解析单元，用于对所述布局配置数据进行解析处理，以获得解析结果；

输出单元，用于根据所述解析结果，输出所述动态页面。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述布局配置数据还包括用户界面逻辑数据。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述布局配置数据为采用编译型语言或解释型语言进行编写的数据。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述装置还包括更新单元，用于

更新所述布局配置数据。

如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述输出单元，具体用于

根据所述解析结果，在所述应用显示的界面上，创建原生组件；以及

对所述原生组件进行属性设置。

由上述技术方案可知，本发明实施例通过获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据，进而对所述布局配置数据进行解析处理，以获得解析结果，使得能够根据所述解析结果，输出所述动态页面。由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，从而提高了页面的展现速度，缩短展现页面所需要的时间，有效地提高了页面展现的实时性，美化交互效果，极大提升了用户体验。同时，还能够降低内存消耗。

另外，采用本发明所提供的技术方案，通过更新所述布局配置数据，来调整页面所展现的原生组件或移除过期或失效的页面，无需升级位于本地终端的应用，能够有效降低页面的发布成本。

【附图说明】

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

图1为本发明一实施例提供的动态页面的展现方法的流程示意图；

图2为本发明另一实施例提供的动态页面的展现装置的结构示意图；

图3为本发明另一实施例提供的动态页面的展现装置的结构示意图。

【具体实施方式】

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

需要说明的是，本发明实施例中所涉及的终端可以包括但不限于手机、个人数字助理(PersonalDigitalAssistant，PDA)、无线手持设备、平板电脑(TabletComputer)、个人电脑(PersonalComputer，PC)、MP3播放器、MP4播放器、可穿戴设备(例如，智能眼镜、智能手表、智能手环等)等。

另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。

图1为本发明一实施例提供的动态页面的展现方法的流程示意图，如图1所示。

101、获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据。

所谓的应用，是指安装在终端上的本地程序(nativeApp)，可以为Windows应用，或者还可以为安卓(Android)应用，或者还可以为ios应用等，本实施例对此不进行特别限定。

所谓的动态页面，是指页面的页面内容不固定，可能会随时变化的页面。与静态页面相对，静态页面是指页面的页面内容固定，不会随时变化的页面。

102、对所述布局配置数据进行解析处理，以获得解析结果。

103、根据所述解析结果，输出所述动态页面。

需要说明的是，101～103的执行主体的部分或全部可以为位于本地终端的应用，或者还可以为设置在位于本地终端的应用中的插件或软件开发工具包(SoftwareDevelopmentKit，SDK)等功能单元，或者还可以为位于网络侧服务器中的处理引擎，或者还可以为位于网络侧的分布式系统，本实施例对此不进行特别限定。

可以理解的是，所述应用可以是安装在终端上的本地程序(nativeApp)，或者还可以是终端上的浏览器的一个网页程序(webApp)，本实施例对此不进行特别限定。

这样，通过获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据，进而对所述布局配置数据进行解析处理，以获得解析结果，使得能够根据所述解析结果，输出所述动态页面，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，从而提高了页面的展现速度。

可选地，在本实施例的一个可能的实现方式中，在101中，所获取的动态页面的布局配置数据，是指用于描述动态页面的内容和布局的数据。该布局配置数据可以包括但不限于原生组件数据和布局数据。

其中，

所述原生组件数据，是指用于描述原生组件的相关数据。原生组件，是指系统自身的组件，与非原生组件即WebView组件加载的页面元素组件，例如，超文本标记语言(HyperTextMark-upLanguage，HTML)页面元素组件等。

所述布局数据，是指用于描述原生组件的布局和样式的相关数据。

在一个具体的实现过程中，所获取的动态页面的布局配置数据，还可以进一步包括用户界面(UserInterface，UI)逻辑数据，用以描述页面与用户之间的交互数据。

可选地，在本实施例的一个可能的实现方式中，在101中，所获取的动态页面的布局配置数据，可以为采用编译型语言进行编写的数据，或者还可以为采用解释型语言进行编写的数据，例如，JavaScript脚本语言等脚本语言，本实施例对此不进行特别限定。

采用解释型语言进行编写的布局配置数据，必须经过编译器先行编译为机器码，才能够被执行，一旦编译成目标文件后，就不太方便修改了，灵活性不高。

与采用编译型语言进行编写的布局配置数据相比，采用解释型语言进行编写的布局配置数据，不需要经过编译器先行编译为机器码，只需要在执行的时候通过解释器(即引擎)动态解析就可以执行了。这种布局配置数据的执行更加灵活，随时可以动态的更改。

在应用实际的上线过程中，动态布局页面的内容和/或布局可能需要调整，那么，可选地，在本实施例的一个可能的实现方式中，在101之前，还可以进一步包括更新所述布局配置数据的步骤。

这样，通过更新所述布局配置数据，来调整页面所展现的原生组件或移除过期或失效的页面，无需升级位于本地终端的应用，能够有效降低页面的发布成本。

可选地，在本实施例的一个可能的实现方式中，在102中，具体可以利用语言解释器，对所述布局配置数据进行解析处理，以获得解析结果。

以Android应用为例，采用本发明所提供的技术方案，首先，需要在Android应用中，创建一个支持解析和执行JavaScript脚本语言的界面(Activity)容器，在该Activity容器中进行JavaScript解释器的初始化。在获取到应用的动态页面的布局配置数据之后，JavaScript解释器加载该布局配置数据，对该布局配置数据进行解析，以获得解析结果。接着，JavaScript解释器则可以执行解析结果，例如，调用Android类和应用程序接口(ApplicationProgramInterface，API)等创建原生组件，并对所述原生组件进行属性设置。

在JavaScript解释器执行解析结果的过程中，在Activity容器的生命周期中的每个阶段，JavaScript解释器执行布局配置数据中所对应的生命周期函数。其中，Activity容器的生命周期可以包括但不限于创建(onCreate)阶段、启动(onStart)阶段、恢复(onResume)阶段、暂停(onPause)阶段、停止(onStop)阶段和销毁(onDestroy)阶段，本实施例对此不进行特别限定。

可选地，在本实施例的一个可能的实现方式中，在103中，具体可以根据所述解析结果，在所述应用显示的界面上，创建原生组件，进而，对所述原生组件进行属性设置。

例如，具体可以对所述原生组件进行布局设置。

或者，再例如，具体可以对所述原生组件进行字体设置。

或者，再例如，具体可以对所述原生组件进行交互行为设置。

本实施例中，通过获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据，进而对所述布局配置数据进行解析处理，以获得解析结果，使得能够根据所述解析结果，输出所述动态页面，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，从而提高了页面的展现速度。

另外，采用本发明所提供的技术方案，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，因此，能够缩短展现页面所需要的时间，从而有效地提高了页面展现的实时性。

另外，采用本发明所提供的技术方案，通过更新所述布局配置数据，来调整页面所展现的原生组件或移除过期或失效的页面，无需升级位于本地终端的应用，能够有效降低页面的发布成本。

另外，采用本发明所提供的技术方案，能够美化交互效果，极大提升用户体验。

另外，采用本发明所提供的技术方案，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，因此能够极大提升用户体验。

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

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

图2为本发明另一实施例提供的动态页面的展现装置的结构示意图，如图2所示。本实施例的动态页面的展现装置可以包括获取单元21、解析单元22和输出单元23。其中，获取单元21，用于获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据；解析单元22，用于对所述布局配置数据进行解析处理，以获得解析结果；输出单元23，用于根据所述解析结果，输出所述动态页面。

需要说明的是，本实施例所提供的动态页面的展现装置的部分或全部可以为位于本地终端的应用，或者还可以为设置在位于本地终端的应用中的插件或软件开发工具包(SoftwareDevelopmentKit，SDK)等功能单元，或者还可以为位于网络侧服务器中的处理引擎，或者还可以为位于网络侧的分布式系统，本实施例对此不进行特别限定。

可以理解的是，所述应用可以是安装在终端上的本地程序(nativeApp)，或者还可以是终端上的浏览器的一个网页程序(webApp)，本实施例对此不进行特别限定。

可选地，在本实施例的一个可能的实现方式中，所述获取单元21所获取的所述布局配置数据还可以进一步包括用户界面逻辑数据。

可选地，在本实施例的一个可能的实现方式中，所述获取单元21所获取的所述布局配置数据可以为采用编译型语言或解释型语言进行编写的数据，本实施例对此不进行特别限定。

可选地，在本实施例的一个可能的实现方式中，如图3所示，本实施例所提供的动态页面的展现装置还可以进一步包括更新单元31，可以用于更新所述布局配置数据。

可选地，在本实施例的一个可能的实现方式中，所述输出单元23，具体可以用于根据所述解析结果，在所述应用显示的界面上，创建原生组件；以及对所述原生组件进行属性设置。

需要说明的是，图1对应的实施例中方法，可以由本实施例提供的动态页面的展现装置实现。详细描述可以参见图1对应的实施例中的相关内容，此处不再赘述。

本实施例中，通过获取单元获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据，进而由解析单元对所述布局配置数据进行解析处理，以获得解析结果，使得输出单元能够根据所述解析结果，输出所述动态页面，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，从而提高了页面的展现速度。同时，还能够降低内存消耗。

另外，采用本发明所提供的技术方案，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，因此，能够缩短展现页面所需要的时间，从而有效地提高了页面展现的实时性。

另外，采用本发明所提供的技术方案，通过更新所述布局配置数据，来调整页面所展现的原生组件或移除过期或失效的页面，无需升级位于本地终端的应用，能够有效降低页面的发布成本。

另外，采用本发明所提供的技术方案，能够美化交互效果，极大提升用户体验。

另外，采用本发明所提供的技术方案，由于动态页面所展现的都是原生组件，无需采用WebView组件方式加载和渲染动态内容的页面资源，因此能够极大提升用户体验。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机装置(可以是个人计算机，服务器，或者网络装置等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(RandomAccessMemory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种动态页面的展现方法，其特征在于，包括：

获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据；

对所述布局配置数据进行解析处理，以获得解析结果；

根据所述解析结果，输出所述动态页面。

2.根据权利要求1所述的方法，其特征在于，所述布局配置数据还包括用户界面逻辑数据。

3.根据权利要求1所述的方法，其特征在于，所述布局配置数据为采用编译型语言或解释型语言进行编写的数据。

4.根据权利要求1所述的方法，其特征在于，所述获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据之前，还包括：

更新所述布局配置数据。

5.根据权利要求1～4任一权利要求所述的方法，其特征在于，所述根据所述解析结果，输出所述动态页面，包括：

根据所述解析结果，在所述应用显示的界面上，创建原生组件；

对所述原生组件进行属性设置。

6.一种动态页面的展现装置，其特征在于，包括：

获取单元，用于获取应用的动态页面的布局配置数据，所述布局配置数据包括原生组件数据和布局数据；

解析单元，用于对所述布局配置数据进行解析处理，以获得解析结果；

输出单元，用于根据所述解析结果，输出所述动态页面。

7.根据权利要求6所述的装置，其特征在于，所述布局配置数据还包括用户界面逻辑数据。

8.根据权利要求6所述的装置，其特征在于，所述布局配置数据为采用编译型语言或解释型语言进行编写的数据。

9.根据权利要求6所述的装置，其特征在于，所述装置还包括更新单元，用于

更新所述布局配置数据。

10.根据权利要求6～9任一权利要求所述的装置，其特征在于，所述输出单元，具体用于

根据所述解析结果，在所述应用显示的界面上，创建原生组件；以及

对所述原生组件进行属性设置。