表格数据处理方法、装置、电子设备和存储介质制造方法及图纸

本申请公开了一种表格数据处理方法、装置、电子设备和存储介质。用于解决动态加载网页数据的问题。本申请实施例中，设置三个DOM，第一DOM、第二DOM、第三DOM；其中，在目标表格中创建第二DOM，在第二DOM中创建第一DOM，在第一DOM中创建第三DOM，故此，第一DOM可相对于第二DOM运动，第三DOM可相对于第一DOM运动，由此，在动态展示数据时候，可依据需求动态加载数据。

【技术实现步骤摘要】
表格数据处理方法、装置、电子设备和存储介质
本申请涉及大数据网页开发
，尤其涉及一种表格数据处理方法、装置、电子设备和存储介质。
技术介绍
随着互联网技术的进步，在大数据相关的网页开发领域，经常会出现在网页上一次性展示成千上万条数据的需求。但是网页一次性加载海量数据的同时会创建海量的文档对象模型（DocumentObjectModel,DOM），该方式及其耗费性能，同时会极易造成网页卡死。相关技术中所采用的动态加载数据的方式中，存在网页重排、重绘的问题，同时会导致性能降低，网页加载速度变慢的问题。为了平衡大数据表格展示功能和渲染海量数据带来的性能问题，急需一种更好的动态加载数据的方式。
技术实现思路
本申请的目的是提供一种表格数据处理方法、装置、电子设备和存储介质，用于解决动态加载网页数据。第一方面，本申请实施例提供了一种表格数据处理方法，包括：响应于在网页中展示表格数据的展示请求，基于目标表格的尺寸配置第一文档对象模型DOM的尺寸，其中，所述第一DOM的长度不小于所述目标表格的长度，所本文档来自技高网...

【技术保护点】
1.一种表格数据处理方法，其特征在于，所述方法包括：/n响应于在网页中展示表格数据的展示请求，基于目标表格的尺寸配置第一文档对象模型DOM的尺寸，其中，所述第一DOM的长度不小于所述目标表格的长度，所述第一DOM的宽度不小于所述目标表格的宽度；/n基于所述第一DOM与第二DOM的相对位置参数，确定所述目标表格内落入所述第二DOM的尺寸范围内的数据范围作为可视数据范围；其中，所述第一DOM为所述第二DOM的子元素；所述第二DOM的尺寸为第一尺寸；且所述第二DOM的尺寸小于所述第一DOM的尺寸；/n基于第三DOM与所述第一DOM的相对位置参数，确定所述可视数据范围内落入所述第三DOM的尺寸范围内的...

【技术特征摘要】
1.一种表格数据处理方法，其特征在于，所述方法包括：
响应于在网页中展示表格数据的展示请求，基于目标表格的尺寸配置第一文档对象模型DOM的尺寸，其中，所述第一DOM的长度不小于所述目标表格的长度，所述第一DOM的宽度不小于所述目标表格的宽度；
基于所述第一DOM与第二DOM的相对位置参数，确定所述目标表格内落入所述第二DOM的尺寸范围内的数据范围作为可视数据范围；其中，所述第一DOM为所述第二DOM的子元素；所述第二DOM的尺寸为第一尺寸；且所述第二DOM的尺寸小于所述第一DOM的尺寸；
基于第三DOM与所述第一DOM的相对位置参数，确定所述可视数据范围内落入所述第三DOM的尺寸范围内的数据范围作为待展示数据范围；其中，所述第三DOM为所述第一DOM的子元素；所述第三DOM的尺寸为第二尺寸；且所述第二尺寸大于或等于所述第一尺寸；
获取所述目标表格内所述待展示数据范围内的表格数据进行展示。


2.根据权利要求1所述的方法，其特征在于，所述第二DOM支持滚动条，所述基于所述第一DOM与第二DOM的相对位置参数，确定所述目标表格内落入所述第二DOM的尺寸范围内的数据范围作为可视数据范围之前，所述方法还包括：
响应于对所述滚动条的滚动操作，每间隔预设时间检测一次所述基于所述第一DOM与第二DOM的相对位置参数，确定所述目标表格内落入所述第二DOM的尺寸范围内的数据范围作为可视数据范围的操作。


3.根据权利要求1所述的方法，其特征在于，所述基于所述第三DOM与第一DOM的相对位置参数，确定所述可视数据范围内落入所述第三DOM的尺寸范围内的数据范围作为待展示数据范围之前，所述方法还包括：
获取所述第三DOM相对于所述第二DOM的位置关系；
若所述第三DOM不在所述第二DOM对应的第一DOM的位置上，则根据所述第一DOM相对于所述第二DOM的位置关系，将所述第三DOM移动到所述第二DOM对应的第一DOM的位置上。


4.根据权利要求3所述的方法，其特征在于，所述根据所述第一DOM相对于所述第二DOM的位置关系，将所述第三DOM移动到所述第二DOM对应的第一DOM的位置上，包括：
根据所述第一DOM相对于所述第二DOM的移动方向确定所述第一DOM相对所述第二DOM的第一位置坐标；
根据所述第一DOM的第一位置坐标确定所述第二DOM中的数据起点；
根据所述数据起点确定所述第三DOM相对于所述第一DOM的第二位置坐标；
将所述第三DOM移动到所述第二位置坐标处。


5.根据权利要求4所述的方法，其特征在于，所述将所述第三DOM移动到所述第二位置坐标处，包括：
修改层叠样式表的转换属性为与所述第二位置坐标对应的属性值。


6.根据权利要求1-5任一所述的方法，其特征在于，所述基于所述第一DOM与第二DOM的相对位置参数，确定所述目标表格内落入所述第二DOM的尺寸范围内的数据范围作为可视数据范围，包括：
基于所述第一DOM相对于所述第二DOM的当前位置确定所述第二DOM内的起始数据位置；
基于所述目标表格中所述起始数据位置以及所述第二DOM的尺寸确定所述可视数据范围。


7.根据权利要求6所述的方法，其特征在于，所述基于所述第一DOM相对于所述第二DOM的当前位置确定所述第二DOM内的起始数据位置，包括：
采用所述第二DOM的当前位置中的横向坐标位置除以所述目标表格的预设列宽得到所述起始数据位置的起始列；以及，
采用所述第二DOM的当前位置中的纵向坐标位置除以所述目标表格的预设行高得到基准行数得到所述起始数据位置的起始行。


8.根据权利要求7所述的方法，其特征在于，所述基于所述目标表格中所述起始数据位置以及所述第二DOM的尺寸确定所述可视数据范围，包括：
采用所述第二DOM的宽度除以所述目标表格的所述预设列宽，得到所述第二DOM内包含的总列数；并，从所述列开始获取所述总列数的表格数据作为所述可视数据范围中可视列数据；
采用所述第二DOM的高度除以所述目标表格的预设行高，得到所述第二DOM内包含的总行数；并，从所述起始行开始获取所述总行数的表格数据作为所述可视数据范围中可视行数据。


9.根据权利要求1所述的方法，其特征在于，所述获取所述目标表格内所述待展示数据范围内的表格数据进行展示之前，所述方法还包括：
若所述待展示数据范围内包括未加载数据，则从服务器中获取所述未加载数据。


10.一种表格数据处理装置，其特征在于，所述装置包括：
区域确定模块，被配置为响应于在网页中展示表格数据的展示请求，基于目标表格的尺寸配置第一文档对象模型DOM的尺寸，其中，...

【专利技术属性】
技术研发人员：李先营，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京;11