首先看一下json数据的格式,这是其中一条的格式我们只需要label中的值和value中的值导出到excel中
[{
"type": "text",
"required": true,
"label": "姓名",
"className": "form-control",
"name": "text-1553770509298",
"value": "xx",
"subtype": "text"
}, {
"type": "text",
"required": true,
"label": "学号",
"className": "form-control",
"name": "text-1553770509302",
"value": "1e32ed",
"subtype": "text"
}, {
"type": "radio-group",
"required": true,
"label": "性别",
"name": "radio-group-1553770509306",
"values": [{
"label": "男",
"value": "1",
"selected": true
}, {
"label": "女",
"value": "1"
}]
}, {
"type": "number",
"required": true,
"label": "年龄",
"className": "form-control",
"name": "number-1553770509315",
"value": "21"
}, {
"type": "date",
"required": true,
"label": "出生年月日",
"className": "form-control",
"name": "date-1553770509319",
"value": "2019-03-01"
}, {
"type": "text",
"required": true,
"label": "籍贯",
"className": "form-control",
"name": "text-1553770509322",
"value": "fsd",
"subtype": "text"
}, {
"type": "text",
"required": true,
"label": "班级",
"className": "form-control",
"name": "text-1553770509327",
"value": "fewf",
"subtype": "text"
}, {
"type": "select",
"required": true,
"label": "政治面貌",
"className": "form-control",
"name": "select-1553770509330",
"values": [{
"label": "党员",
"value": "option-2"
}, {
"label": "团员",
"value": "option-3",
"selected": true
}, {
"label": "群众",
"value": "option-3"
}]
}]
效果图
在开始之前先看下几个excel格式的区别吧
在导出excel的时候有三种格式,应该选哪种格式呢这就看项目需求了,下面说说三个格式的区别
- 如果后缀是xls,在2007版本之后的office打开会有提示(xls在wps上打开没有提示)
- 如果后缀是xlsx 在2007版本之后的打开没提示但是在2007之前的版本会打不开。
- csv是最通用的一种文件格式,它可以非常容易地被导入各种PC表格及数据库中。 此文件,一行即为数据表的一行。生成数据表字段用半角逗号隔开。但是csv不能设置样式。
首先导出xls格式
export function JSONToExcelConvertor(JSONData, FileName, title, filter, r