JS 如何保存 Excel 文件并打开
使用JavaScript保存Excel文件、利用现有库简化流程、创建并下载Excel文件。在JavaScript中保存和打开Excel文件可以通过使用第三方库来简化和加速开发过程。其中，SheetJS (xlsx) 和 ExcelJS 是两个非常流行和强大的库。以下将详细介绍如何使用这些库来创建、保存和打开Excel文件。
一、使用SheetJS (xlsx)库
1、安装和导入SheetJS
首先，需要安装SheetJS库。你可以使用npm或yarn来安装：
npm install xlsx
安装完成后，在你的JavaScript文件中导入该库：
const XLSX = require('xlsx');
2、创建和编辑Excel文件
可以通过构建一个数据对象来创建一个新的Excel文件：
const data = [
{name: "John", age: 30, city: "New York"},
{name: "Peter", age: 25, city: "London"},
{name: "Amy", age: 22, city: "Paris"}
];
const worksheet = XLSX.utils.json_to_sheet(data);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
3、保存Excel文件
使用SheetJS提供的方法将数据保存为Excel文件并下载：
XLSX.writeFile(workbook, 'example.xlsx');
4、打开Excel文件
保存的Excel文件可以直接通过文件系统或浏览器下载后使用Excel软件打开。也可以集成到Web应用中，通过链接或按钮触发下载。
二、使用ExcelJS库
1、安装和导入ExcelJS
首先，需要安装ExcelJS库：
npm install exceljs
安装完成后，在你的JavaScript文件中导入该库：
const ExcelJS = require('exceljs');
2、创建和编辑Excel文件
可以通过创建一个新的工作簿和工作表来创建一个新的Excel文件：
const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('My Sheet');
worksheet.columns = [
{ header: 'Name', key: 'name', width: 10 },
{ header: 'Age', key: 'age', width: 5 },
{ header: 'City', key: 'city', width: 15 }
];
worksheet.addRow({name: 'John', age: 30, city: 'New York'});
worksheet.addRow({name: 'Peter', age: 25, city: 'London'});
worksheet.addRow({name: 'Amy', age: 22, city: 'Paris'});
3、保存Excel文件
ExcelJS提供了多种保存文件的方法，包括保存为本地文件或在浏览器中下载：
workbook.xlsx.writeFile('example.xlsx')
.then(() => {
console.log('File saved!');
});
4、打开Excel文件
与SheetJS一样，保存的Excel文件可以直接通过文件系统或浏览器下载后使用Excel软件打开。
三、在浏览器环境中使用
在浏览器环境中，保存和下载Excel文件需要借助FileSaver.js库。以下是一个完整的示例：
1、安装FileSaver.js
npm install file-saver
2、结合SheetJS和FileSaver.js使用
<!DOCTYPE html>
<html>
<head>
<title>Save Excel File</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
</head>
<body>
<button id="saveExcel">Save Excel</button>
<script>
document.getElementById('saveExcel').addEventListener('click', function () {
const data = [
{name: "John", age: 30, city: "New York"},
{name: "Peter", age: 25, city: "London"},
{name: "Amy", age: 22, city: "Paris"}
];
const worksheet = XLSX.utils.json_to_sheet(data);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
const wbout = XLSX.write(workbook, {bookType:'xlsx', type:'array'});
saveAs(new Blob([wbout], {type:"application/octet-stream"}), 'example.xlsx');
});
</script>
</body>
</html>
四、集成到项目管理系统
在项目管理中，生成和下载Excel文件常常用于导出项目数据、任务清单或报告。推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile，它们支持多种格式的数据导出和灵活的项目管理功能。
1、PingCode
PingCode是一款专为研发项目管理设计的系统，支持丰富的数据导出功能，能够生成各种格式的报告，包括Excel文件。它帮助团队更有效地管理项目进度、任务分配和资源利用。
2、Worktile
Worktile是一款通用的项目协作软件，适用于各种类型的项目管理。它提供了灵活的数据导出功能，支持多种文件格式，包括Excel。通过Worktile，团队可以轻松地导出项目数据、分析报告，并进行详细的项目跟踪和管理。
五、总结
使用JavaScript保存和打开Excel文件可以通过第三方库如SheetJS和ExcelJS来简化和加速开发过程。在实际应用中，结合FileSaver.js可以在浏览器环境中实现文件下载功能。此外，集成到项目管理系统如PingCode和Worktile，可以进一步提升项目管理的效率和灵活性。无论是创建、编辑还是保存Excel文件，这些工具和方法都能够提供强大的支持和灵活性，帮助开发者高效地处理Excel文件。
相关问答FAQs：
1. 如何在JavaScript中保存Excel文件？
JavaScript本身不能直接保存Excel文件，但可以通过使用第三方库（如SheetJS、ExcelJS等）来实现。这些库提供了API，允许您在浏览器中生成和下载Excel文件。您可以使用这些库将数据转换为Excel文件格式，并提供下载链接，让用户保存文件到本地。
2. 如何打开保存的Excel文件？
一旦您成功保存了Excel文件，您可以通过以下几种方式打开它：
- 双击文件：在文件资源管理器中找到保存的Excel文件，双击即可在默认的Excel程序中打开。
- 打开Excel程序并导入文件：打开Excel程序，然后在菜单中选择“文件”>“打开”选项，浏览并选择保存的Excel文件进行导入。
- 在Excel程序中使用“打开最近文件”功能：打开Excel程序，然后在菜单中选择“文件”>“打开最近文件”选项，选择您保存的Excel文件。
3. 如何在网页中直接打开Excel文件？
如果您希望在网页中直接打开Excel文件而不是下载，您可以使用HTML的<iframe>标签来实现。将Excel文件的URL作为src属性的值传递给<iframe>标签，并将其嵌入到您的网页中，用户点击链接时，Excel文件将在网页中以预览的形式打开。请注意，这种方法只适用于用户的设备上已安装了支持Excel文件的软件。
文章包含AI辅助创作，作者：Edit2，如若转载，请注明出处：https://docs.pingcode.com/baike/3757855
