Vue3+Vite实现Excel表格去重

Vue3+Vite实现Excel表格去重

一、需求

• Excel表格列中存在重复的数据，现想通过插件实现去重功能，具体需求为：
  • 选择要处理的Excel表格，支持.xlsx和.xls格式
  • 选择要处理的表格列
  • 对表格进行去重处理，去重的数据保留第一个数据，其余重复数据去重处理
  • 去重后的表格支持重命名后下载
• 同志们，节日快乐！先开一个坑，主要熟悉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数据