(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221042580 0.2 (22)申请日 2022.04.22 (71)申请人 优捷特清洁能源 有限公司 地址 610000 四川省成 都市龙泉驿区经济 技术开发区 （龙泉驿区） 车城西三路 1888号1栋1单 元1层1号厂房附4 号 (72)发明人 杜恒　张兴亮　文健　杜刚　 (74)专利代理 机构 四川知石律师事务所 51240 专利代理师 梅安石 (51)Int.Cl. G06F 40/18(2020.01) G06F 16/242(2019.01) G06F 16/22(2019.01) G06F 16/2455(2019.01) (54)发明名称 一种多功能数据表格组件的封装开发方法 及系统 (57)摘要 本发明涉及Web前端开发技术领域， 公开了 一种多功能数据表格组件的封装开发方法， 包括 以下步骤： S1， 构建表格组件基础信息： 根据外部 的表头名 称及其对应的数据字段名传入表格组 件， 生成表格组件基础信息； S2， 加载数据： 将外 部数据加载到表 格数据栏， 将表头信息展示到表 格头部。 本发 明解决了 现有技术存在的存在大量 重复或类似的开发工作、 维护工作繁琐、 工作效 率低下等问题。 权利要求书2页 说明书5页 附图1页 CN 114757159 A 2022.07.15 CN 114757159 A 1.一种多功能数据表格组件的封装开发方法， 其特 征在于， 包括以下步骤： S1， 构建表格组件基础信息： 根据外部的表头名称及其对应的数据字段名传入表格组 件， 生成表格组件基础信息； S2， 加载数据： 将外 部数据加载到表格数据栏， 将表头信息展示到表格头 部。 2.根据权利要求1所述的一种 多功能数据表格组件的封装开发方法， 其特征在于， 步骤 S1中， 将表头名称及其对应的数据字段名通过模板插槽或标签属性参数形式传入表格组 件。 3.根据权利要求1所述的一种 多功能数据表格组件的封装开发方法， 其特征在于， 步骤 S2中， 将接口请求API以标签属性参数形式传入表格组件， 并构建数据加载函数,当运行数 据加载函数时向服 务端发送网络请求， 将从API获取到的数据映射到表格内。 4.根据权利要求2或3所述的一种多功能数据表格组件的封装开发方法， 其特征在于， 还包括以下步骤： S3， 选取数据： 根据标签属性参数值决定在表格首列生成Radio或CheckBox选择框， 同 时在表格组件内开辟缓存区， 当点击 选择框时， 将表格的行 数据存入缓存区。 5.根据权利要求4所述的一种 多功能数据表格组件的封装开发方法， 其特征在于， 还包 括以下步骤： S4， 刷新数据及翻页： 在表格组件顶部设置刷新按钮， 将数据加载函数绑定到刷新按钮 的点击事件； 和/或； 在表格组件底部设置翻页组件， 将数据加载函数绑定到翻页组件的 change事件。 6.根据权利要求5所述的一种 多功能数据表格组件的封装开发方法， 其特征在于， 还包 括以下步骤： S5， 筛查数据： 将条件查询表单传入表格组件， 在表格组件内置查询函数和重置函数， 运行查询函数时将条件查询表单的参数传 入数据加载函数， 运行重置函数时将条件查询表 单内容清空。 7.根据权利要求1所述的一种 多功能数据表格组件的封装开发方法， 其特征在于， 还包 括以下步骤： S6， 导出数据： 通过标签属性将API地址和文件名传入至表格组件内， 在表格组件内置 文件流数据请求函数， 当运行文件流数据请求函数时， 将从API 获取到的数据流转换为本地 下载链接， 最后下 载到本地客户端。 8.一种多功能数据表格组件的封装开发系统， 其特征在于， 基于权利要求1至7任一项 所述的一种多功能数据表格组件的封装开发方法， 包括相互电相连的以下模块： 表格组件基础信息构建模块： 用以， 根据外部的表头名称及其对应的数据字段名传入 表格组件， 生成表格组件基础信息； 数据加载模块： 用以， 将外 部数据加载到表格数据栏， 将表头信息展示到表格头 部。 9.根据权利要求8所述的一种 多功能数据表格组件的封装开发系统， 其特征在于， 还包 括与电相连的数据选取模块， 数据选取模块用以： 根据标签属 性传入的参数决定在表格首 列生成Radio或CheckBox选择框， 同时在表格组件内开辟缓存区， 当点击选择框时， 将对应 的行数据存入缓存区。 10.根据权利要求9所述的一种多功能数据表格组件的封装开发系统， 其特征在于， 还权　利　要　求　书 1/2 页 2 CN 114757159 A 2包括： 数据刷新翻页模块： 用以， 在表格组件顶部设置刷新按钮， 将数据加载函数绑定到刷新 按钮的点击事件； 和/或； 在表格组件底部设置翻页组件， 将步骤S2的数据加载函数绑定到 翻页组件的c hange事件； 数据筛查模块： 用以， 在表格组件内置查询函数和重置函数， 运行查询函数时将条件查 询表单的参数传入数据加载函数， 运行重 置函数时将条件查询表单内容清空； 数据导出模块： 通过标签属性将API地址和文件名传入至表格组件内， 在表格组件内置 文件流数据请求函数， 当运行文件流数据请求函数时， 将从API 获取到的数据流转换为本地 下载链接， 最后下 载到本地客户端； 数据刷新翻页模块、 数据筛查模块、 数据导出模块分别与数据加载模块电相连。权　利　要　求　书 2/2 页 3 CN 114757159 A 3