如何将前端表格中输入的数据保存为excel文件

在前端将用户在表格中输入的数据保存为Excel文件，通常需要借助JavaScript库，如js-xlsx（一个用于读写Excel文件的小巧库）。以下是简单的步骤：

1. 引入库：首先在项目中引入js-xlsx库，如果你使用的是npm，可以运行`npm install xlsx`命令。

import XLSX from 'xlsx';

2. 获取表数据：获取用户的输入数据，这通常是一个二维数组或者HTML5 DataTransfer API的对象（如果数据是从其他地方复制粘贴过来的）。

let data = [
    // 表格行数据
    { column1: 'value1', column2: 'value2' },
    { column1: 'value3', column2: 'value4' },
    // 更多行...
];

3. 创建工作簿：使用XLSX模块创建一个新的工作簿。

let workbook = XLSX.utils.book_new();

4. 添加工作表：为工作簿添加一个新工作表，并设置名称。

let worksheet = XLSX.utils.aoa_to_sheet(data, { header: true }); // 假设第一行是表头
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1"); // Sheet1是工作表名称

5. 保存为Excel文件：创建一个Blob对象表示Excel文件，然后提供下载链接给用户。

let excelBuffer = XLSX.write(workbook, { type: 'buffer' });
let url = URL.createObjectURL(excelBuffer);
let aLink = document.createElement('a');
aLink.href = url;
aLink.download = "output.xlsx";
aLink.click(); // 触发下载

6. 销毁URL对象：当用户完成下载后，记得清除URL对象，防止浏览器资源泄露。

window.URL.revokeObjectURL(url);