XLSX.write(
时间: 2023-09-01 15:09:31 浏览: 40
XLSX.write方法是用于将数据写入Excel文件中的一个函数。根据引用中的代码,这个函数的参数包括一个Workbook对象和一些配置选项。Workbook对象可以通过XLSX.utils.table_to_book方法从HTML表格中创建。配置选项包括bookType(指定导出文件的类型,例如xlsx)、bookSST(指定是否使用共享字符串表)和type(指定输出的数据类型,例如数组)。最终,XLSX.write函数将返回一个包含导出数据的数组。这个数组可以通过FileSaver.saveAs方法保存为Excel文件。值得注意的是,这段代码使用了FileSaver和Blob来进行文件的保存操作。
相关问题
methods: { downloadExcel() { //创建一个工作簿 const wb = XLSX.utils.book_new(); //创建一个工作表 const ws = XLSX.utils.json_to_sheet([{ name: 'John', age: 28 },{ name: 'Jane', age: 32 }]); //将工作表添加到工作簿中 XLSX.utils.book_append_sheet(wb, ws, 'Sheet1'); //将工作簿转换成二进制数据流 const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' }); //将二进制数据流转换成Blob对象 const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' }); //使用file-saver库将文件保存到本地 FileSaver.saveAs(blob, 'example.xlsx'); }} 怎么改变表头数据
要改变表头数据,只需要在 `XLSX.utils.json_to_sheet` 方法中设置每个对象的属性名即可。例如,将 `{ name: 'John', age: 28 },{ name: 'Jane', age: 32 }` 改为 `{ Name: 'John', Age: 28 },{ Name: 'Jane', Age: 32 }`,则表头数据会变为 "Name" 和 "Age"。
修改后的代码如下:
```javascript
methods: {
downloadExcel() {
//创建一个工作簿
const wb = XLSX.utils.book_new();
//创建一个工作表,并设置表头数据
const ws = XLSX.utils.json_to_sheet([{ Name: 'John', Age: 28 },{ Name: 'Jane', Age: 32 }], { header: ['Name', 'Age'] });
//将工作表添加到工作簿中
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
//将工作簿转换成二进制数据流
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
//将二进制数据流转换成Blob对象
const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
//使用file-saver库将文件保存到本地
FileSaver.saveAs(blob, 'example.xlsx');
}
}
```
downloadExcel() { const header = ['Name', 'Age']; // 表头数据 const data = [{ Name: 'John', Age: 28 }, { Name: 'Jane', Age: 32 }]; // 表格数据 const wb = XLSX.utils.book_new(); const ws = XLSX.utils.json_to_sheet(data, { header }); XLSX.utils.book_append_sheet(wb, ws, 'Sheet1'); const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' }); const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' }); FileSaver.saveAs(blob, 'example.xlsx');} 可以将表头设置为一个数组,里面是对象,有表头名字与,key 表格数据根据key传入
的数据对象来生成。最后使用XLSX库将数据转化为Excel文件并下载。这里涉及到一个s2ab()函数,它的作用是将字符串转化为ArrayBuffer类型,需要先定义该函数。整个函数的实现如下:
```
function s2ab(s) {
const buf = new ArrayBuffer(s.length);
const view = new Uint8Array(buf);
for (let i = 0; i < s.length; i++) {
view[i] = s.charCodeAt(i) & 0xFF;
}
return buf;
}
function downloadExcel() {
const header = [{ Name: '姓名', key: 'name' }, { Name: '年龄', key: 'age' }];
const data = [{ name: '张三', age: 28 }, { name: '李四', age: 32 }];
const wb = XLSX.utils.book_new();
const ws = XLSX.utils.json_to_sheet(data, { header: header.map(h => h.Name), skipHeader: true, origin: 'A2' });
header.forEach((h, index) => {
XLSX.utils.sheet_add_aoa(ws, [[h.Name]], { origin: `A1`, skipHeader: true, transpose: true, sheetRows: 1, sheetCols: 1, originCol: index + 1 });
});
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
FileSaver.saveAs(blob, 'example.xlsx');
}
```
这里我们将表头设置为一个对象数组,每个对象有两个属性:Name和key。其中Name为表头名字,key为表头对应的数据对象中的属性名。这样可以方便地对应表头和数据。
在生成Excel文件时,我们使用了XLSX.utils.json_to_sheet()函数将数据转化为工作簿中的一个工作表。通过设置header选项为表头数组的Name属性,可以让XLSX库自动根据表头数组生成表头。同时,设置skipHeader为true和origin为‘A2’,可以让表头不出现在数据之前,并且从第二行开始生成数据。
然后,我们需要将表头也加入到工作表中。这里我们使用了XLSX.utils.sheet_add_aoa()函数,将表头数组转化为一个二维数组,然后添加到工作表的第一行。该函数的参数中,originCol表示从第几列开始添加数据,transpose表示是否需要将数据转置,sheetRows和sheetCols表示要添加的数据的行数和列数。这样,我们就可以将表头和数据一起生成Excel文件并下载了。