导出大量数据的Excel文件

116 阅读1分钟

在日常工作中,导出Excel文件也是一个常见的功能,下面我们就针对这个功能的实现方式做个简单的总结:

  1. 纯前端

1. SheetJS

使用第三方库 SheetJS - 官网

SheetJS - 中文网

使用示例如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <button onclick="exportToExcel()">Export to Excel</button>
    </div>
</body>

</html>

<script src="https://cdn.sheetjs.com/xlsx-0.20.2/package/dist/xlsx.full.min.js"></script>
<script>
    function exportToExcel() {
        const data = [
            ['Name', 'Age', 'Email'],
        ];

        for (let index = 0; index < 20000; index++) {
            data.push([ `张三_${index}`, index + 1,  'john@example.com']);
        }

        const worksheet = XLSX.utils.aoa_to_sheet(data);
        const workbook = XLSX.utils.book_new();
        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
        XLSX.writeFile(workbook, 'data.xlsx');
    }
</script>

未完待续......

参考资料:

前端js实现导出大量数据的excel文件 - 进军的蜗牛 - 博客园 (cnblogs.com)