CN112527434A - 页面展示的方法、终端、服务器、系统、电子设备 - Google Patents

Abstract

本申请公开了一种页面展示的方法、终端、服务器、系统、电子设备，其中，该方法应用于终端，包括：接收来自于服务器的第一消息，其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式；基于第一消息携带的样式标识，确定元素组数据的目标排布方式；按照目标排布方式对元素组数据进行处理，得到第一页面；展示第一页面。本申请中终端接收的元素组数据支持的样式标识是多样的，实现灵活调整页面布局，进而提高页面展示的灵活性。

Description

页面展示的方法、终端、服务器、系统、电子设备

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面展示的方法、终端、服务器、系统、电子设备。

背景技术

目前，基于卡片结构开发的片库页面采用特定样式，即，前端请求一次拿到的数据是采用某一种样式的样式数据。

在现有的页面展示方案中，是由服务器下发页面排列方式至终端，终端根据接收到的页面排列方式进行页面展示，由于服务器下发的样式数据都只唯一对应一种排布方式，终端在展示页面时，只能根据服务器封装下发的唯一排布方式去展示，使得页面展示呈现较为单一，不够灵活，难以满足终端灵活显示页面的需求。

发明内容

为了解决上述技术问题，本申请提供了一种页面展示的方法、终端、服务器、系统、电子设备。

第一方面，本申请提供了一种页面展示的方法，其特征在于，应用于终端，所述方法包括：

接收来自于服务器的第一消息，其中，所述第一消息携带元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式；

基于所述第一消息携带的样式标识，确定所述元素组数据的目标排布方式；

按照所述目标排布方式对所述元素组数据进行处理，得到第一页面；

展示所述第一页面。

第二方面，本申请提供了一种页面展示的方法，其特征在于，应用于服务器，所述方法包括：

获取元素组数据与所述元素组数据支持的样式标识；

向终端发送第一消息，以使得所述终端基于所述元素组数据支持的样式标识，确定目标排布方式，并基于所述目标排布方式生成并展示第一页面；其中，第一消息携带所述元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式。

第三方面，本申请还提供了一种终端，所述终端包括：

第一接收模块，用于接收来自于服务器的第一消息，其中，所述第一消息携带元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式；

确定模块，用于基于所述第一消息携带的样式标识，确定所述元素组数据的目标排布方式；

生成模块，用于按照所述目标排布方式对所述元素组数据进行处理，得到第一页面；

展示模块，用于展示所述第一页面。

第四方面，本申请还提供了一种服务器，所述服务器包括：

获取模块，用于获取元素组数据与所述元素组数据支持的样式标识；

发送模块，用于向终端发送第一消息，以使得所述终端基于所述元素组数据支持的样式标识，确定目标排布方式，并基于所述目标排布方式生成并展示第一页面；其中，第一消息携带所述元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式。

第五方面，本申请还提供了一种系统，所述系统包括：终端和服务器；

所述终端，用于执行第一方面中任一所述的页面展示的方法；

所述服务器，用于执行第二方面中任一所述的页面展示的方法。

第六方面，本申请提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现第一方面中任一所述的页面展示的方法的步骤或者第二方面中任一所述的页面展示的方法的步骤。

第七方面，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有图像数据采集方法的程序，所述数据采集方法的程序被处理器执行时实现第一方面中任一所述的页面展示的方法的步骤或者第二方面中任一所述的页面展示的方法的步骤。

与相关技术相比，本申请实施例提供的上述技术方案可以具有如下有益效果：

本申请实施例中的终端接收服务器发送的元素组数据以及元素组数据支持的样式标识，每种样式标识都可以唯一指示一种排布方式，这种情况下，终端可以基于元素组数据支持的样式标识，来灵活的确定目标排布方式，从而按照目标排布方式显示页面。对比来看，现有技术中仅按照服务器指示的排列方式进行页面展示，针对一组数据组，终端仅能展示服务器所指示排布方式的一种页面；而本申请实施例中，由于终端接收的元素组数据支持的排布方式是多种多样的，故终端可以根据多样的样式标识来灵活调整排布方式，换言之，同一组数据组在进行页面展示时，可以有多种排布方式，终端所展示的页面不再受限于服务器的单一指示，提高了页面展示的灵活性。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

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

图1是本申请实施例的一种可选的页面展示的方法的硬件环境的示意图；

图2是本申请实施例的一种可选的页面展示的方法流程示意图；

图3是本申请实施例的样式标识为C和样式标识为D对应的排列方式示意图；

图4是本申请实施例的第一消息所支持的card封装结构示意图；

图5a是本申请实施例的一种可选的页面展示示意图；

图5b是本申请实施例的另一种可选的页面展示示意图；

图6是本申请实施例的另一种可选的页面展示的方法流程示意图；

图7是本申请实施例的一种可选的页面展示的整体流程示意图；

图8是本申请实施例的一种可选的终端框图；

图9是本申请实施例的一种可选的服务器框图；

图10是本申请实施例的一种可选的电子装置的结构框图。

具体实施方式

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

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本申请实施例的一个方面，提供了一种页面展示的方法。可选地，在本申请实施例中，上述页面展示的方法可以应用于如图1所示的由终端101和服务器102所构成的硬件环境中。如图1所示，服务器102通过网络与终端101进行连接，可用于为终端或终端上安装的客户端提供服务(如游戏服务、应用服务等)，可在服务器上或独立于服务器设置数据库，用于为服务器102提供数据存储服务，上述网络包括但不限于：广域网、城域网或局域网，终端101并不限定于PC、手机、平板电脑等。本申请实施例的页面展示的方法可以由服务器102来执行，也可以由终端101来执行，还可以是由服务器102和终端101共同执行。其中，终端101执行本申请实施例的页面展示的方法，也可以是由安装在其上的客户端来执行。

以终端执行本申请实施例的页面展示为例，图2是根据本申请实施例的一种可选的页面展示的方法的流程示意图，如图2所示，该方法的流程可以包括以下步骤：

步骤S201，接收来自于服务器的第一消息，其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式。

本申请实施例中的页面展示的方法可以应用于终端与服务器交互，以在终端上展示页面的场景，上述页面可以是目标应用的页面，该目标应用可以是具有页面展示功能的任意应用，可以包括但不限于以下之一：音频播放应用，视频播放应用，即时通信应用，信息交流平台等，此处不作穷举。本申请实施例中目标应用以音频播放应用为例进行说明，对于其他类似的应用可以采用类似的处理方式，本申请实施例中对此不作赘述。

音频播放应用可以运行在用户终端上。在使用音频播放应用之前，用户可以使用账号和密码、账号和动态密码、扫描图形码(例如，二维码，条形码等)、第三方应用的账号等方式登录到音频播放应用，并使用该音频播放应用所提供的音频播放等功能。

应当理解，用户可以通过对该音频播放应用执行触发操作，以触发在该音频播放应用的界面上展示第一页面。终端可以检测到上述触发操作，响应该触发操作，从服务器侧获取该第一页面并展示，例如，可以向服务器发送第一页面请求，该第一页面请求用于获取第一页面。

其中，元素组包括至少一个元素，当包括至少两个元素时，元素的种类为至少一种，可选地，元素的种类包括但不限于：图片、文字、视频、音频、图形、按钮(button)或行为(action)中的至少一种。

这些元素组数据支持多种样式标识，每个样式标识又唯一对应一种排布方式。示例性的一种实施例中，服务器在向终端下发第一消息时，可以以key-value的方式向终端下发该第一消息，其中，key是样式标识，value是排布方式(排布方式也可称为布局方式)。例如，第一消息信息中携带的元素组数据包括：两张图片，分别是图片A，图片B，一行文字XXXX，支持上述元素数据排列的样式标识为C和D。此时可以参考图3，样式标识C对应的排布方式为：图片A排列在页面的左上方，图片B排列在页面的中间，文本XXXX排列在页面的右下方；样式标识D对应的排布方式为：图片A排列在页面的右上方，图片B排列在页面的左上方，文本XXXX排列在页面的中间等。换言之，针对固定的一组元素组数据，这些元素组数据所支持的排布方式可以有一种或多种，本申请实施例不对样式标识对应的排布方式做具体限定。

步骤S202，基于第一消息携带的样式标识，确定元素组数据的目标排布方式。

可选地，终端可以从第一消息携带的所有样式标识中，选取一种样式标识，作为元素组数据的目标排布方式。

其中，从多个样式标识中选取一个样式标识的方式，可以包括：终端采集到用户对终端执行的选取操作的操作信息，根据该选取操作的操作信息得到选取的样式标识，然后得到对应的排布方式作为目标排布方式。需要说明的是，用户可以是对终端进行操作的对象，比如操作终端的用户等。

其中，用户对终端执行的选取操作包括但不限于用户利用光标在页面上执行的操作。

另外，不同的样式标识用于不同的排布方式，例如，样式标识1代表第一排布方式，样式标识2代表第二排布方式等，选取操作可以包括但不限于以下至少之一：单击，双击，拖拽，语音输入等。

下面说明选取目标排布方式的方法，包含但不限于以下至少之一：

(1)在本地缓存中保存有默认样式标识，将该默认样式标识对应的排布方式作为目标排布方式。

其中，所述默认样式标识可以是预设的，或者，也可以是根据用户的历史操作数据确定的，其中，历史操作数据包括以下至少之一：

用户最近一次打开所述第一页面时对应的样式标识，作为目标样式标识；

用户最近一次编辑所述第一页面内的元素组数据确定的排布方式所对应的样式标识，作为目标样式标识；

所述用户预设时间内浏览频率最高的页面布局对应的样式标识，作为目标样式标识。

(2)获取并展示多个候选排布方式，根据用户对多个候选排布方式执行的选取操作，然后根据选取出的样式标识确定出对应的排布方式，作为目标排布方式。

(3)接收服务器发来的第二消息，从第二消息携带的多个样式标识中选取一个样式标识作为目标样式标识。第二消息可以是区别于第一消息的另一个消息；或者，第二消息也可以为第一消息，此时，第一消息中携带目标样式标识的指示信息。本发明实施例对于指示信息的表现形式无特别限制，可自定义约定。

步骤S203，按照目标排布方式对元素组数据进行处理，得到第一页面。

可选地，终端选取好目标排布方式后，按照目标排布方式对元素组数据进行排列，然后生成第一页面。

例如，选取的样式标识C对应的排布方式作为目标排布方式，那么第一页面展示出来的画面应该是图片A排列在页面的左上方，图片B排列在页面的中间，文本XXXX排列在页面的右下方。

步骤S204，展示第一页面。

可选地，终端利用显示设备将最终生成的第一页面进行展示，供用户观看。

需要说明的是，该第一页面可以包括但不限于基于card结构的片库页面。card结构封装了页面排布所需的所有元素，card结构的排布内容可以包含以下至少之一：images(封面图)节点，metas(标题、描述等)节点，buttons(按钮)节点，actions(行为)节点等。

以第一消息所支持的card封装结构为例，如图4所示，card可以是页面上一条数据的完整封装，包含了一条数据在页面上排布所需的所有的元素，如封面图、标题、副标题、描述信息、按钮、行为等，一个card中具体包含哪些元素以页面排布效果决定，本发明实施例对此无特别规定。

在一种可能的实施例中，“元素组支持的排布方式”是指与该元素组所有元素完全匹配的排布方式。这包括元素数目的匹配与元素类型的匹配。

例如，元素组A内包含5个元素，元素类型包括2个文本与3个图片；则其支持的排布方式B也包含5个排布内容，且排布方式B中所包含的排布内容可以包括1个标题、1个副标题与3个图片，可以理解，标题与副标题具体可以与文本元素相匹配，排布方式中的图片能够与元素组中的图片相匹配，对此不作赘述。此时，元素组A与排布方式B中的元素数目与元素类型能够全部匹配，也即，元素组A支持排布方式B。

除此之外，另一种可能的实施例中，“元素组支持的排布方式”还可以包括如下情况：排布方式内包含的元素数目多于元素组的全部元素，且该元素组的元素能够与排布方式中的部分排布内容相匹配。此时，排布方式中有部分排布内容可以为空。

例如，元素组A内包含5个元素，元素类型包括2个文本与3个图片；则其支持的排布方式C可以包含7个排布内容，且排布方式C中所包含的排布内容包括：1个标题、1个副标题与5个图片；而元素组A中的所有元素，都能够在排布方式C中的部分排布内容中进行完全匹配。那么，在该实施例中，该元素组A也能够支持排布方式C。

作为一种示例，以前述确定元素组所支持的card的排布方式的场景为例。如前所述，由于不同card中具体包含的排布内容与方式不同，则基于card结构的定义不同，可以有不同的处理方式。

正常情况下，card页面需要的元素一般均不能为空。此时，则可以采用前述第一种方式，来确定元素组支持的card排布方式。

除此之外，考虑到数据和数据间可能存在差异，如副标题、描述信息等信息可能会为空，不会影响整体展示效果；但标题、封面图、点击事件等若为空或者构造异常则会对最终效果产生较大影响，因此，排布方式中可以允许部分排布内容为空。此时，可以按照前述第二种方式来确定元素组支持的card排布方式。具体而言，元素组中包含的元素至少要与排布方式中不得为空的排布内容相匹配。

例如，元素组D包含以下元素：1个文本、1个图片与1个action，而排布方式E中包括：封面图、标题、副标题、描述信息、按钮、action，其中，副标题、描述信息等信息可以为空，不会影响整体排布效果。此时，元素组D能够与排布方式E中不为空的部分排布内容相匹配，则元素组D能够支持排布方式E。

又例如，元素组D包含以下元素：1个文本、1个图片与1个action，而排布方式F中包括：封面图、标题、副标题、描述信息、按钮、action，其中，副标题、描述信息、action等信息可以为空，不会影响整体排布效果。此时，元素组D能够与排布方式F中不为空的部分排布内容相匹配，则元素组D能够支持排布方式F。

又例如，元素组D包含以下元素：1个文本、1个图片与1个action，而排布方式G中包括：封面图、标题、副标题、描述信息、按钮、action，其中，副标题可以为空，不会影响整体排布效果。此时，元素组D缺少1个文本，无法与排布方式G中的“标题”与“描述信息”完全匹配，则元素组D不能够支持排布方式G。

可以理解，对于同一个元素组中的元素，在不同的页面排布方式中的排布内容(或所能承担的显示功能)是不同的。例如，一行文字在排布方式a中可以是标题，在排布方式b中则可以是描述信息。

在按照前述任意一种方式确定元素组所支持的排布方式时，还可以进一步考虑元素的类型是否与页面排布方式中的排布内容的类型相匹配。例如，某文本的属性是“标题”，那么，若在排布方式a中的文本相关的排布内容只有“标题”，在排布方式b中的文本相关的排布内容只有“描述信息”，那么，可以确定该文本所支持的排布方式为排布方式a。

card的结构非常清晰，图片、文案、按钮等都是单独的元素数据，因而通过将这些单元重新排列组合可以实现多种展示样式(排布方式)。

在本申请实施例中，在用户发起对某一页面的显示请求时，服务器根据页面请求信息获取元素组数据以及元素组数据支持的样式标识，将这些样式标识和每个样式标识对应的排布方式全部发送至终端，终端可以基于多种排布方式进行页面展示。

本申请实施例中的终端接收服务器发送的元素组数据以及元素组数据支持的样式标识，终端可以基于元素组数据支持的样式标识确定目标排布方式，从而按照目标排布方式显示页面；由于终端接收的元素组数据支持的样式标识是多样的，故本申请可以根据多样的样式标识进行灵活调整排布方式，进而提高页面展示的灵活性。

作为一种可选实施例：第一消息携带多个样式标识；在生成并展示第一页面之后，方法还包括：

检测对第一页面执行的切换指令，其中，切换指令用于切换元素组数据的排布方式；

从第一消息携带的多个样式标识中，选取出切换样式标识；

按照切换样式标识所唯一指示的排布方式，对元素组数据进行处理，得到第二页面；

展示第二页面。

可选地，现有技术实现在线切换样式，比如，从双列样式切换为单列样式，需要重新请求服务端下发新的样式数据，或者服务端在第一次请求时直接下发两种样式的数据。现有的样式数据下发的方式存在相应的缺陷：

(1)重新请求数据的方式会造成分别请求的两种样式数据(第一样式的数据和第二样式的数据)中的视频数据的顺序不一定完全一致。即使在第一样式的数据和第二样式的数据完全相同的情况下，由于第一样式切换到第二样式时需要向服务器多一次切换请求，多一次的样式数据下发，会造成额外的流量消耗。

(2)服务端同时下发两种样式数据的方式会导致请求结果数据包变为原来的两倍，对网络流量消耗较大，影响前端响应速度。

为了页面实现灵活切换，本申请实施例的终端检测到用户对第一页面执行的切换操作后，响应该切换操作，终端可以从第一消息携带的所有样式标识中选取出切换后的样式标识，然后按照切换后的样式标识对应的排布方式对元素组数据进行排列，得到不同于第一页面的第二页面。

其中，切换操作用于切换元素组数据的排布方式，该切换操作可以包括但不限于以下至少之一：单击，双击，拖拽，语音输入等。

然后终端将第二页面作为最终显示页面进行展示。

在本申请实施例中，可直接对当前页面的排布方式进行灵活切换，无需再次向服务端发出新请求，减少了网页的流量消耗，同时不会对前端响应速度造成影响。

基于上述各实施例的内容，作为一种可选实施例：从第一消息携带的多个样式标识中选取出切换后的样式标识包括：

在本地缓存中保存有默认样式标识、且默认样式标识属于元素组数据支持的多个样式标识的情况下，将默认样式标识确定为切换后的样式标识，其中，默认样式标识是根据用户的历史操作数据确定的。

可选地，在进行页面切换的过程中，需要从元素组数据支持的多个样式标识中选取出切换后的样式标识，这里切换后的样式标识可以是在本地缓存中保存的默认样式标识，比如根据用户的历史操作数据确定的，这里的历史操作数据可以理解为根据用户的个人习惯生成的历史操作数据，根据历史操作数据能够直接判断出用户的审美倾向等。

其中，默认样式标识可以包括：用户最近一次打开第一页面时对应的样式标识，也可以是用户最近一次编辑第一页面内的元素组数据确定的排布方式所对应的样式标识，也可以是预设时间内浏览频率最高的页面布局对应的样式标识。可以理解的是，这里的第一页面和第二页面是基于本申请实施例提供的元素组数据所支持的样式标识生成的页面布局；浏览频率最高的页面是指，在同类型数据组(例如，相同排布方式的其他页面)中用户浏览次数最多的页面。

本申请实施例可以依据本地缓存的默认样式标识完成排布方式的切换，并且本地缓存的样式类型为已经实现过的样式，在用户进行样式切换的选择时，由于是本地缓存过的样式，这样在进行页面展示时所需时长将大大缩短，且能够节省网络的流量消耗。

基于上述各实施例的内容，作为一种可选实施例：从第一消息携带的多个样式标识中选取出切换后的样式标识包括：

获取并展示多个候选排布方式，候选排布方式为元素组数据支持的多个样式标识所指示的排布方式；

采集针对多个候选排布方式的第一操作信息，其中，第一操作信息用于表示对多个候选排布方式所执行的选取操作；

将第一操作信息所指示的候选排布方式的样式标识，确定为切换样式标识。

可选地，切换后的样式标识还可以是从多个候选排布方式中选取出来的。例如，用户可以利用页面的控制组件进行样式标识的选择，控制组件中可选择的样式标识与候选排布方式相对应，终端可以接收到用户针对多个候选排布方式执行的选取操作，然后根据选取出的样式标识确定出对应的排布方式，作为切换后的排布方式，生成第二页面。

本申请实施例允许用户根据自己的当下心情或实际情况自由选择想要切换的页面排布方式，灵活性较高。

基于上述各实施例的内容，作为一种可选实施例：基于第一消息携带的样式标识，确定元素组数据的目标排布方式，包括：

在第一消息携带的样式标识中选取一个目标样式标识，并将目标样式标识所唯一指示的排布方式确定为目标排布方式；

其中，目标样式标识根据用户的历史操作数据确定；或者，目标样式标识根据第二消息确定，第二消息来自于服务器；或者，目标样式标识根据用户的操作信息确定。

可选地，在选取第一页面的目标样式标识时，可以如切换页面排布方式那样进行灵活地人为选择出目标样式标识，或将默认样式标识作为目标样式标识(可参见上述页面切换实施例中的内容，此处不再赘述)，或接收服务器发来的第二消息，其中，第二消息携带有元素组数据支持的多个样式标识中的一个样式标识。

需要说明的是，终端在得到第二消息后，可以将第二消息所支持的样式标识对应的排布方式存储在本地，作为第一页面优先展示的排布方式。

基于上述各实施例的内容，作为一种可选实施例：本申请实施例除了直接自动显示页面、切换页面布局之外，还提供了编辑页面布局的功能。这里的编辑页面元素的触发方式与切换页面的触发方式可以相同，也可以不同。比如，在触发方式相同时，可以通过点击终端页面的先后次序规定当前触发操作唤醒的是编辑操作还是切换操作，比如，第一次长按终端页面是进行页面切换，第二次长按终端页面是编辑当前页面内的元素布局；在触发方式不同时，通过点击终端页面的次数规定当前触发操作为编辑操作，比如，连续点击终端页面两次是进行页面元素编辑；通过语音输入规定当前触发操作为切换操作，比如，语音输入“进行页面切换”的命令。

作为一种示例，对于编辑页面布局的功能，该方法还包括：

检测对当前显示页面执行的编辑指令，其中，编辑指令用于指示对当前显示页面中的元素组数据进行编辑；

展示当前显示页面的编辑页面；

采集针对编辑页面的第二操作信息；

按照第二操作信息所指示的排布方式，生成并展示第三页面。

可选地，在本申请实施例中，用户无论是直接打开某个页面的场景(第一页面)，还是切换页面布局的场景(第二页面)，都可以对当前显示页面中的元素组数据进行编辑。

首先，需要在终端上展示当前显示页面的编辑页面，用户可以通过点击的方式进入编辑界面，然后选中待编辑的元素进行位置的移动或删除。其中，将终端中采集到用户执行的元素移动或删除的操作，作为第二操作信息。

例如，终端检测到用户拖拽元素组数据中的第一元素数据，比如按钮元素数据，并将该按钮元素数据从第一位置移动到第二位置，这样按钮元素数据移动到第二位置后所呈现的排布方式，即为由当前第二操作所指示的排布方式，生成的页面为第三页面。

通过本申请实施例，用户可以自定义地调整页面的排布方式，例如，设置不允许删除的元素或不允许改变页面布局中当前位置的元素等，也可以对用户的编辑权限进行预先设定，这样可以提高元素数据显示的灵活性，提高用户的使用体验，增强页面展示的趣味性。

基于上述各实施例的内容，作为一种可选实施例：该方法还包括：

当第二操作信息所指示的排布方式不属于第一消息所指示的排布方式时，生成参考样式标识，参考样式标识用于唯一指示第二操作信息所指示的排布方式；

向服务器发送第三消息，第三消息携带第二操作信息所指示的排布方式和参考样式标识。

可选地，在用户对显示页面进行第二操作后，得到的排布方式不属于第一消息所指示的排布方式时，本申请实施例可以将用户第二操作对应的样式标识作为一个新的样式标识，比如作为参考样式标识，存储在终端本地，或者向服务器发送第三消息，该第三消息中携带有第二操作所指示的排布方式和参考样式标识。

基于上述各实施例的内容，作为一种可选实施例：第二操作信息用于指示：对当前显示页面的页面布局和/或元素组数据进行编辑；

其中，对当前显示页面的页面布局进行编辑，包括以下至少之一：移动页面元素，移除页面元素；

对当前显示页面的元素组数据进行编辑，包括：调整元素属性。

可选地，本申请实施例中的第二操作信息是用于表征用户对当前显示页面的页面布局和/或元素组数据进行编辑的操作，而对当前显示页面的页面布局进行编辑可以包括移动页面元素，移除页面元素。

例如，本申请实施例中，如果第一页面显示的是一种音频播放应用，此时可以允许用户在限定范围内对某个已实现的样式进行编辑，该编辑操作可以是移除某个文字元素数据或者移除某个按钮元素数据，该编辑操作也可以是移动某个文字元素数据等，具体可参见图5a和图5b，从图5a和图5b中可以得出，在元素组数据相同时，可以组合出不同的多种样式：图5a是：样式1：图片在上，文字在下，不使用按钮元素；图5b是：样式2：图片在左，文字在右，使用按钮元素。其中，图片指图5a和图5b中的“封面图”，文字指图5a和图5b中的“标题”。

上述移除操作可以包括但不限于以下至少之一：单击，双击，拖拽，语音输入等。终端检测到用户对第一页面执行的移除操作后，响应上述的移除操作。可以理解的是，用户也可以对第二页面进行上述的第二操作。

另外，本申请实施例允许用户对元素组数据内的元素数据进行移除操作和移动操作外，还可以对元素数据的属性进行编辑，这里的元素数据的属性包括但不限于如下至少一种：元素数据的线条颜色、线条粗细、元素数据的尺寸、背景色、元素类型(包括但不限于：在页面中的功能类型，例如：标题属性、副标题属性等)等。

终端在接收到上述编辑操作后作出响应，将编辑后的页面的排布方式以及布局信息进行展示。

本申请实施例的显示页面可以在一定范围内支持用户自定义样式，用户可以根据自身审美需求或功能要求对元素数据进行编辑操作，使得页面的排布布局更加多样化，提高用户体验。

根据本申请实施例的另一个方面，还提供了一种页面展示的方法，该方法可以运行在服务器上，如图6所示，该方法的流程可以包括以下步骤：

步骤S601，获取元素组数据与元素组数据支持的样式标识。

终端可以向服务器发送页面请求，服务器接收终端发出的页面请求后，获取元素组数据与该元素组数据支持的样式标识。例如，用户打开音频播放应用的某一页面时，终端会向服务器发送请求数据，此时服务器接收终端发出的页面请求，这里的页面请求可以为第一页面请求，此时，服务器将获取元素组数据与元素组数据支持的样式标识。

步骤S602，向终端发送第一消息，以使得终端基于元素组数据支持的样式标识，确定目标排布方式，并基于目标排布方式生成并展示第一页面；其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式。

可选地，服务器响应接收到的第一页面请求，向终端发送第一消息，其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式，终端以接收的元素组数据支持的样式标识生成第一页面，并通过显示装置展示出该第一页面。

例如，第一页面为基于card结构的片库页面，服务器根据接收到的第一页面请求后，获取元素组数据与元素组数据支持的样式标识，生成card模板数据，该模板数据是根据元素组数据与元素组数据支持的样式标识定义好的，可以利用图片、文本、按钮等数据使用串行或并行的方式对card模板进行填充，得到card模板数据，再将构造的card模板数据封装到card列表，然后将该card列表发送至终端。

需要说明的是，每个元素数据在封装到card列表前，都以key-value的方式进行标识。其中，key为样式标识，value为排布方式。

本申请实施例利用服务器向终端下发元素组数据与元素组数据支持的样式标识，使得终端可以根据接收的多种样式标识进行灵活调整排布方式，提高页面展示的灵活性，提升用户体验。

基于上述各实施例的内容，作为一种可选实施例：服务器在向终端发送第一消息之后，方法还包括：

服务器向终端发送第二消息，第二消息用于指示元素组数据支持的多个样式标识中的一个样式标识。

基于上述各实施例的内容，作为一种可选实施例：服务器在向终端发送第一消息之后，方法还包括：

服务器接收来自于终端的第三消息，第三消息携带第二操作信息所指示的排布方式和参考样式标识；

存储第二操作信息所指示的排布方式和参考样式标识。

基于上述各实施例的内容，作为一种可选实施例：服务器向终端发送第二消息，该第二消息用于指示元素组数据支持的多个样式标识中的一个样式标识，该第二消息携带的样式标识对应的排布方式可以是终端优先显示的排布方式；

用户对显示页面进行的第二操作后生成的排布方式，该排布方式对应的样式标识作为参考样式标识，终端将参考样式标识和对应样式标识封装成第三消息发送至服务器，服务器接收来自终端发送的第三消息后，可以将该参考样式标识和第二操作后生成的排布方式进行存储。

在本示例中，页面为基于card结构的片库页面，涉及到APP客户端与服务器的交互。如图7所示，本可选示例中的页面展示的方法的流程可以包括以下步骤：

步骤S701，终端发出页面请求数据至服务器；

步骤S702，服务器接收终端发出的页面请求后，获取当前片库页面的card元素组数据和card元素组数据支持的样式标识；

这里需要构造card元素组数据中的文本元素数据、图片元素数据、按钮元素数据、行为元素数据，形成元素组数据，并获取元素组数据支持的样式标识；

步骤S703，服务器将元素组数据和元素组数据支持的样式标识封装到第一消息中，发送至终端；

步骤S704，终端解析第一消息内的数据；

步骤S705，判断排布样式类型；

步骤S706，若排布样式1为目标样式，则按照排布样式1排列元素组数据；

步骤S707，若排布样式2为目标样式，则按照排布样式2排列元素组数据；

步骤S708，将步骤S706或步骤S707中排列出的排布方式呈现到页面；

步骤S709，判断用户是否切换排布样式；若是，则执行步骤S705；否则，执行步骤S710；

步骤S710，结束流程。

其中，步骤S702和步骤S703的执行主体为服务器，其余步骤的执行主体为终端。

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

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例的方法。

根据本申请实施例的另一个方面，还提供了一种页面展示的终端。该终端用于在前述各实施例中完成本申请实施例提供的页面展示的技术方案。因此，在前述各实施例中的本申请实施例提供的页面展示的方法中的描述和定义，可以用于本申请实施例中各执行模块的理解。

图8为根据本申请实施例的一种可选的终端框图，如图8所示，该终端包括：

第一接收模块801，用于接收来自于服务器的第一消息，其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式；

确定模块802，用于基于第一消息携带的样式标识，确定元素组数据的目标排布方式；

第一生成模块803，用于按照目标排布方式对元素组数据进行处理，得到第一页面；

第一展示模块804，用于展示第一页面。

可选地，本申请实施例的装置中各模块实现其功能的具体过程可参见对应的方法实施例中的相关描述，此处不再赘述。

本申请实施例中的终端接收服务器发送的元素组数据以及元素组数据支持的样式标识，终端可以基于元素组数据支持的样式标识确定目标排布方式，从而按照目标排布方式显示页面；由于终端接收的元素组数据支持的样式标识是多样的，故本申请可以根据多样的样式标识进行灵活调整排布方式，进而提高页面展示的灵活性。

作为一种可选实施例，终端还包括：

检测模块，用于在展示第一页面之后，检测对第一页面执行的切换指令，其中，切换指令用于切换元素组数据的排布方式；

选取模块，用于从第一消息携带的多个样式标识中，选取出切换样式标识；

第二生成模块，用于按照切换样式标识所唯一指示的排布方式，对元素组数据进行处理，得到第二页面；

第二展示模块，用于展示第二页面。

作为一种可选实施例，选取模块包括：

第一确定单元，用于在本地缓存中保存有默认样式标识、且默认样式标识属于元素组数据支持的多个样式标识的情况下，将默认样式标识确定为切换样式标识，其中，默认样式标识是根据用户的历史操作数据确定的。

作为一种可选实施例，默认样式标识包括以下至少之一：

用户最近一次打开第一页面时对应的样式标识；

用户最近一次编辑第一页面内的元素组数据确定的排布方式所对应的样式标识；

用户预设时间内浏览频率最高的页面布局对应的样式标识。

作为一种可选实施例，选取模块包括：

获取单元，用于获取并展示多个候选排布方式，候选排布方式为元素组数据支持的多个样式标识所指示的排布方式；

采集单元，用于采集针对多个候选排布方式的第一操作信息，其中，第一操作信息用于表示对多个候选排布方式所执行的选取操作；

第二确定单元，用于将第一操作信息所指示的候选排布方式的样式标识，确定为切换样式标识。

作为一种可选实施例，确定模块包括：

选取单元，用于在第一消息携带的样式标识中选取一个目标样式标识，并将目标样式标识所唯一指示的排布方式确定为目标排布方式；

其中，目标样式标识根据用户的历史操作数据确定；或者，目标样式标识根据第二消息确定，第二消息来自于服务器；或者，目标样式标识根据用户的操作信息确定。

作为一种可选实施例，终端包括：

编辑模块，用于检测对当前显示页面执行的编辑指令，其中，编辑指令用于指示对当前显示页面中的元素组数据进行编辑；

第三展示模块，用于展示当前显示页面的编辑页面；

采集模块，用于采集针对编辑页面的第二操作信息；

第四展示模块，用于按照第二操作信息所指示的排布方式，生成并展示第三页面。

作为一种可选实施例，终端还包括：

第三生成模块，用于当第二操作信息所指示的排布方式不属于第一消息所指示的排布方式时，生成参考样式标识，参考样式标识用于唯一指示第二操作信息所指示的排布方式；

第二发送模块，用于向服务器发送第三消息，第三消息携带第二操作信息所指示的排布方式和参考样式标识。

作为一种可选实施例，第二操作信息用于指示：对当前显示页面的页面布局和/或元素组数据进行编辑；

其中，对当前显示页面的页面布局进行编辑，包括以下至少之一：移动页面元素，移除页面元素；

对当前显示页面的元素组数据进行编辑，包括：调整元素属性。

作为一种可选实施例，元素组数据包括以下元素种类中的至少之一：图片，文字，视频，音频，图形，按钮。

图9为根据本申请实施例的一种可选的服务器框图，如图9所示，该服务器包括：

获取模块901，用于获取元素组数据与元素组数据支持的样式标识；

第一发送模块902，用于向终端发送第一消息，以使得终端基于元素组数据支持的样式标识，确定目标排布方式，并基于目标排布方式生成并展示第一页面；其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式。

作为一种可选实施例，服务器还包括：

第三发送模块，用于在向终端发送第一消息之后，向终端发送第二消息，第二消息用于指示元素组数据支持的多个样式标识中的一个样式标识。

作为一种可选实施例，服务器还包括：

第二接收模块，用于在向终端发送第一消息之后，接收来自于终端的第三消息，第三消息携带第二操作信息所指示的排布方式和参考样式标识；

存储模块，用于存储第二操作信息所指示的排布方式和参考样式标识。

作为一种可选实施例，本申请实施例提供一种系统，该系统包括：终端和服务器；

服务器用于获取元素组数据与元素组数据支持的样式标识，向终端发送第一消息，以使得终端基于元素组数据支持的样式标识，确定目标排布方式，并基于目标排布方式生成并展示第一页面；其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式；

终端与服务器连接，用于接收来自于服务器的第一消息，其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式，基于第一消息携带的样式标识，确定元素组数据的目标排布方式，按照目标排布方式对元素组数据进行处理，得到第一页面，展示第一页面。

本申请实施例还提供了一种电子设备，如图10所示，包括处理器1001、通信接口1002、存储器1003和通信总线1004，其中，处理器1001，通信接口1002，存储器1003通过通信总线1004完成相互间的通信，

存储器1003，用于存放计算机程序；

处理器1001，用于执行存储器1003上所存放的程序时，实现如下步骤：

接收来自于服务器的第一消息，其中，第一消息携带元素组数据与元素组数据支持的样式标识，一个样式标识唯一指示一种排布方式；基于第一消息携带的样式标识，确定元素组数据的目标排布方式；按照目标排布方式对元素组数据进行处理，得到第一页面；展示第一页面。

上述终端提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述终端与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本申请提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的页面展示的方法。

在本申请提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的页面展示的方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

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

以上所述仅是本申请的具体实施方式，使本领域技术人员能够理解或实现本申请。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

Claims (18)

1.一种页面展示的方法，其特征在于，应用于终端，所述方法包括：

接收来自于服务器的第一消息，其中，所述第一消息携带元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式；

基于所述第一消息携带的样式标识，确定所述元素组数据的目标排布方式；

按照所述目标排布方式对所述元素组数据进行处理，得到第一页面；

展示所述第一页面。

2.根据权利要求1所述的方法，其特征在于，所述第一消息携带多个所述样式标识；在所述展示所述第一页面之后，所述方法还包括：

检测对所述第一页面执行的切换指令，其中，所述切换指令用于切换所述元素组数据的排布方式；

从所述第一消息携带的多个所述样式标识中，选取出切换样式标识；

按照所述切换样式标识所唯一指示的排布方式，对所述元素组数据进行处理，得到第二页面；

展示所述第二页面。

3.根据权利要求2所述的方法，其特征在于，所述从所述第一消息携带的多个样式标识中，选取出切换样式标识包括：

在本地缓存中保存有默认样式标识、且所述默认样式标识属于所述元素组数据支持的多个样式标识的情况下，将所述默认样式标识确定为所述切换样式标识，其中，所述默认样式标识是根据用户的历史操作数据确定的。

4.根据权利要求3所述的方法，其特征在于，所述默认样式标识包括以下至少之一：

所述用户最近一次打开所述第一页面时对应的样式标识；

所述用户最近一次编辑所述第一页面内的元素组数据确定的排布方式所对应的样式标识；

所述用户预设时间内浏览频率最高的页面布局对应的样式标识。

5.根据权利要求2所述的方法，其特征在于，所述从所述第一消息携带的多个样式标识中，选取出切换样式标识包括：

获取并展示多个候选排布方式，所述候选排布方式为所述元素组数据支持的多个所述样式标识所指示的排布方式；

采集针对所述多个候选排布方式的第一操作信息，其中，所述第一操作信息用于表示对多个所述候选排布方式所执行的选取操作；

将所述第一操作信息所指示的候选排布方式的样式标识，确定为所述切换样式标识。

6.根据权利要求1所述的方法，其特征在于，所述基于所述第一消息携带的样式标识，确定所述元素组数据的目标排布方式，包括：

在所述第一消息携带的样式标识中选取一个目标样式标识，并将所述目标样式标识所唯一指示的排布方式确定为所述目标排布方式；

其中，所述目标样式标识根据用户的历史操作数据确定；或者，所述目标样式标识根据第二消息确定，所述第二消息来自于所述服务器；或者，所述目标样式标识根据用户的操作信息确定。

7.根据权利要求1-6任一项所述的方法，其特征在于，所述方法还包括：

检测对当前显示页面执行的编辑指令，其中，所述编辑指令用于指示对所述当前显示页面中的所述元素组数据进行编辑；

展示所述当前显示页面的编辑页面；

采集针对所述编辑页面的第二操作信息；

按照所述第二操作信息所指示的排布方式，生成并展示第三页面。

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

当所述第二操作信息所指示的排布方式不属于所述第一消息所指示的排布方式时，生成参考样式标识，所述参考样式标识用于唯一指示所述第二操作信息所指示的排布方式；

向所述服务器发送第三消息，第三消息携带所述第二操作信息所指示的排布方式和所述参考样式标识。

9.根据权利要求7所述的方法，其特征在于，第二操作信息用于指示：对所述当前显示页面的页面布局和/或元素组数据进行编辑；

其中，对所述当前显示页面的页面布局进行编辑，包括以下至少之一：移动页面元素，移除页面元素；

对所述当前显示页面的元素组数据进行编辑，包括：调整元素属性。

10.根据权利要求1所述的方法，其特征在于，所述元素组数据包括以下元素种类中的至少之一：图片，文字，视频，音频，图形，按钮。

11.一种页面展示的方法，其特征在于，应用于服务器，所述方法包括：

获取元素组数据与所述元素组数据支持的样式标识；

向终端发送第一消息，以使得所述终端基于所述元素组数据支持的样式标识，确定目标排布方式，并基于所述目标排布方式生成并展示第一页面；其中，第一消息携带所述元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式。

12.根据权利要求11所述的方法，其特征在于，在所述向终端发送第一消息之后，所述方法还包括：

向终端发送第二消息，所述第二消息用于指示所述元素组数据支持的多个样式标识中的一个样式标识。

13.根据权利要求11所述的方法，其特征在于，在所述向终端发送第一消息之后，所述方法还包括：

接收来自于所述终端的第三消息，所述第三消息携带第二操作信息所指示的排布方式和参考样式标识；

存储所述第二操作信息所指示的所述排布方式和所述参考样式标识。

14.一种终端，其特征在于，所述终端包括：

第一接收模块，用于接收来自于服务器的第一消息，其中，所述第一消息携带元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式；

确定模块，用于基于所述第一消息携带的样式标识，确定所述元素组数据的目标排布方式；

生成模块，用于按照所述目标排布方式对所述元素组数据进行处理，得到第一页面；

展示模块，用于展示所述第一页面。

15.一种服务器，其特征在于，所述服务器包括：

获取模块，用于获取元素组数据与所述元素组数据支持的样式标识；

第一发送模块，用于向终端发送第一消息，以使得所述终端基于所述元素组数据支持的样式标识，确定目标排布方式，并基于所述目标排布方式生成并展示第一页面；其中，第一消息携带所述元素组数据与所述元素组数据支持的样式标识，一个所述样式标识唯一指示一种排布方式。

16.一种系统，所述系统包括：终端和服务器；

所述终端，用于执行权利要求1-10中任一项所述的页面展示的方法；

所述服务器，用于执行权利要求11-13中任一项所述的页面展示的方法。

17.一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；其中：

存储器，用于存放计算机程序；

处理器，用于通过运行存储器上所存放的程序来执行权利要求1至10中任一项所述的页面展示的方法的步骤、或者上述权利要求11至13中任一项所述的页面展示的方法的步骤。

18.一种可读计算机存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序运行时执行上述权利要求1至10中任一项所述的页面展示的方法的步骤，或者上述权利要求11至13中任一项所述的页面展示的方法的步骤。

Images