Vue3
+Vite
实现Excel表格去重
一、需求
- Excel表格列中存在重复的数据,现想通过插件实现去重功能,具体需求为:
- 选择要处理的Excel表格,支持
.xlsx
和.xls
格式 - 选择要处理的表格列
- 对表格进行去重处理,去重的数据保留第一个数据,其余重复数据去重处理
- 去重后的表格支持重命名后下载
- 选择要处理的Excel表格,支持
- 同志们,节日快乐!先开一个坑,主要熟悉
xlsx
库的使用,防止有前端处理Excel数据需求时无从下手,持续更新……
二、实现
1.导入Excel数据
- 借助
Element Plus
的Upload
组件实现.xlsx
或.xls
数据的导入
2.处理Excel表格列
- 通过
npm
安装xlsx
包处理Excel数据,安装xlsx
依赖,依赖使用详情见:xlsx - npm (npmjs.com)
npm install xlsx
- 读取Excel数据,读取表格中的表头数据,分别生成生成数组
- 将表头数据与选择器联动,通过选择器选择要去重的表格列
- 通过
()
函数实现去重
3.下载处理后的Excel数据
- 将处理后的Excel数据重新生成工作薄和工作表
- 通过a标签下载处理后的Excel数据