nodejs使用xlsx和xlsx-style导出Excel文件

nodejs 导出 Excel


安装依赖

  • npm install xlsx --save
  • npm install xlsx-style --save
  • npm install fs --save

修改文件

  • 在导出 xlsx 文件中 表格展示内容样式错误 请修改下列文件部分内容。

  • 在 node_modules/xlsx-style下的xlsx.js文件中,把 write_ws_xml_data()替换成下列这个,导出excel没有样式,直接修改方法。

function write_ws_xml_data(ws, opts, idx, wb) {
 var o = [], r = [], range = safe_decode_range(ws['!ref']), cell, ref, rr = "", cols = [], R, C,rows = ws['!rows'];
 for(C = range.s.c; C <= range.e.c; ++C) cols[C] = encode_col(C);
 for(R = range.s.r; R <= range.e.r; ++R) {
   r = [];
   rr = encode_row(R);
   for(C = range.s.c; C <= range.e.c; ++C) {
     ref = cols[C] + rr;
     if(ws[ref] === undefined) continue;
     if((cell = write_ws_xml_cell(ws[ref], ref, ws, opts, idx, wb)) != null) r.push(cell);
   }
   if(r.length > 0){
     params = ({r:rr});
     if(rows && rows[R]) {
       row = rows[R];
       if(row.hidden) params.hidden = 1;
       height = -1;
       if (row.hpx) height = row.hpx;
       else if (row.hpt) height = row.hpt;
       if (height > -1) { params.ht = height; params.customHeight = 1; }
       if (row.level) { params.outlineLevel = row.level; }
     }
     o[o.length] = (writextag('row', r.join(""), params));
   }
 }
 if(rows) for(; R < rows.length; ++R) {
   if(rows && rows[R]) {
     params = ({r:R+1});
     row = rows[R];
     if(row.hidden) params.hidden = 1;
     height = -1;
     if (row.hpx) height = row.hpx;
     else if (row.hpt) height = row.hpt;
     if (height > -1) { params.ht = height; params.customHeight = 1; }
     if (row.level) { params.outlineLevel = row.level; }
     o[o.length] = (writextag('row', "", params));
   }
 }
 return o.join("");
}

使用 导出Excel 功能

  • ExcelData :[{},{},{}] —— 需要自定义单元格样式 或者 合并单元 使用下列格式
    let ExcelData = [{
    value : String // 单元格内容
    style :Object //单元格样式
    colSpan : Number //以当前单元格为起点 合并列的单元格
    rowSpan : Number //以当前单元格为起点 合并行的单元格
    }];
  • workSheet :需要自定义行高或者列表 合并单元等等
    let workSheet = {
    “!merges” : [ {
    s: { //s为开始 c: 1,//开始列 r: 0//可以看成开始行,实际是取值范围 },
    e: { // e结束 c: 4,//结束列 r: 0//结束行 }
    }],
    “!cols” : [{wch:10},{wch:10}],
    “!rows” : [{hpx:20},{hpx:20}],
    };
// 使用 导出Excel 功能
const excel = async () => {
    let ExcelHeaders = ['标题1','标题2','标题3','标题4'];
    let ExcelData = [
        [1,11,111,1111],
        [2,22,222,2222],
        [3,33,333,3333],
        [4,44,444,4444],
    ];

    // 创建工作簿
    const buffer = await new ExportExcel()
        .createWorkBook(
            [
                { ExcelHeaders,ExcelData, sheetName: '车辆入场通知单', workSheet : {} }, // sheet1
                // { ExcelData, sheetName: '车辆入场通知单', workSheet : {} }, // sheet2
            ]
        );
    // const filename = `${DateUtils.format(new Date(), 'yyyyMMdd')}.xlsx`;
    // await fs.writeFileSync(`./${filename}`, buffer, { flag: 'w' });
}

功能实现详细代码

import * as xlsx from 'xlsx';
import * as XLSX_STYLE from 'xlsx-style';
import * as fs from 'fs';


// 导出并生成Excel
class ExportExcel {

    /**
     * 边框样式
     */
    BorderStyle = {
        border: {
            color: {auto: 1},
            top: {style: 'thin'},
            bottom: {style: 'thin'},
            left: {style: 'thin'},
            right: {style: 'thin'}
        }
    };

    /** 默认样式 */
    defaultStyle = {
        ...this.BorderStyle,
        alignment: {
            /// 自动换行
            wrapText: true,
            // 内容在单元格  居中
            horizontal: "center",
            vertical: "center",
        },
        font: {
            name: "宋体",
            sz: 12, // 字体大小
            color: {auto: 1},
            bgColor : '#fff'
        },
    };

    /**
     * 默认标题样式
     */
    defaultTitleStyle = {
        ...this.defaultStyle,
        font: {
            name: "宋体",
            sz: 12,
            color: {auto: 1},
            bold : true,  // 字体加粗
        },
    };

    /**
     * 将对象数组按指定属性顺序转为二维数组
     * @param objects 对象数组
     * @param props 对象的属性列表,属性可写为数组,数组只包含两个值,
     *          第一个值为对象属性名,第二个值为过滤函数
     */
    static objectsToRows(objects, props) {
        const rows = [];
        for (let i = 0; i < objects.length; i++) {
            const row = [];
            const item = objects[i];
            for (const key of props) {
                if (key instanceof Array) {
                    row.push(key[1](item[key[0]]));
                } else {
                    row.push(item[key]);
                }
            }
            
            rows.push(row);
        }
        return rows;
    }

    /**
     * 设置显示数据样式显示
     * @param RowData  数据
     * @param isBold   显示内容是否加粗
     * @returns {*}
     */
    setRowData(RowData = [],isBold = false,index = 0){
        for (let i = 0; i < RowData.length; i++) {
            if(RowData[i] instanceof Array){
                this.setRowData(RowData[i],isBold,(i + index));
            }
            else if(RowData[i] instanceof Object){
                if(!this.merges){
                    this.merges = [];
                }
                let {value = '', style = {}, colSpan = 0, rowSpan = 0} = RowData[i];
                RowData[i] = {v: value, s: {...this.defaultStyle, ...style}};

                if(rowSpan > 0){
                    this.merges.push({
                        s: {c: i,r: index},
                        e: {c: i,r: (index + rowSpan) }
                    })
                }
                if(rowSpan === 0 && colSpan > 0){
                    this.merges.push({
                        s: {c: i,r: index},
                        e: {c: (colSpan + i),r: index }
                    })
                }
            }
            else {
                if(isBold){
                    RowData[i] = {v: RowData[i] || '', s: this.defaultTitleStyle};
                }else {
                    RowData[i] = {v: RowData[i] || '', s: this.defaultStyle};
                }
            }
        }
        return RowData;
    }


    /** 
     * 
     ExcelData = [
     {
         value : String 单元格内容
         style :Object   单元格样式
         colSpan : Number  以当前单元格为起点  合并列的单元格
         rowSpan : Number  以当前单元格为起点  合并行的单元格
       }
     ]
     workSheet = {
     "!merges" : [ {
       s: { //s为开始 c: 1,//开始列 r: 0//可以看成开始行,实际是取值范围 },
       e: { // e结束 c: 4,//结束列 r: 0//结束行 }
       }];
   }
     */
    createSheet = async ({ExcelHeaders = [], ExcelData = [] , workSheet = {}}) => {
        const data = [];
        if(ExcelHeaders.length){
            const headers = await this.setRowData(ExcelHeaders, true );
            data.push(headers);
        }

        // 表格数据内容
        let rowData = await this.setRowData(ExcelData, false, data.length );
        data.push(...rowData);
        let sheet = xlsx.utils.aoa_to_sheet(data, {cellDates: true, cellStyles: true});

        // 表单合并情况
        sheet["!merges"] = this.merges || [];

        // 表格每列显示的列宽
        let cols = [];
        if(workSheet['cols']){
            for(let i = 0; i < workSheet['cols'].length; i++){
                cols.push({wch: workSheet['cols'][i] || 10})
            }
            workSheet['!cols'] = cols;
        }else {
            for(let i = 0; i < ExcelHeaders.length; i++){
                cols.push({wch: ExcelHeaders[i] || 10})
            }
        }
        sheet["!cols"] = cols;

        // 表格显示  行高
        let rows = [];
        if(ExcelHeaders.length) {
            rows.push({hpx: 30});
        }
        for(let i = 0; i < ExcelData.length; i++){
            rows.push({hpx: 24})
        }
        sheet['!rows'] = rows;

        return {...sheet, ...workSheet};
    };

    /**
     * 创建 Excel 工作簿
     * @param data Array 可创建一个或者多个 sheet
     * @returns {Promise<*>}
     */
    createWorkBook = async (data = []) => {
        //  创建一个工作簿
        const workBook = xlsx.utils.book_new();
        for(let i = 0; i < data.length; i++){
            let sheet = await this.createSheet(data[i]);
            if(sheet){
                let sheetName = `sheet${i}`;
                if(data[i].sheetName){
                    sheetName = data[i].sheetName;
                }
                xlsx.utils.book_append_sheet(workBook, sheet, sheetName);
            }
        }
        // 返回写入数据  buffer
        return XLSX_STYLE.write(workBook, {type: 'buffer'});
    };

}

export {ExportExcel};

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

简青子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值