在现代Web开发中，数据的导出功能成为了很多应用的基本需求。常见的导出格式有CSV、PDF，而Excel则因其灵活性和广泛的使用场景常常成为首选。使用ExcelJS这个强大的JavaScript库，我们可以轻松地创建和定制Excel文件，包括添加样式等功能。本文将介绍如何使用ExcelJS导出带样式的Excel文件，并给出代码示例。
ExcelJS简介
ExcelJS是一个用于操作Excel文件的JavaScript库，支持在浏览器和Node.js中使用。它允许我们创建、读取、更新Excel文件（.xlsx格式），并支持多种样式的设置，例如文字颜色、背景颜色、边框、行高列宽等。
安装ExcelJS
在开始之前，需要先安装ExcelJS。你可以通过npm安装它：
npm install exceljs
基本使用示例
下面是一个简单的示例，演示如何使用ExcelJS创建一个带样式的Excel文件。
const ExcelJS = require('exceljs');
// 创建一个新的工作簿
const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('我的工作表');
// 添加标题，并设置单元格样式
worksheet.mergeCells('A1:D1');
const titleCell = worksheet.getCell('A1');
titleCell.value = '这是一个带样式的Excel示例';
titleCell.font = { name: 'Arial', size: 14, bold: true, color: { argb: 'FF0000FF' } }; // 设置字体样式
titleCell.alignment = { horizontal: 'center' }; // 设置水平对齐
// 添加表头
worksheet.columns = [
{ header: '姓名', key: 'name', width: 20 },
{ header: '年龄', key: 'age', width: 10 },
{ header: '性别', key: 'gender', width: 10 },
{ header: '城市', key: 'city', width: 20 }
];
// 添加数据
worksheet.addRow({ name: '张三', age: 30, gender: '男', city: '北京' });
worksheet.addRow({ name: '李四', age: 25, gender: '女', city: '上海' });
worksheet.addRow({ name: '王五', age: 28, gender: '男', city: '广州' });
// 设置单元格样式
worksheet.getCell('A2').font = { color: { argb: 'FF0000' } }; // 设置单元格字体颜色
worksheet.getCell('B2').numFmt = '0'; // 设置数字格式
worksheet.getCell('C2').alignment = { horizontal: 'center' }; // 设置单元格文字居中
// 添加一个边框
const border = {
top: { style: 'thin' },
left: { style: 'thin' },
bottom: { style: 'thin' },
right: { style: 'thin' }
};
worksheet.getCell('A1').border = border;
worksheet.getCell('A2').border = border;
// 导出Excel文件
workbook.xlsx.writeFile('我的带样式Excel.xlsx')
.then(() => {
console.log('Excel文件已成功导出');
})
.catch((error) => {
console.error('导出失败:', error);
});
代码解析
-
创建工作簿和工作表：通过
new ExcelJS.Workbook()创建一个新的工作簿，并添加一个工作表。 -
设置标题：使用
mergeCells合并单元格，并设置标题文本和样式。我们可以设置字体颜色、大小、是否加粗等。 -
添加表头：通过
worksheet.columns定义表头的名称和宽度。 -
添加数据行：使用
addRow方法添加多行数据。 -
设置样式：我们可以对单元格进行各种样式设置，包括字体颜色、对齐方式等。
-
边框样式：通过定义
border对象，可以为单元格添加边框样式。 -
导出文件：最后，通过
writeFile方法将工作簿导出为.xlsx格式的Excel文件。
总结
ExcelJS是一个功能强大的库，能够方便地生成和操作Excel文件，支持丰富的样式配置。通过上述示例，我们不仅可以导出数据，还可以为Excel文件增加美观的样式，增强可读性。无论是用于数据报表还是生成发票，ExcelJS都能提供极大的便利。希望本文能帮助你更好地使用ExcelJS进行Excel文件的生成和样式设置。
