CN106503012A

CN106503012A - 页面展示方法及装置

Info

Publication number: CN106503012A
Application number: CN201510564419.4A
Authority: CN
Inventors: 周欣荣
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2015-09-07
Filing date: 2015-09-07
Publication date: 2017-03-15

Abstract

本申请提供一种页面展示方法及装置，该方法可以包括：获取页面数据，并将所述页面数据渲染为对应的展示页面；按照预设维度创建多个分组，且所述展示页面中的展示对象被划分至对应的分组中；将所述展示页面显示于终端的显示屏中；其中，所述展示页面中每个分组的展示对象的展示属性相同，且所述展示属性匹配于所述终端的类型。通过本申请的技术方案，可以根据终端类型对同一页面进行区别化的展示，以适应于该终端的实际类型，有助于提升用户的使用体验。

Description

页面展示方法及装置

技术领域

本申请涉及终端技术领域，尤其涉及页面展示方法及装置。

背景技术

在相关技术中，同一页面在不同终端上的展示效果往往相同，以希望用户在不同终端上分别浏览该页面时，能够得到相同的浏览体验。然而，由于不同终端之间的页面展示效果并不相同，甚至可能存在较大差异，导致用户实际得到的浏览体验也不尽相同。

发明内容

有鉴于此，本申请提供一种页面展示方法及装置，可以根据终端类型对同一页面进行区别化的展示，以适应于该终端的实际类型，有助于提升用户的使用体验。

为实现上述目的，本申请提供技术方案如下：

根据本申请的第一方面，提出了一种页面展示方法，包括：

获取页面数据，并将所述页面数据渲染为对应的展示页面；

按照预设维度创建多个分组，且所述展示页面中的展示对象被划分至对应的分组中；

将所述展示页面显示于终端的显示屏中；其中，所述展示页面中每个分组的展示对象的展示属性相同，且所述展示属性匹配于所述终端的类型。

根据本申请的第二方面，提出了一种页面展示装置，包括：

数据获取单元，获取页面数据，并将所述页面数据渲染为对应的展示页面；

对象分组单元，按照预设维度创建多个分组，且所述展示页面中的展示对象被划分至对应的分组中；

页面显示单元，将所述展示页面显示于终端的显示屏中；其中，所述展示页面中每个分组的展示对象的展示属性相同，且所述展示属性匹配于所述终端的类型。

由以上技术方案可见，本申请通过对展示对象进行分组，可以根据终端的类型来配置各组展示对象的展示属性，从而使同一展示页面的展示效果与终端的类型相关，而非所有终端都相同，有助于用户在每种类型的终端上得到最佳的浏览体验。

附图说明

图1是本申请一示例性实施例提供的一种页面展示方法的流程图；

图2是本申请一示例性实施例提供的另一种页面展示方法的流程图；

图3A是本申请一示例性实施例提供的一种展示页面的示意图；

图3B是本申请一示例性实施例提供的另一种展示页面的示意图；

图4是本申请一示例性实施例提供的又一种页面展示方法的流程图；

图5是本申请一示例性实施例提供的一种电子设备的结构示意图；

图6是本申请一示例性实施例提供的一种页面展示装置的框图。

具体实施方式

本申请通过对页面展示过程的改进，以解决相关技术中存在的技术问题。为对本申请进行进一步说明，提供下列实施例：

图1是本申请一示例性实施例提供的一种页面展示方法的流程图，如图1所示，该方法应用于终端中，可以包括以下步骤：

步骤102，获取页面数据，并将所述页面数据渲染为对应的展示页面。

在本实施例中，页面数据也可以为终端内已经安装的应用程序中的数据，则相应生成的展示页面即该应用程序中的功能页面；或者，页面数据也可以为服务器发送给终端的数据，则相应生成的展示页面即浏览器中的网页页面。

步骤104，按照预设维度创建多个分组，且所述展示页面中的展示对象被划分至对应的分组中。

在本实施例中，用户可以根据自身的需求，对所需采用的维度进行配置；若未接收到用户的配置指令，则终端可以直接采用预定义的默认维度。

在本实施例中，对于任一维度，均可能存在多种对应的类型；比如对于“使用率”维度，存在“频繁使用”和“非频繁使用”等，再比如对于“重要性”维度，存在“非常重要”、“一般”和“不重要”等。因此，针对每种维度下的多种类型，可以形成对应的多个组别，并据此对展示页面内的所有展示对象进行组别的划分。

在本实施例中，展示对象用于构成展示页面的展示内容。展示对象可以为展示页面中的链接、功能按键等可操控对象，也可以为图片、文字等不可操控对象。

步骤106，将所述展示页面显示于终端的显示屏中；其中，所述展示页面中每个分组的展示对象的展示属性相同，且所述展示属性匹配于所述终端的类型。

在本实施例中，通过对展示对象进行分组，且每个分组内的展示对象的展示属性相同，使同一分组内的展示对象的展示效果符合用户对其进行分组时的预期。同时，区别于相关技术中提出的“相同的浏览体验”，本申请通过使展示属性匹配于终端的类型，使得同一展示页面在不同类型的终端上虽然具有不同的展示效果，但每种展示效果都更加符合该终端的实际情况，有助于用户得到最佳的浏览体验。

图2是本申请一示例性实施例提供的另一种页面展示方法的流程图，如图2所示，该方法应用于终端中，可以包括以下步骤：

步骤202，获取页面展示数据。

在本实施例中，存在多种可能的应用场景，比如在一种场景下，页面展示数据可以为终端内已安装的应用程序中的数据，即该页面展示数据通过应用程序的安装或更新，已经位于终端内。而在另一种场景下，页面展示数据可以为服务器根据终端发起的请求，向终端返回的网页数据。

在本实施例中，页面展示数据中包含页面数据和预定义对应关系。页面数据用于形成对应的展示页面，比如当页面展示数据为应用程序中的数据时，该页面数据形成的展示页面可以为该应用程序中的功能页面，而当页面展示数据为服务器向终端返回的数据时，该页面数据形成的展示页面可以为浏览器中的网页。

步骤204A，获取预定义对应关系。

在本实施例中，预定义对应关系具体可以为预定义的终端类型、维度信息和展示属性之间的对应关系，比如下表1中示出了一种较为具体的预定义对应关系。

表1

步骤204B，获取页面展示数据中包含的页面数据。

步骤206，根据预定义对应关系，确定每个分组对应的展示属性。

在本实施例中，以表1为例。如表1所示，当维度为“使用率”时，存在“频繁使用”和“非频繁使用”两种类型，则展示页面中的展示对象可以相应地被划分至“频繁使用”和“非频繁使用”这两个分组中；同时，表1中针对不同类型的终端，定义了对应的展示属性，比如对于“电脑”，则所有分组均采用了“详情展示”的展示属性，而对于“移动设备”，则“频繁使用”分组采用了“详情展示(即展示出详细内容)”的展示属性、“非频繁使用”分组采用了“简略展示(即相对于‘详细’，仅展示出简略内容)”的展示属性。

步骤208，根据确定的各个分组的展示属性，将获得的页面数据渲染为对应的展示页面。

在本实施例中，终端只需要根据自身的实际类型，根据如表1所示的预定义对应关系，准确地选取每个分组的展示属性和各个分组对应的展示对象，即可实现准确的页面渲染操作。

比如图3A所示，当终端为电脑时，由于电脑的显示屏面积大且往往采用16:9(水平：垂直)比例的宽显示屏，因而“频繁使用”和“非频繁使用”分组的展示对象，可以分别采用横向方式进行展示，并且各个分组的所有展示对象均可以采用详情展示的方式，比如图3A中所有展示对象的描述内容均包含三行的“XXXXXXXX”。

再比如图3B所示，当终端为移动设备时，比如移动设备为智能手机，则虽然智能手机的显示屏比例也采用了16:9比例，但该比例是水平方向短、垂直方向长，与电脑相比可以认为是9:16比例；同时，智能手机的显示屏尺寸十分有限，往往只有3.5英寸至6.2英寸左右，远小于电脑显示屏13英寸至23英寸甚至更大的尺寸，因而移动设备的显示屏在对相同的展示内容进行显示时，存在更多限制。

所以，在确保用户良好的浏览体验的前提下，可以对不同分组的展示属性进行合理调整。比如对于“使用率”维度，“频繁使用”表明用户更常使用、更加关注，因而如图3B所示，可以对“频繁使用”分组的展示对象进行详情展示，以便用户及时浏览和获得相应的展示对象的描述内容，或更加方便用户对该展示对象进行操作，而对于“非频繁使用”分组的展示对象，由于用户的关注度低，因而可以仅采用简略展示，以便将更多的显示空间让与“频繁使用”的展示对象。

当然，除了图2所示的页面展示方法，该方法中需要由终端与服务器之间进行实时配合；其中，图4是本申请一示例性实施例提供的又一种页面展示方法的流程图，如图4所示，该方法应用于终端中，可以包括以下步骤：

步骤402A，获取页面数据。

在本实施例中，存在多种可能的应用场景，比如在一种场景下，页面数据可以为终端内已安装的应用程序中的数据，即该页面数据通过应用程序的安装或更新，已经位于终端内。而在另一种场景下，页面数据可以为服务器根据终端发起的访问请求，向终端返回的网页数据。

步骤402B，接收来自服务器的页面配置数据。

在本实施例中，页面配置数据中包含针对当前终端在预设维度下的各个分组对应的展示属性。与图2所示的实施例不同之处在于：本实施例中的页面配置数据是服务器根据终端的类型而确定的，即该页面配置数据直接匹配于当前终端，比如当前终端为移动设备时，该页面配置数据中不会包含表1所示的与“电脑”相关的展示属性的数据。

在本实施例中，存在多种可能的应用场景，比如在一种场景下，若页面数据为应用程序中的数据，则终端可以向服务器请求关于该页面数据对应的展示页面的更新情况，而服务器根据发起该请求的终端的类型，针对性地选取预设维度下的每个分组的展示属性，并通过页面配置数据返回该终端。而在另一种场景下，若页面数据为网页数据，则终端向服务器发起访问请求时，服务器可以通过获取该终端的类型，将对应的页面配置数据和页面数据均返回该终端。

步骤404，终端根据当前的维度信息，从页面配置数据中解析出对应于各个分组的展示属性。

步骤406，终端根据各个分组对应的展示属性，将页面数据渲染为展示页面。

此外，在本申请的诸如上述实施例中，还可以进一步包括以下技术方案中至少之一：

1、显示区域

作为一示例性实施例，可以在展示页面中配置与各个分组一一对应的多个显示区域；然后在每个显示区域中，对相应分组的展示对象进行集中展示。比如图3A和图3B所示，在展示页面中分别形成上、下两个矩形区域，每个矩形区域内排列并显示多个展示对象，便于用户对各个分组之间进行识别和区分。

当然，本申请并不限制各个展示对象的展示位置，比如同一分组中的多个展示对象也可以不集中展示于同一个显示区域内，而只要确保同一分组内的多个展示对象的展示属性相同即可。举例而言，比如在图3B中，可以将“频繁使用”和“非频繁使用”分组中的展示对象进行混合展示，比如将展示对象1显示在展示页面的下半部分，则只要仍然确保对该展示对象1进行详情展示即可。

2、分组调整

在本申请的实施例中，还可以根据接收到的用户编辑指令，调整展示页面中的展示对象的所属分组。在该实施例中，用户对每个展示对象的需求都可能是暂时性的，在不同情况下可能发生变化。因此，当用户对任一展示对象的需求发生变化时，即可通过对其所属分组的调整，使其满足用户的实时需求。

3、展示属性

在上述实施例中，仅以“使用率”维度下的“频繁使用”和“非频繁使用”分组为例，说明了可以对展示对象采用“详情展示”和“简略展示”的展示属性；然而，除了对每个展示对象的展示信息详细程度之外，本申请中的展示属性还可以包括很多其他方面，本申请并不对此进行限制；举例而言，该展示属性还可以包括每个展示对象的展示区域大小，比如在图3B所示的实施例中，“频繁使用”分组的展示对象的展示区域大于“非频繁使用”分组的展示对象的展示区域，以便展示更多的描述内容。

图5示出了根据本申请的一示例性实施例的电子设备的示意结构图。请参考图5，在硬件层面，该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成页面展示装置。当然，除了软件实现方式之外，本申请并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

请参考图6，在软件实施方式中，该页面展示装置可以包括数据获取单元、对象分组单元和页面显示单元。其中：

可选的，还包括：

类型获取单元，获取所述终端的类型；

属性确定单元，根据预定义的终端类型、维度信息和展示属性之间的对应关系，确定对应于所述终端的类型和所述预设维度的展示属性，以用于展示各个分组的展示对象。

可选的，还包括：

数据接收单元，接收来自服务器的页面配置数据；

属性解析单元，解析出所述页面配置数据中包含的所述预设维度下的各个分组对应的展示属性，以用于展示各个分组的展示对象。

可选的，还包括：

区域配置单元，在所述展示页面中配置与各个分组一一对应的多个显示区域；

对象展示单元，在每个显示区域中，对相应分组的展示对象进行集中展示。

可选的，还包括：

分组调整单元，根据接收到的用户编辑指令，调整所述展示页面中的展示对象的所属分组。

可选的，所述展示属性包括以下至少之一：每个展示对象的展示区域大小、每个展示对象的展示信息详细程度。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

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

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims

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

获取页面数据，并将所述页面数据渲染为对应的展示页面；

2.根据权利要求1所述的方法，其特征在于，还包括：

获取所述终端的类型；

根据预定义的终端类型、维度信息和展示属性之间的对应关系，确定对应于所述终端的类型和所述预设维度的展示属性，以用于展示各个分组的展示对象。

3.根据权利要求1所述的方法，其特征在于，还包括：

接收来自服务器的页面配置数据；

解析出所述页面配置数据中包含的所述预设维度下的各个分组对应的展示属性，以用于展示各个分组的展示对象。

4.根据权利要求1所述的方法，其特征在于，还包括：

在所述展示页面中配置与各个分组一一对应的多个显示区域；

在每个显示区域中，对相应分组的展示对象进行集中展示。

5.根据权利要求1所述的方法，其特征在于，还包括：

根据接收到的用户编辑指令，调整所述展示页面中的展示对象的所属分组。

6.根据权利要求1所述的方法，其特征在于，所述展示属性包括以下至少之一：每个展示对象的展示区域大小、每个展示对象的展示信息详细程度。

7.一种页面展示装置，其特征在于，包括：

8.根据权利要求7所述的装置，其特征在于，还包括：

类型获取单元，获取所述终端的类型；

9.根据权利要求7所述的装置，其特征在于，还包括：

数据接收单元，接收来自服务器的页面配置数据；

10.根据权利要求7所述的装置，其特征在于，还包括：

11.根据权利要求7所述的装置，其特征在于，还包括：

12.根据权利要求7所述的装置，其特征在于，所述展示属性包括以下至少之一：每个展示对象的展示区域大小、每个展示对象的展示信息详细程度。