Vue3+Vite实现Excel表格去重
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数据