页面展示方法及装置制造方法及图纸

技术编号:14854451 阅读:62 留言:0更新日期:2017-03-18 21:50
本申请提供一种页面展示方法及装置,该方法可以包括:获取页面数据,并将所述页面数据渲染为对应的展示页面;按照预设维度创建多个分组,且所述展示页面中的展示对象被划分至对应的分组中;将所述展示页面显示于终端的显示屏中;其中,所述展示页面中每个分组的展示对象的展示属性相同,且所述展示属性匹配于所述终端的类型。通过本申请的技术方案,可以根据终端类型对同一页面进行区别化的展示,以适应于该终端的实际类型,有助于提升用户的使用体验。

【技术实现步骤摘要】

本申请涉及终端
,尤其涉及页面展示方法及装置
技术介绍
在相关技术中,同一页面在不同终端上的展示效果往往相同,以希望用户在不同终端上分别浏览该页面时,能够得到相同的浏览体验。然而,由于不同终端之间的页面展示效果并不相同,甚至可能存在较大差异,导致用户实际得到的浏览体验也不尽相同。
技术实现思路
有鉴于此,本申请提供一种页面展示方法及装置,可以根据终端类型对同一页面进行区别化的展示,以适应于该终端的实际类型,有助于提升用户的使用体验。为实现上述目的,本申请提供技术方案如下:根据本申请的第一方面,提出了一种页面展示方法,包括:获取页面数据,并将所述页面数据渲染为对应的展示页面;按照预设维度创建多个分组,且所述展示页面中的展示对象被划分至对应的分组中;将所述展示页面显示于终端的显示屏中;其中,所述展示页面中每个分组的展示对象的展示属性相同,且所述展示属性匹配于所述终端的类型。根据本申请的第二方面,提出了一种页面展示装置,包括:数据获取单元,获取页面数据,并将所述页面数据渲染为对应的展示页面;对象分组单元,按照预设维度创建多个分组,且所述展示页面中的展示对象被划分至对应的分组中;页面显示单元,将所述展示页面显示于终端的显示屏中;其中,所述展示页面中每个分组的展示对象的展示属性相同,且所述展示属性匹配于所述终端的类型。由以上技术方案可见,本申请通过对展示对象进行分组,可以根据终端的类型来配置各组展示对象的展示属性,从而使同一展示页面的展示效果与终端的类型相关,而非所有终端都相同,有助于用户在每种类型的终端上得到最佳的浏览体验。附图说明图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所示,可以对“频繁使用”分组的展示对象进行详情展示,以便用户及时浏览和获得相应的展示对象的描述内容,或更本文档来自技高网...
页面展示方法及装置

【技术保护点】
一种页面展示方法,其特征在于,包括:获取页面数据,并将所述页面数据渲染为对应的展示页面;按照预设维度创建多个分组,且所述展示页面中的展示对象被划分至对应的分组中;将所述展示页面显示于终端的显示屏中;其中,所述展示页面中每个分组的展示对象的展示属性相同,且所述展示属性匹配于所述终端的类型。

【技术特征摘要】
1.一种页面展示方法,其特征在于,包括:获取页面数据,并将所述页面数据渲染为对应的展示页面;按照预设维度创建多个分组,且所述展示页面中的展示对象被划分至对应的分组中;将所述展示页面显示于终端的显示屏中;其中,所述展示页面中每个分组的展示对象的展示属性相同,且所述展示属性匹配于所述终端的类型。2.根据权利要求1所述的方法,其特征在于,还包括:获取所述终端的类型;根据预定义的终端类型、维度信息和展示属性之间的对应关系,确定对应于所述终端的类型和所述预设维度的展示属性,以用于展示各个分组的展示对象。3.根据权利要求1所述的方法,其特征在于,还包括:接收来自服务器的页面配置数据;解析出所述页面配置数据中包含的所述预设维度下的各个分组对应的展示属性,以用于展示各个分组的展示对象。4.根据权利要求1所述的方法,其特征在于,还包括:在所述展示页面中配置与各个分组一一对应的多个显示区域;在每个显示区域中,对相应分组的展示对象进行集中展示。5.根据权利要求1所述的方法,其特征在于,还包括:根据接收到的用户编辑指令,调整所述展示页面中的展示对象的所属分组。6.根据权利要求1所述的方法,其特征在于,所述展示属性包括以下至少之一:每个展示对象的展示区域大小、每个展示对象的展示信息详细程度。7.一种页面展示装置,其特征在于,包括:数据获取单元,获取页面数据,并将所述页...

【专利技术属性】
技术研发人员:周欣荣
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1