本发明涉及互联网,具体涉及加载web表格的方法、装置、计算机设备及存储介质。
背景技术:
1、随着互联网技术的发展,表格是网络(web)中常见的一种展示数据的形式。但是,当使用web表格展示的数据量过大时,web表格加载较慢,表格数据会显示很慢,容易造成浏览器页面卡顿,甚至可能造成浏览器页面崩溃。
技术实现思路
1、有鉴于此,本发明提供了一种加载web表格的方法、装置、计算机设备及存储介质,以解决web表格加载较慢的问题。
2、第一方面,本发明提供了一种加载web表格的方法,包括:
3、预先设置无数据的共享表格;所述共享表格中定义有web应用中多个表格数据所需的样式列;
4、预加载所述共享表格,且所述共享表格初始为隐藏状态;
5、获取需要显示的列配置和web表格数据;所述列配置包括与共享表格中需要显示的列相对应的列参数;
6、将所述共享表格中与所述列配置的列参数所对应的样式列修改为显示状态,并根据所述web表格数据对所述共享表格中的相应单元格进行赋值;
7、显示赋值后的共享表格。
8、在一些可选的实施方式中,所述预先设置无数据的共享表格,包括:
9、预先确定每种样式列所需的数量,并确定所有样式列的所需数量之和n;所述样式列包括:纯文本列、纯图标列、图标文本列、进度条列、容量条列中的至少一种;
10、确定当前场景中需要显示数据的最大条数m;
11、生成m×n的无数据的共享表格;所述共享表格中的列与所需的样式列一一对应。
12、在一些可选的实施方式中,该方法还包括:定义用于管理所述共享表格的管理器;
13、所述将所述共享表格中与所述列配置的列参数所对应的样式列修改为显示状态,并根据所述web表格数据对所述共享表格中的相应单元格进行赋值,包括:
14、基于所述管理器将所述共享表格中与所述列配置的列参数所对应的样式列修改为显示状态;
15、基于所述管理器将所述web表格数据中的数据赋值给所述共享表格中的相应单元格,并将所述共享表格中的相应单元格修改为显示状态。
16、在一些可选的实施方式中,所述管理器的属性包括:所述共享表格中的列dom元素和所述共享表格中的单元格dom元素;其中,不同样式列中的单元格dom元素定义相应的成员;
17、所述列配置中的每个列参数均包括:表示所述共享表格中所对应列号的索引值、相应列的列标题以及用于指代相应列的列名称;
18、所述web表格数据包括多个需要显示的数据对象,每个所述数据对象包括一行需要显示的成员;所述数据对象中的成员与所述列配置中的列名称一一对应;
19、所述基于所述管理器将所述共享表格中与所述列配置的列参数所对应的样式列修改为显示状态,包括:
20、遍历所述列配置,将所述共享表格中与所述索引值相对应的列dom元素的文本内容修改为所述索引值所对应的列标题,并将所述共享表格中与所述索引值相对应的列dom元素从隐藏状态修改为显示状态;
21、所述基于所述管理器将所述web表格数据中的数据赋值给所述共享表格中的相应单元格,并将所述共享表格中的相应单元格修改为显示状态,包括:
22、遍历所述web表格数据,将所述web表格数据中第i个数据对象的第k个列名称的成员属性赋值给所述共享表格中第i行第a列的单元格dom元素;a为所述第k个列名称所对应的索引值;
23、将第i行第a列的单元格dom元素从隐藏状态修改为显示状态。
24、在一些可选的实施方式中,所述web表格数据中数据对象的数据格式为:griddata[i][colsconf[k].name];其中,i表示行号,colsconf[k].name表示所述列配置中第k个列参数的列名称;griddata[i][colsconf[k].name]表示第i行数据对象中名称为colsconf[k].name的成员;
25、所述将所述web表格数据中第i个数据对象的第k个列名称的成员属性赋值给所述共享表格中第i行第a列的单元格dom元素;a为所述第k个列名称所对应的索引值,包括:
26、将所述web表格数据中成员griddata[i][colsconf[k].name]的成员属性,赋值给所述共享表格中的domcells[i][colsconf[k].index];其中,colsconf[k].index表示所述列配置中第k个列参数的索引值,domcells[i][colsconf[k].index]表示所述共享表格中第i行第colsconf[k].index列单元格的dom元素。
27、在一些可选的实施方式中,所述管理器的属性还包括:所述共享表格的dom元素;
28、所述方法还包括:
29、根据所述共享表格的dom元素调整所述共享表格的显示位置和显示大小,并将所述共享表格的dom元素从隐藏状态修改为显示状态。
30、在一些可选的实施方式中,所述方法还包括:
31、在不需要显示所述web表格数据的情况下,将所述共享表格调整为隐藏状态。
32、第二方面,本发明提供了一种加载web表格的装置,包括:
33、预设模块,用于预先设置无数据的共享表格;所述共享表格中定义有web应用中多个表格数据所需的样式列;
34、预加载模块,用于预加载所述共享表格,且所述共享表格初始为隐藏状态;
35、获取模块,用于获取需要显示的列配置和web表格数据;所述列配置包括与共享表格中需要显示的列相对应的列参数;
36、处理模块,用于将所述共享表格中与所述列配置的列参数所对应的样式列修改为显示状态,并根据所述web表格数据对所述共享表格中的相应单元格进行赋值;
37、显示模块,用于显示赋值后的共享表格。
38、第三方面,本发明提供了一种计算机设备,包括:存储器和处理器,存储器和处理器之间互相通信连接,存储器中存储有计算机指令,处理器通过执行计算机指令,从而执行上述第一方面或其对应的任一实施方式的加载web表格的方法。
39、第四方面,本发明提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机指令,计算机指令用于使计算机执行上述第一方面或其对应的任一实施方式的加载web表格的方法。
40、本发明通过分析需要显示的web表格数据的显示样式,提前定义表格数据全部样式列,构建无数据且初始隐藏的共享表格,提前预加载该共享表格,使得在加载需要显示的web表格数据时,不需要添加或删除dom元素,即当需要展示web表格数据时,仅修改共享表格中dom元素的文本内容、样式属性等属性,无需重新生成和加载dom元素,省去了web页面耗时较多的dom元素生成和加载操作,大大节省了web表格数据的显示时间,有效提高了加载效率。并且,使用统一的共享表格显示不同的表格数据,也有利于web应用中表格数据风格的高度统一。
1.一种加载web表格的方法,其特征在于,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述预先设置无数据的共享表格,包括:
3.根据权利要求1所述的方法,其特征在于,还包括:
4.根据权利要求3所述的方法,其特征在于,所述管理器的属性包括:所述共享表格中的列dom元素和所述共享表格中的单元格dom元素;其中,不同样式列中的单元格dom元素定义相应的成员;
5.根据权利要求4所述的方法,其特征在于,所述web表格数据中数据对象的数据格式为:griddata[i][colsconf[k].name];其中,i表示行号,colsconf[k].name表示所述列配置中第k个列参数的列名称;griddata[i][colsconf[k].name]表示第i行数据对象中名称为colsconf[k].name的成员;
6.根据权利要求3所述的方法,其特征在于,所述管理器的属性还包括:所述共享表格的dom元素;
7.根据权利要求1所述的方法,其特征在于,还包括:
8.一种加载web表格的装置,其特征在于,所述装置包括:
9.一种计算机设备,其特征在于,包括:
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机指令,所述计算机指令用于使计算机执行权利要求1至7中任一项所述的加载web表格的方法。
