数据处理方法、装置、设备和存储介质与流程

    专利2025-12-17  7


    本发明涉及数据处理,尤其涉及数据处理方法、装置、设备和存储介质。


    背景技术:

    1、随着信息化技术的发展,各种信息化的web应用系统越来越多,对于页面上展示大量列表数据的场景,尤其是管理类系统的开发过程中,需要浏览器对长列表数据进行渲染。但是,数据量较大,渲染过程中,页面会出现卡顿甚至白屏,还可能导致浏览器崩溃。


    技术实现思路

    1、本发明提供了一种数据处理方法、装置、设备和存储介质,以提高渲染效率。

    2、根据本发明的一方面,提供了一种数据处理方法,应用于目标组件中,该方法包括:

    3、响应于用户针对滚动控件的触发操作,确定滚动距离;

    4、基于所述滚动距离以及与至少一个数据元素相对应的显示高度数据,确定与显示区域相对应的起始数据索引;

    5、基于所述起始数据索引和所述显示高度数据,分别确定滚动偏移量以及与所述显示区域相对应的结束数据索引;

    6、基于所述起始数据索引和结束数据索引,确定与所述显示区域相对应的待渲染数据,以基于所述滚动偏移量将所述待渲染数据渲染至所述显示区域。

    7、进一步的,所述方法还包括:

    8、确定所述显示高度数据;

    9、所述确定所述显示高度数据,包括:

    10、根据与所述至少一个数据元素相对应的预设显示高度数值,确定所述显示高度数据;

    11、在检测到用户输入的与所述至少一个数据元素相对应的显示高度数值的条件下,基于所述显示高度数值更新所述显示高度数据。

    12、进一步的,所述基于所述滚动距离以及与至少一个数据元素相对应的显示高度数据,确定与显示区域相对应的起始数据索引,包括:

    13、基于所述滚动距离与所述显示高度数据的比值,确定与所述显示区域相对应的起始数据索引。

    14、进一步的,确定所述结束数据索引,包括:

    15、基于所述显示高度数据,以及,与所述显示区域相对应的区域高度数据,确定与所述显示区域相对应的显示数据量;

    16、基于所述显示数据量与所述起始数据索引,确定所述结束数据索引。

    17、进一步的,确定所述滚动偏移量,包括:

    18、基于所述起始数据索引,与所述滚动区域相对应的滚动起始数据,以及所述显示高度数据,确定所述滚动偏移量。

    19、进一步的,所述方法还包括:

    20、对所述显示高度数据和/或所述滚动偏移量进行缓存。

    21、进一步的,所述基于所述起始数据索引和结束数据索引,确定与所述显示区域相对应的待渲染数据,包括:

    22、将所述起始数据索引到所述结束数据索引的所有数据元素,作为所述待渲染数据。

    23、根据本发明的另一方面,提供了一种数据处理装置,配置于目标组件中,该装置包括:

    24、滚动距离确定模块,用于响应于用户针对滚动控件的触发操作,确定滚动距离;

    25、起始索引确定模块,用于基于所述滚动距离以及与至少一个数据元素相对应的显示高度数据,确定与显示区域相对应的起始数据索引;

    26、结束索引确定模块,用于基于所述起始数据索引和所述显示高度数据,分别确定滚动偏移量以及与所述显示区域相对应的结束数据索引;

    27、渲染数据确定模块,用于基于所述起始数据索引和结束数据索引,确定与所述显示区域相对应的待渲染数据,以基于所述滚动偏移量将所述待渲染数据渲染至所述显示区域。

    28、根据本发明的另一方面,提供了一种电子设备,该电子设备包括:

    29、至少一个处理器;以及

    30、与至少一个处理器通信连接的存储器;其中,

    31、存储器存储有可被至少一个处理器执行的计算机程序,计算机程序被至少一个处理器执行,以使至少一个处理器能够执行本发明任一实施例的数据处理方法。

    32、根据本发明的另一方面,提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机指令,计算机指令用于使处理器执行时实现本发明任一实施例的数据处理方法。

    33、本发明实施例的技术方案,响应于用户针对滚动控件的触发操作,确定滚动距离;基于滚动距离以及与至少一个数据元素相对应的显示高度数据,确定与显示区域相对应的起始数据索引;基于起始数据索引和显示高度数据,分别确定滚动偏移量以及与显示区域相对应的结束数据索引;基于起始数据索引和结束数据索引,确定与显示区域相对应的待渲染数据,以基于滚动偏移量将待渲染数据渲染至显示区域。解决了渲染效率较低的问题,减少渲染时间,提高渲染效率和用户体验。

    34、应当理解,本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征,也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。



    技术特征:

    1.一种数据处理方法,其特征在于,应用于目标组件中,所述方法包括:

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

    3.根据权利要求1所述的方法,其特征在于,所述基于所述滚动距离以及与至少一个数据元素相对应的显示高度数据,确定与显示区域相对应的起始数据索引,包括:

    4.根据权利要求1所述的方法,其特征在于,确定所述结束数据索引,包括:

    5.根据权利要求1所述的方法,其特征在于,确定所述滚动偏移量,包括:

    6.根据权利要求1所述的方法,其特征在于,所述方法还包括:

    7.根据权利要求1所述的方法,其特征在于,所述基于所述起始数据索引和结束数据索引,确定与所述显示区域相对应的待渲染数据,包括:

    8.一种数据处理装置,其特征在于,配置于目标组件中,所述装置包括:

    9.一种电子设备,其特征在于,所述电子设备包括:

    10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的数据处理方法。


    技术总结
    本发明公开了一种数据处理方法、装置、设备和存储介质。其中,方法包括:响应于用户针对滚动控件的触发操作,确定滚动距离;基于滚动距离以及与至少一个数据元素相对应的显示高度数据,确定与显示区域相对应的起始数据索引;基于起始数据索引和显示高度数据,分别确定滚动偏移量以及与显示区域相对应的结束数据索引;基于起始数据索引和结束数据索引,确定与显示区域相对应的待渲染数据,以基于滚动偏移量将待渲染数据渲染至显示区域。解决了渲染效率较低的问题,减少渲染时间,提高渲染效率和用户体验。

    技术研发人员:赵文娟
    受保护的技术使用者:中国农业银行股份有限公司
    技术研发日:
    技术公布日:2024/4/29
    转载请注明原文地址:https://wp.8miu.com/read-93076.html

    最新回复(0)