一种页面数据显示方法、装置及电子设备制造方法及图纸

技术编号:37257379 阅读:26 留言:0更新日期:2023-04-20 23:33
本申请公开了一种页面数据显示方法、装置及电子设备,涉及计算机处理技术领域,以解决现有页面数据展示效果较差的问题。该方法包括:在检测到对目标页面的数据的第一请求操作的情况下,基于目标页面的大小,确定目标页面的数据展示区,并设定第一延迟时长;分别确定目标页面中对应数据展示区的N条待显示数据的高度;根据N条待显示数据的高度和数据展示区的高度,确定数据展示区中待显示的数据条数L;在数据展示区中显示N条待显示数据中的L条数据;在第一延迟时长内检测到对目标页面的第二操作的情况下,不执行第二操作对应的事件。本申请实施例可解决大量数据导入页面时的页面卡顿问题,且相比现有分页展示方式更为灵活,展示效果更好。展示效果更好。展示效果更好。

【技术实现步骤摘要】
一种页面数据显示方法、装置及电子设备


[0001]本申请涉及计算机处理
,尤其涉及一种页面数据显示方法、装置及电子设备。

技术介绍

[0002]在实际应用中,经常会遇到需要请求大量页面数据的情况,而现有技术中,对于海量页面数据的展示,通常是采用表格分页展示的方式,即服务器不会一次性返回所有的数据,而是分批次返回和渲染数据,这种方式下用户一次只能查看一页固定条数的数据。而采用一次性加载页面全部数据的方式,则容易出现页面卡顿的问题。可见,现有页面数据展示效果较差。

技术实现思路

[0003]本申请实施例提供一种页面数据显示方法、装置及电子设备,以解决现有页面数据展示效果较差的问题。
[0004]第一方面,本申请实施例提供了一种页面数据显示方法,包括:
[0005]在检测到对目标页面的数据的第一请求操作的情况下,基于所述目标页面的大小,确定所述目标页面的数据展示区,并设定第一延迟时长;
[0006]分别确定所述目标页面中对应所述数据展示区的N条待显示数据的高度,N为大于1的整数;
[0007]根据所述N条待显示数据的高度和所述数据展示区的高度,确定所述数据展示区中待显示的数据条数L,L为大于1的整数;
[0008]在所述数据展示区中显示所述N条待显示数据中的L条数据;
[0009]其中,在所述第一延迟时长内检测到对所述目标页面的第二操作的情况下,不执行所述第二操作对应的事件。
[0010]可选地,所述设定第一延迟时长之后,所述方法还包括:
>[0011]在所述第一延迟时长后检测到对所述目标页面的滚动操作的情况下,根据所述滚动操作的滚动参数,确定所述目标页面的数据缓冲区,以及分别确定所述目标页面中对应所述数据缓冲区的M条待显示数据的高度,M为正整数;
[0012]根据所述M条待显示数据的高度和所述数据缓冲区的高度,确定所述数据缓冲区中待显示的数据条数K,K为正整数;
[0013]在所述数据缓冲区中显示所述M条待显示数据中的K条数据。
[0014]可选地,所述滚动操作的滚动方向为向所述数据展示区的下方滚动时,所述数据缓冲区为所述目标页面中于所述数据展示区之下,且与所述数据展示区相接的区域;
[0015]所述滚动操作的滚动方向为向所述数据展示区的上方滚动时,所述数据缓冲区为所述目标页面中于所述数据展示区之上,且与所述数据展示区相接的区域。
[0016]可选地,所述分别确定所述目标页面中对应所述数据展示区的N条待显示数据的
高度,包括:
[0017]获取所述N条待显示数据的位置信息;
[0018]基于所述N条待显示数据中每相邻两条待显示数据的位置信息差,确定所述N条待显示数据中每条待显示数据的高度。
[0019]可选地,所述根据所述N条待显示数据的高度和所述数据展示区的高度,确定所述数据展示区中待显示的数据条数L,包括:
[0020]基于第一条件,确定所述L的值,其中,所述第一条件为所述N条待显示数据中的L条数据的高度之和大于或等于所述数据展示区的高度。
[0021]可选地,所述L的值为所述第一条件成立时L的最小取值。
[0022]可选地,在所述L条数据超出所述数据展示区的情况下,所述L条数据中超出所述数据展示区的数据加载在待显示的目标缓冲区,所述目标缓冲区与所述数据展示区相接。
[0023]可选地,所述设定第一延迟时长之后,所述方法还包括:
[0024]在所述第一延迟时长内检测到对所述目标页面的第三操作的情况下,清除所述第一延迟时长,并重新设定第二延迟时长;
[0025]在所述第二延迟时长后检测到对所述目标页面的第四操作的情况下,执行所述第四操作对应的事件。
[0026]第二方面,本申请实施例还提供一种页面数据显示装置,包括:
[0027]第一确定模块,用于在检测到对目标页面的数据的第一请求操作的情况下,基于所述目标页面的大小,确定所述目标页面的数据展示区,并设定第一延迟时长;
[0028]第二确定模块,用于分别确定所述目标页面中对应所述数据展示区的N条待显示数据的高度,N为大于1的整数;
[0029]第三确定模块,用于根据所述N条待显示数据的高度和所述数据展示区的高度,确定所述数据展示区中待显示的数据条数L,L为大于1的整数;
[0030]第一显示模块,用于在所述数据展示区中显示所述N条待显示数据中的L条数据;
[0031]其中,在所述第一延迟时长内检测到对所述目标页面的第二操作的情况下,不执行所述第二操作对应的事件。
[0032]可选地,所述页面数据显示装置包括:
[0033]第四确定模块,用于在所述第一延迟时长后检测到对所述目标页面的滚动操作的情况下,根据所述滚动操作的滚动参数,确定所述目标页面的数据缓冲区,以及分别确定所述目标页面中对应所述数据缓冲区的M条待显示数据的高度,M为正整数;
[0034]第五确定模块,用于根据所述M条待显示数据的高度和所述数据缓冲区的高度,确定所述数据缓冲区中待显示的数据条数K,K为正整数;
[0035]第二显示模块,用于在所述数据缓冲区中显示所述M条待显示数据中的K条数据。
[0036]可选地,所述滚动操作的滚动方向为向所述数据展示区的下方滚动时,所述数据缓冲区为所述目标页面中于所述数据展示区之下,且与所述数据展示区相接的区域;
[0037]所述滚动操作的滚动方向为向所述数据展示区的上方滚动时,所述数据缓冲区为所述目标页面中于所述数据展示区之上,且与所述数据展示区相接的区域。
[0038]可选地,所述第二确定模块包括:
[0039]获取单元,用于获取所述N条待显示数据的位置信息;
[0040]确定单元,用于基于所述N条待显示数据中每相邻两条待显示数据的位置信息差,确定所述N条待显示数据中每条待显示数据的高度。
[0041]可选地,所述第三确定模块用于基于第一条件,确定所述L的值,其中,所述第一条件为所述N条待显示数据中的L条数据的高度之和大于或等于所述数据展示区的高度。
[0042]可选地,所述L的值为所述第一条件成立时L的最小取值。
[0043]可选地,在所述L条数据超出所述数据展示区的情况下,所述L条数据中超出所述数据展示区的数据加载在待显示的目标缓冲区,所述目标缓冲区与所述数据展示区相接。
[0044]可选地,所述页面数据显示装置包括:
[0045]处理模块,用于在所述第一延迟时长内检测到对所述目标页面的第三操作的情况下,清除所述第一延迟时长,并重新设定第二延迟时长;
[0046]执行模块,用于在所述第二延迟时长后检测到对所述目标页面的第四操作的情况下,执行所述第四操作对应的事件。
[0047]第三方面,本申请实施例还提供一种电子设备,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如上所述本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面数据显示方法,其特征在于,包括:在检测到对目标页面的数据的第一请求操作的情况下,基于所述目标页面的大小,确定所述目标页面的数据展示区,并设定第一延迟时长;分别确定所述目标页面中对应所述数据展示区的N条待显示数据的高度,N为大于1的整数;根据所述N条待显示数据的高度和所述数据展示区的高度,确定所述数据展示区中待显示的数据条数L,L为大于1的整数;在所述数据展示区中显示所述N条待显示数据中的L条数据;其中,在所述第一延迟时长内检测到对所述目标页面的第二操作的情况下,不执行所述第二操作对应的事件。2.根据权利要求1所述的方法,其特征在于,所述设定第一延迟时长之后,所述方法还包括:在所述第一延迟时长后检测到对所述目标页面的滚动操作的情况下,根据所述滚动操作的滚动参数,确定所述目标页面的数据缓冲区,以及分别确定所述目标页面中对应所述数据缓冲区的M条待显示数据的高度,M为正整数;根据所述M条待显示数据的高度和所述数据缓冲区的高度,确定所述数据缓冲区中待显示的数据条数K,K为正整数;在所述数据缓冲区中显示所述M条待显示数据中的K条数据。3.根据权利要求2所述的方法,其特征在于,所述滚动操作的滚动方向为向所述数据展示区的下方滚动时,所述数据缓冲区为所述目标页面中于所述数据展示区之下,且与所述数据展示区相接的区域;所述滚动操作的滚动方向为向所述数据展示区的上方滚动时,所述数据缓冲区为所述目标页面中于所述数据展示区之上,且与所述数据展示区相接的区域。4.根据权利要求1所述的方法,其特征在于,所述分别确定所述目标页面中对应所述数据展示区的N条待显示数据的高度,包括:获取所述N条待显示数据的位置信息;基于所述N条待显示数据中每相邻两条待显示数据的位置信息差,确定所述N条待显示数据中每条待显示数据的高度。5.根据权利要求1所述的方法,其特征在于,所述根据所述N条待显示数据的高度和所述数据展示区的高度,确定所述数据展示区中待显示的数...

【专利技术属性】
技术研发人员:汪新园
申请(专利权)人:中移智行网络科技有限公司中国移动通信集团有限公司
类型:发明
国别省市:

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

1