[发明专利]基于表格组件的数据渲染方法、系统、设备及存储介质

权利要求书

1.一种基于表格组件的数据渲染方法，其特征在于,包括如下步骤：

表格数据获取步骤：获取需要渲染的数据，将所述数据按照数组对象的格式进行组装，获取表格数据；

表格配置步骤：配置表格的行信息和列信息；

表格数据渲染步骤：调用表格组件，将所述表格数据根据所述行信息和所述列信息传入所述表格组件，完成渲染，获取目标表格；

表格UI重绘步骤：基于表格容器参数对所述目标表格的UI进行重绘，将整个所述目标表格显示在视窗内。

2.如权利要求1所述的基于表格组件的数据渲染方法，其特征在于，所述表格数据渲染步骤具体包括以下步骤：

表格容器创建步骤：创建表格容器；

表格数据接收步骤：接收所述表格数据，并将所述表格数据存储在所述表格组件中的存储容器中；

表格信息接收步骤：接收所述行信息和所述列信息，调用格式化数据的方法，将所述表格数据按照层级以及所述行信息和所述列信息重新组装；

数据解析步骤：解析重新组装后的所述表格数据，对所述表格数据进行预处理；

数据渲染步骤：调用预处理好的所述表格数据，结合渲染层HTML，完成对所述表格数据的渲染。

3.如权利要求2所述的基于表格组件的数据渲染方法，其特征在于，所述表格UI重绘步骤具体包括以下步骤：

表格特征参数获取步骤：获取所述目标表格的表头参数以及表格特征参数；

显示判断步骤：判断是否显示页码；

重绘步骤：根据所述表格容器参数、所述表头参数、所述表格特征参数以及所述页码的高度，设置所述表格组件的显示效果。

4.如权利要求1所述的基于表格组件的数据渲染方法，其特征在于，当所述视窗窗口尺寸发生变化时，也需要执行所述表格UI重绘步骤。

5.如权利要求2所述的基于表格组件的数据渲染方法，其特征在于，所述表格数据渲染步骤还包括配置表格组件功能，所述表格组件功能包括但不限于：实现行数据嵌套、支持带层级的数据展开、以层级为界展示不同字段来源的数据。

6.一种基于表格组件的数据渲染系统，其特征在于,包括：

表格数据获取模块，获取需要渲染的数据，将所述数据按照数组对象的格式进行组装，获取表格数据；

表格配置模块，配置表格的行信息和列信息；

表格数据渲染模块，调用表格组件，将所述表格数据根据所述行信息和所述列信息传入所述表格组件，完成渲染，获取目标表格；

表格UI重绘模块，基于表格容器参数对所述目标表格的UI进行重绘，将整个所述目标表格显示在视窗内。

7.如权利要求6所述的基于表格组件的数据渲染系统，其特征在于，所述表格数据渲染模块具体包括：

表格容器创建单元，创建表格容器；

表格数据接收单元，接收所述表格数据，并将所述表格数据存储在所述表格组件中的存储容器中；

表格信息接收单元，接收所述行信息和所述列信息，调用格式化数据的方法，将所述表格数据按照层级以及所述行信息和所述列信息重新组装；

数据解析单元，解析重新组装后的所述表格数据，对所述表格数据进行预处理；

数据渲染单元，调用预处理好的所述表格数据，结合渲染层HTML，完成对所述表格数据的渲染。

8.如权利要求7所述的基于表格组件的数据渲染系统，其特征在于，所述表格UI重绘模块具体包括：

表格特征参数获取单元，获取所述目标表格的表头参数以及表格特征参数；

显示判断单元，判断是否显示页码；

重绘单元，根据所述表格容器参数、所述表头参数、所述表格特征参数以及所述页码的高度，设置所述表格组件的显示效果。

9.一种设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至5中任一项所述的基于表格组件的数据渲染方法。

10.一种存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1至5中任一项所述的基于表格组件的数据渲染方法。