介绍

使用JS实现将Json数据为导出csv和xlsx文件。

使用场景

将渲染为表格的报表数据直接通过JS导出，省去再解析表格DOM。

依赖

本插件依赖FileSaver.js和js-xlsx两个库，使用请先引入这两个库

<script src='./FileSaver.min.js'></script>
<script src='./xlsx.core.min.js'></script>

安装

1. 通过npm安装使用

npm install json2filejs --save

import Json2fileJs from 'json2filejs'

或

<script src="./json2filejs/dist/index.min.js"></script>

用法

    const jsonFile = new Json2fileJs(headers, data, filename)
    jsonFile.exprotCSV() // 导出为csv文件
    jsonFile.exportXLSX() // 导出为xlsx文件

Json2fileJs接受三个参数，分别是表头headers数据data和文件名filename，后者为字符串类型,前两个参数均为对象数组, 如下:

const headers = [{  // 数据的键和表头名字
        key: 'name', // key对应data元素对象的key
        text: '名称' // name 为对应的表头名字
    }
];
const data = [{
    name: 'csv'
}]
`Json2fileJs` 实例化后拥有两个调用方法，分别是导出csv文件方法 `exprotCSV`  和导出xlsx文件方法 `exportXLSX`

例子

const headers = [{
        key: 'name',
        text: '名称'
    },
    {
        key: 'count',
        text: '使用量'
    }];
const data = [{
        name: 'csv'，
        count: 10000
    },
    {
        name: 'xlsx',
        count: 100000000
    }];
const jsonFile =  new Json2fileJs(headers, data, 'file')

导出csv文件

 jsonFile.exprotCSV() // 导出为csv文件

导出为xlsx文件

jsonFile.exportXLSX() // 导出为xlsx文件