nodeはxlsx(excel)の生成を実現して、ダウンロードします.

6085 ワード

概要
node端末はデータをxlsxファイルに生成し、先端をクリックしてダウンロードします.
プロジェクトのソースコード:https://github.com/linwalker/output-xlsx-demo
操作
  • ダウンロードコード
  • node==7.8
  • npm install
  • node index.js
  • アクセスロカホスト:5000
  • xlsx
    js-xlsxは現在js処理excelが比較的に使いやすいライブラリであり、xlsxを生成する場合はXLSX.writeFile(workbook, filename)を呼び出します.
    workbookは対象です.構造は以下の通りです.
    //workbook
    {
        SheetNames: ['sheet1'],
        Sheets: {
            // worksheet
            'sheet1': {
                '!ref': 'A1:D4',//             ,      excel       
                // cell
                'A1': { ... },
                // cell
                'A2': { ... },
                ...
            }
        }
    }
    
    使い方
    xlsxファイルを生成する必要があるデータを上記のworkbookオブジェクトフォーマットに調整し、XSLX.writeFile(workbook,filename)メソッドを呼び出すだけでいいです.
    nodeサービス
    nodeサービスファイルindex、簡単なページレンダリングとダウンロード要求処理.
    const Koa = require('koa');
    const Router = require('koa-router');
    const fs = require('fs');
    const path =require('path');
    const views = require('koa-views');
    const dlXlsx = require('./dlXlsx.js');
    const app = new Koa();
    const router = new Router();
    
    //      
    app.use(views(path.join(__dirname, './views'), {
        extension: 'html'
    }))
    
    //    
    router.get('/', async (ctx) => {
        await ctx.render('main');
    })
    //      
    router.get('/download', async (ctx) => {
        //  xlsx  
        await dlXlsx();
        //  
        ctx.type = '.xlsx';
        //    ,   xlsx  
        ctx.body = fs.readFileSync('output.xlsx');
        //     ,     xlsx  ,     ,       
        fs.unlink('output.xlsx');
    })
    //        
    app.use(router.routes()).use(router.allowedMethods())
    app.listen(5000);
    
    nodeサービスはkoa 2フレーム、node>=7.8に基づいて、直接asyncとawaitを食べて非同期要求を処理することができます.
    xlsx生成処理
    xlsxはdxlsx.jsで生成されます.
    //dlXlsx.js
    const XLSX = require('xlsx');
    //  
    const _headers = ['id', 'name', 'age', 'country'];
    //    
    const _data = [
        {
            id: '1',
            name: 'test1',
            age: '30',
            country: 'China',
        },
        ...
    ];
    const dlXlsx = () => {
        const headers = _headers
            .map((v, i) => Object.assign({}, { v: v, position: String.fromCharCode(65 + i) + 1 }))
                //   _headers           
                // [ { v: 'id', position: 'A1' },
                //   { v: 'name', position: 'B1' },
                //   { v: 'age', position: 'C1' },
                //   { v: 'country', position: 'D1' },
            .reduce((prev, next) => Object.assign({}, prev, { [next.position]: { v: next.v } }), {});
                //     worksheet      
                // { A1: { v: 'id' },
                //   B1: { v: 'name' },
                //   C1: { v: 'age' },
                //   D1: { v: 'country' },
    
        const data = _data
            .map((v, i) => _headers.map((k, j) => Object.assign({}, { v: v[k], position: String.fromCharCode(65 + j) + (i + 2) })))
                //    headers    ,          
                // [ [ { v: '1', position: 'A2' },
                //     { v: 'test1', position: 'B2' },
                //     { v: '30', position: 'C2' },
                //     { v: 'China', position: 'D2' }],
                //   [ { v: '2', position: 'A3' },
                //     { v: 'test2', position: 'B3' },
                //     { v: '20', position: 'C3' },
                //     { v: 'America', position: 'D3' }],
                //   [ { v: '3', position: 'A4' },
                //     { v: 'test3', position: 'B4' },
                //     { v: '18', position: 'C4' },
                //     { v: 'Unkonw', position: 'D4' }] ]
            .reduce((prev, next) => prev.concat(next))
                //             (          )
                // [ { v: '1', position: 'A2' },
                //   { v: 'test1', position: 'B2' },
                //   { v: '30', position: 'C2' },
                //   { v: 'China', position: 'D2' },
                //   { v: '2', position: 'A3' },
                //   { v: 'test2', position: 'B3' },
                //   { v: '20', position: 'C3' },
                //   { v: 'America', position: 'D3' },
                //   { v: '3', position: 'A4' },
                //   { v: 'test3', position: 'B4' },
                //   { v: '18', position: 'C4' },
                //   { v: 'Unkonw', position: 'D4' },
            .reduce((prev, next) => Object.assign({}, prev, { [next.position]: { v: next.v } }), {});
                //     worksheet      
                //   { A2: { v: '1' },
                //     B2: { v: 'test1' },
                //     C2: { v: '30' },
                //     D2: { v: 'China' },
                //     A3: { v: '2' },
                //     B3: { v: 'test2' },
                //     C3: { v: '20' },
                //     D3: { v: 'America' },
                //     A4: { v: '3' },
                //     B4: { v: 'test3' },
                //     C4: { v: '18' },
                //     D4: { v: 'Unkonw' }
        //    headers   data
        const output = Object.assign({}, headers, data);
        //           
        const outputPos = Object.keys(output);
        //      
        const ref = outputPos[0] + ':' + outputPos[outputPos.length - 1];
    
        //    workbook   
        const workbook = {
            SheetNames: ['mySheet'],
            Sheets: {
                'mySheet': Object.assign({}, output, { '!ref': ref })
            }
        };
       
        //    Excel
        XLSX.writeFile(workbook, 'output.xlsx')
    }
    
    参照
    この文章は主にこの文章を参考にする.
    Node.jsでjs-xlsxを利用してExcelファイルを処理します.