excel 导出json_导出的数据格式不对

excel 导出json_导出的数据格式不对json格式数据转Excel导出的两种方法第一种table格式数据直接转Excel:但是用这种方式会出现一种问题,就是当你的table有分页的情况下,只能抓取当前分页的数据。拿到表格的id就可以

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

json格式数据转Excel导出的两种方法

第一种table格式数据直接转Excel:

但是用这种方式会出现一种问题,就是当你的table有分页的情况下,只能抓取当前分页的数据。

excel 导出json_导出的数据格式不对

拿到表格的id就可以抓取表格的数据,导出到excel,这种方式简单粗暴,引入这两个插件即可。

excel 导出json_导出的数据格式不对

 

第一种方法问题奥特曼变身:将json数据转为table数据再进行Excel导出,

使用起来也比较简单,拿到数据直接往里面塞就是了,最后调用方法。这样的话最终所有数据都出来了。

excel 导出json_导出的数据格式不对

 

excel 导出json_导出的数据格式不对

 

function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {
 
var arrData = typeof JSONData != ‘object’ ? JSON.parse(JSONData) : JSONData;
 
var excel = ‘<table>’;
 
//设置表头
var row = “<tr>”;
for (var i = 0, l = ShowLabel.length; i < l; i++) {
         row += “<td>” + ShowLabel[i].value + ‘</td>’;
}
 
//换行
excel += row + “</tr>”;
 
//设置数据
for (var i = 0; i < arrData.length; i++) {
     var row = “<tr>”;
 
   for(var j=0;j<arrData[i].length;j++){
     var value = arrData[i][j].value === “.” ? “” : arrData[i][j].value;
     row += ‘<td>’ + value + ‘</td>’;
  }

   excel += row + “</tr>”;
}
 
excel += “</table>”;
 
var excelFile = “<html xmlns:o=’urn:schemas-microsoft-com:office:office’ xmlns:x=’urn:schemas-microsoft-com:office:excel’ xmlns=’http://www.w3.org/TR/REC-html40′>”;
excelFile += ‘<meta http-equiv=”content-type” content=”application/vnd.ms-excel; charset=UTF-8″>’;
excelFile += ‘<meta http-equiv=”content-type” content=”application/vnd.ms-excel’;
excelFile += ‘; charset=UTF-8″>’;
excelFile += “<head>”;
excelFile += “<!–[if gte mso 9]>”;
excelFile += “<xml>”;
excelFile += “<x:ExcelWorkbook>”;
excelFile += “<x:ExcelWorksheets>”;
excelFile += “<x:ExcelWorksheet>”;
excelFile += “<x:Name>”;
excelFile += “{worksheet}”;
excelFile += “</x:Name>”;
excelFile += “<x:WorksheetOptions>”;
excelFile += “<x:DisplayGridlines/>”;
excelFile += “</x:WorksheetOptions>”;
excelFile += “</x:ExcelWorksheet>”;
excelFile += “</x:ExcelWorksheets>”;
excelFile += “</x:ExcelWorkbook>”;
excelFile += “</xml>”;
excelFile += “<![endif]–>”;
excelFile += “</head>”;
excelFile += “<body>”;
excelFile += excel;
excelFile += “</body>”;
excelFile += “</html>”;
 
 
var uri = ‘data:application/vnd.ms-excel;charset=utf-8,’ + encodeURIComponent(excelFile);
 
var link = document.createElement(“a”);
link.href = uri;
 
link.style = “visibility:hidden”;
link.download = FileName + “.xls”;
 
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
var JSON_DATA = {
    “title”:[
                 {“value”:”司机”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”日期”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”物流单数量”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”退货单数量”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”发货总件数”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”退货总件数”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”拒收总件数”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”取消发货总件数”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”物流费总金额    “, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”代收手续费总金额”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”},
                 {“value”:”代收货款总金额”, “type”:”ROW_HEADER_HEADER”, “datatype”:”string”}
        ],
       “data”:[
 
        ] 
};
第二种方法使用插件直接对json数据进行转换  插件 JsonExportExcel.min.js

1.引入js (dist目录下JsonExportExcel.min.js)

<script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js"></script>

npm install -save  js-export-excel
const ExportJsonExcel = require('js-export-excel')

2.js代码

复制代码
 1 var option={};
 2 
 3 option.fileName = 'excel'
 4 option.datas=[
 5   {
 6    //第一个sheet
 7     sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}],
 8     sheetName:'sheet',
 9     sheetFilter:['two','one'],
10     sheetHeader:['第一列','第二列']
11   },
12   {
13     //第二个sheet
14     sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}]
15   }
16 ];
17 var toExcel=new ExportJsonExcel(option);
18 toExcel.saveExcel();
复制代码

option

datas 数据

/*多个sheet*/ /*每个sheet为一个object */ 
[{ sheetData:[], // 数据
    sheetName:'', // sheet名字 
    sheetFilter:[], //列过滤 
    sheetHeader:[] // 第一行 
}]

fileName 下载文件名(默认:download)

sheet option

sheetName sheet名字(可有可无)(默认sheet1)

sheetHeader 标题(excel第一行数据)

sheetData 数据源(必须)

sheetFilter 列过滤(只有在data为object下起作用)(可有可无)

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167808.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 区块链工程师需要掌握哪些技能?

    作者:Annchain(本文一切著作权归annchain技术团队所有,未经许可,不得转载。若需转载请联系页尾二维码。) 从2017年开始,区块链逐步成为互联网的风口浪尖。曝光度的激增带来了人才市场的火爆。 区块链所要求的知识并非什么特殊的或者新兴的知识,除了密码学领域的知识需要专门了解之外,其他知识和技能几乎都是一些比较通用的网络开发核心知识。 由于区块链行业涉及到的范…

  • 设计模式:组合模式

    设计模式:组合模式

  • 锐捷交换机配置保存到计算机,锐捷交换机配置命令总结中篇

    锐捷交换机配置保存到计算机,锐捷交换机配置命令总结中篇锐捷交换机显示命令:显示交换机硬件及软件的信息Switch#showversion显示当前运行的配置参数Switch#showrunning-config显示保存的配置参数Switch#showconfigure常用锐捷交换机EXEC命令将当前运行的配置参数复制到flash:Switch#writememoryBuildingconfiguration…[OK]Switch#清…

  • 虚拟机和宿主机共享文件_安装vmware的宿主机

    虚拟机和宿主机共享文件_安装vmware的宿主机虚拟机网络共享给宿主机宿主机使用虚拟机的VPN连接需求VMware虚拟机中跑Windows10(下文称Guest),使用某客户端连接公司VPN(还需要启动联软UniAccess才可以正常访问内网),宿主机为Windows10(下文称Host),未安装该VPN客户端。现需要在Guest中连接VPN,然后共享给Host使用。关键词桥接:对应虚拟网卡VMnet0仅主机模式(HostOnly):对应虚拟网卡VMnet1实现步骤1.Guest添加桥接网卡

  • 怎么创建CSV文件和怎么打开CSV文件[通俗易懂]

    怎么创建CSV文件和怎么打开CSV文件[通俗易懂]CSV(CommaSeparatedValues逗号分隔值)。.csv是一种文件格式(如.txt、.doc等),也可理解.csv文件就是一种特殊格式的纯文本文件。即是一组字符序列,字符之间已英文字符的逗号或制表符(Tab)分隔。在windows系统环境上.csv文件打开方式有多种,如记事本、excel、Notepad++等,只要是文本编辑器都能正确打开。1.工具/原料E…

  • (原创)通过ActivityManager杀死第三方应用方式[通俗易懂]

    (原创)通过ActivityManager杀死第三方应用方式[通俗易懂]ActivityManageram=(ActivityManager)context.getSystemService(Context.ACTIVITY_SERVICE);am.killBackgroundProcesses(responseAppInfo.getPackname());

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号