js怎么导出excel

JS导出Excel的方法有多种，常见的包括使用第三方库如SheetJS、通过HTML表格导出、利用Web APIs等。其中，使用SheetJS是最常见且功能强大的方法。下面将详细描述SheetJS的使用方法。

一、使用SheetJS导出Excel

SheetJS（又称为xlsx）是一个强大的JavaScript库，能够轻松地将数据导出为Excel文件。它支持多种格式并且能够处理复杂的数据结构。

1、安装和引入SheetJS

首先，你需要安装SheetJS库。可以通过npm或yarn进行安装：

npm install xlsx

安装完成后，在你的JavaScript文件中引入SheetJS：

const XLSX = require('xlsx');

2、创建工作簿和工作表

创建一个工作簿并添加一个或多个工作表。一个工作簿可以包含多个工作表，每个工作表对应一个数据集。

// 创建一个工作簿
let workbook = XLSX.utils.book_new();
// 创建一个工作表
let worksheet_data = [
    ["Name", "Age", "Location"],
    ["John Doe", 28, "New York"],
    ["Jane Smith", 34, "Los Angeles"],
    ["Peter Jones", 45, "Chicago"]
];
let worksheet = XLSX.utils.aoa_to_sheet(worksheet_data);
// 将工作表添加到工作簿中
XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");

3、导出并下载Excel文件

使用XLSX.writeFile方法将工作簿导出为Excel文件并触发下载。

XLSX.writeFile(workbook, 'example.xlsx');

二、通过HTML表格导出Excel

如果数据已经存在于HTML表格中，可以直接将表格数据导出为Excel文件。

1、创建HTML表格

<table id="table-data">
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Location</th>
    </tr>
    <tr>
        <td>John Doe</td>
        <td>28</td>
        <td>New York</td>
    </tr>
    <tr>
        <td>Jane Smith</td>
        <td>34</td>
        <td>Los Angeles</td>
    </tr>
    <tr>
        <td>Peter Jones</td>
        <td>45</td>
        <td>Chicago</td>
    </tr>
</table>

2、使用JavaScript导出表格

function exportTableToExcel(tableID, filename = ''){
    let downloadLink;
    let dataType = 'application/vnd.ms-excel';
    let tableSelect = document.getElementById(tableID);
    let tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
    // Specify file name
    filename = filename ? filename + '.xls' : 'excel_data.xls';
    // Create download link element
    downloadLink = document.createElement("a");
    document.body.appendChild(downloadLink);
    if(navigator.msSaveOrOpenBlob){
        let blob = new Blob(['ufeff', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob( blob, filename);
    } else {
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
        // Setting the file name
        downloadLink.download = filename;
        //triggering the function
        downloadLink.click();
    }
}
// 使用示例
exportTableToExcel('table-data', 'example');

三、利用Web APIs导出Excel

你也可以使用现代Web APIs如Blob和FileSaver.js来导出Excel文件。

1、安装FileSaver.js

npm install file-saver

2、使用Blob和FileSaver.js导出Excel

import { saveAs } from 'file-saver';
function exportExcel(data, filename = 'data.xlsx') {
    const worksheet = XLSX.utils.json_to_sheet(data);
    const workbook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
    const excelBuffer = XLSX.write(workbook, {
        bookType: 'xlsx',
        type: 'array'
    });
    const blob = new Blob([excelBuffer], {
        type: 'application/octet-stream'
    });
    saveAs(blob, filename);
}
// 使用示例
const data = [
    { Name: "John Doe", Age: 28, Location: "New York" },
    { Name: "Jane Smith", Age: 34, Location: "Los Angeles" },
    { Name: "Peter Jones", Age: 45, Location: "Chicago" }
];
exportExcel(data, 'example.xlsx');

四、使用项目管理系统生成Excel报表

在一些团队合作项目中，常常需要生成Excel报表来跟踪项目进展。推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile。

1、PingCode生成Excel报表

PingCode是一个强大的研发项目管理系统，能够帮助团队高效管理项目。它支持生成详细的Excel报表，包括任务状态、进度、工时等数据。

// 假设已经从PingCode获取到项目数据
let projectData = getProjectDataFromPingCode();
function exportProjectDataToExcel(data, filename = 'project_data.xlsx') {
    const worksheet = XLSX.utils.json_to_sheet(data);
    const workbook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
    const excelBuffer = XLSX.write(workbook, {
        bookType: 'xlsx',
        type: 'array'
    });
    const blob = new Blob([excelBuffer], {
        type: 'application/octet-stream'
    });
    saveAs(blob, filename);
}
// 使用示例
exportProjectDataToExcel(projectData, 'project_data.xlsx');

2、Worktile生成Excel报表

Worktile是一个通用的项目协作软件，适用于各种类型的项目管理。它也支持导出项目数据为Excel文件。

// 假设已经从Worktile获取到项目数据
let worktileData = getProjectDataFromWorktile();
function exportWorktileDataToExcel(data, filename = 'worktile_data.xlsx') {
    const worksheet = XLSX.utils.json_to_sheet(data);
    const workbook = XLSX.utils.book_new();
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
    const excelBuffer = XLSX.write(workbook, {
        bookType: 'xlsx',
        type: 'array'
    });
    const blob = new Blob([excelBuffer], {
        type: 'application/octet-stream'
    });
    saveAs(blob, filename);
}
// 使用示例
exportWorktileDataToExcel(worktileData, 'worktile_data.xlsx');

通过上述方法，你可以轻松地使用JavaScript导出Excel文件，无论是使用第三方库、HTML表格还是Web APIs。同时，借助PingCode和Worktile这样的项目管理工具，你可以生成更加专业和详细的项目报表。