瀑布流界面显示方法及装置的制造方法
【技术领域】
[0001]本发明涉及网络技术领域,特别涉及一种瀑布流界面显示方法及装置。
【背景技术】
[0002]瀑布流(waterflow),又称瀑布流式布局,是目前较为流行的一种网站页面布局。其视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据并附加至当前的页面尾部。
[0003]当前使用较多的一种瀑布流界面显示方法为传统多列浮动式界面显示方法。其特点是界面中有多列数据,每一列的宽度固定。具体实现时,当服务器接收到终端的数据请求后,服务器根据终端的数据请求以列表(list)形式下发数据单元(data cell)至终端,由终端将接收到的数据单元依次插入到各个列的尾部。数据单元在显示界面上的显示示意图如图1所示。
[0004]在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
[0005]由于传统多列浮动式界面显示方法中列数固定,所以扩展性不好,当需要添加一列时,需要对已有的数据单元排列进行调整,其过程过于复杂;且由于每一列的宽度固定,所以极大地限制了数据单元的显示样式。
【发明内容】
[0006]为了解决现有技术的问题,本发明实施例提供了一种瀑布流界面显示方法及装置。所述技术方案如下:
[0007]第一方面,提供了一种瀑布流界面显示方法,所述方法包括:
[0008]向服务器发送数据获取请求,使得所述服务器根据所述数据获取请求下发多个数据单元及与所述多个数据单元对应的布局因子;
[0009]当接收到所述多个数据单元及与所述多个数据单元对应的布局因子时,对于多个数据单元中的每一个数据单元,根据所述数据单元对应的布局因子,确定所述数据单元的显示框体信息;所述布局因子由所述服务器根据用户访问量生成;
[0010]根据所述多个数据单元的显示框体信息,在显示界面上对所述多个数据单元进行显不O
[0011]第二方面,提供了一种瀑布流界面显示方法,所述方法包括:
[0012]接收终端发送的数据获取请求;
[0013]根据所述数据获取请求,获取多个数据单元及与所述多个数据单元对应的布局因子,所述布局因子根据用户访问量生成;
[0014]将所述多个数据单元及所述多个数据单元对应的布局因子下发至所述终端,以使所述终端根据所述多个数据单元对应的布局因子,确定所述多个数据单元的显示框体信息,并根据所述多个数据单元的显示框体信息,在显示界面上对所述多个数据单元进行显示;
[0015]其中,所述布局因子包括布局权重及布局算法。
[0016]第三方面,提供了一种瀑布流界面显示装置,所述装置包括:
[0017]数据获取请求发送模块,用于向服务器发送数据获取请求,使得所述服务器根据所述数据获取请求下发多个数据单元及与所述多个数据单元对应的布局因子;
[0018]显示框体信息确定模块,用于当接收到所述多个数据单元及与所述多个数据单元对应的布局因子时,对于多个数据单元中的每一个数据单元,根据所述数据单元对应的布局因子,确定所述数据单元的显示框体信息;所述布局因子由所述服务器根据用户访问量生成;
[0019]数据单元显示模块,用于根据所述多个数据单元的显示框体信息,在显示界面上对所述多个数据单元进行显示。
[0020]第四方面,提供了一种瀑布流界面显示装置,所述装置包括:
[0021]数据获取请求接收模块,用于接收终端发送的数据获取请求;
[0022]布局因子获取模块,用于根据所述数据获取请求,获取多个数据单元及与所述多个数据单元对应的布局因子,所述布局因子根据用户访问量生成;
[0023]数据下发模块,用于将所述多个数据单元及所述多个数据单元对应的布局因子下发至所述终端,以使所述终端根据所述多个数据单元对应的布局因子,确定所述多个数据单元的显示框体信息,并根据所述多个数据单元的显示框体信息,在显示界面上对所述多个数据单元进行显示;
[0024]其中,所述布局因子包括布局权重及布局算法。
[0025]本发明实施例提供的技术方案带来的有益效果是:
[0026]当接收到多个数据单元及与多个数据单元对应的布局因子时,根据每一个数据单元对应的布局因子确定数据单元的显示框体信息,并根据多个数据单元的显示框体信息在显示界面上对多个数据单元进行显示,由于引入了布局因子,所以显示界面上的数据单元列数可随意变化,因此该种显示方式扩展性好;且每一列的宽度也可随意变化,所以丰富了数据单元的显示样式,使得瀑布流界面显示更加智能化。
【附图说明】
[0027]为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0028]图1是本发明实施例提供的一种瀑布流界面的显示示意图;
[0029]图2是本发明实施例提供的应用场景系统架构图;
[0030]图3是本发明实施例提供的一种瀑布流界面显示的方法流程图;
[0031]图4是本发明实施例提供的一种瀑布流界面显示的方法流程图;
[0032]图5是本发明实施例提供的一种瀑布流界面显示的方法流程图;
[0033]图6是本发明实施例提供的一种瀑布流界面的显示示意图;
[0034]图7是本发明实施例提供的一种瀑布流界面显示装置的结构示意图;
[0035]图8是本发明实施例提供的一种瀑布流界面显示装置的结构示意图;
[0036]图9是本发明实施例提供的一种终端的结构示意图;
[0037]图10是本发明实施例四提供的一种服务器的结构示意图。
【具体实施方式】
[0038]为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
[0039]在对本发明实施例作详细介绍之前,先对本发明实施例的应用场景给予介绍。参见图2,本发明实施例的典型应用场景为:当用户通过终端进行网页浏览操作时,为了使得终端显示界面上显示的网页布局更加美观,瀑布流界面更加智能化,本发明实施例引入了布局因子,该布局因子根据用户访问量生成,包括布局权重和布局算法。具体步骤包括:终端向服务器发送数据获取请求,使得服务器根据数据获取请求下发多个数据单元及与多个数据单元对应的布局因子;当终端接收到多个数据单元及与多个数据单元对应的布局因子时,对于多个数据单元中的每一个数据单元,根据数据单元对应的布局因子,确定数据单元的显示框体信息;根据多个数据单元的显示框体信息,在显示界面上对多个数据单元进行显示。其中,终端既可指代移动终端,也可指代固定终端,图2仅以终端移动终端为例进行说明。
[0040]图3是本发明实施例提供的一种瀑布流界面显示的方法流程图。以终端执行该方法的角度为例,参见图3,本发明实施例提供的方法流程包括:
[0041]301、向服务器发送数据获取请求,使得服务器根据数据获取请求下发多个数据单元及与多个数据单元对应的布局因子。
[0042]302、当接收到多个数据单元及与多个数据单元对应的布局因子时,对于多个数据单元中的每一个数据单元,根据数据单元对应的布局因子,确定数据单元的显示框体信息;布局因子由服务器根据用户访问量生成。
[0043]303、根据多个数据单元的显示框体信息,在显示界面上对多个数据单元进行显
/Jn ο
[0044]本发明实施例提供的方法,当接收到多个数据单元及与多个数据单元对应的布局因子时,根据每一个数据单元对应的布局因子确定数据单元的显示框体信息,并根据多个数据单元的显示框体信息在显示界面上对多个数据单元进行显示,由于引入了布局因子,所以显示界面上的数据单元列数可随意变化,因此该种显示方式扩展性好;且每一列的宽度也可随意变化,所以丰富了数据单元的显示样式,使得瀑布流界面显示更加智能化。
[0045]可选地,布局因子包括布局权重及布局算法,根据数据单元对应的布局因子,确定数据单元的显示框体信息,包括:
[0046]将数据单元的布局权重作为数据单元的布局算法的输入参数,利用数据单元的布局算法计算数据单元的显示框体信息。
[0047]可选地,显示框体信息中包括显示框体的顶点坐标数据、显示框体的高度值及显示框体的宽度值,根据多个数据单元的显示框体信息,在显示界面上对多个数据单元进行显示,包括:
[0048]对于多个数据单元中的每一个数据单元,根据顶点坐标数据,确定数据单元的显示框体的任一顶点在显示界面中的位置;<