前端页面如何导出为excel

前端页面可以使用 JavaScript 库如 SheetJS 或者 ExcelJS 来将数据导出为 Excel 文件。这些库提供了 API 来创建 Excel 文件并填充数据。可以使用 Blob 对象将生成的 Excel 文件下载到本地。以下是一个使用 SheetJS 的示例代码：

// 导出数据为 Excel 文件
function exportToExcel(data) {
  // 创建 workbook
  var workbook = XLSX.utils.book_new();
  // 创建 worksheet
  var worksheet = XLSX.utils.json_to_sheet(data);
  // 将 worksheet 添加到 workbook
  XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
  // 将 workbook 导出为二进制数据
  var excelData = XLSX.write(workbook, { bookType: "xlsx", type: "array" });
  // 创建 Blob 对象
  var blob = new Blob([excelData], { type: "application/octet-stream" });
  // 创建下载链接并点击下载
  var link = document.createElement("a");
  link.href = URL.createObjectURL(blob);
  link.download = "data.xlsx";
  link.click();
}

其中，`data` 是要导出的数据，可以是一个数组或者对象。`XLSX` 是 SheetJS 库的命名空间。这个函数会将数据导出为名为 `data.xlsx` 的 Excel 文件并下载到本地。