2022-01-23
2022-01-23 本文已影响0人
弓炜杰_三月
js 转excel
数据量少的话
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/JsonExportExcel.min.js"></script>
<script>
function getExcel(){
var option={};
option.fileName = 'excel'
option.datas=[
{
// 直接修改sheetData
sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}],
sheetName:'sheet',
sheetFilter:['two','one'],
sheetHeader:['第一列','第二列']
},
{
sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}]
}
];
var toExcel=new ExportJsonExcel(option);
toExcel.saveExcel();
}
</script>
</head>
<body>
<button onclick="getExcel()">点击我下载表格</button>
<script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js"></script>
</body>
</html>
自己用的数据太多，导入一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="getExcel()">点击我下载表格</button>
<script type="module">
import cn from './zh-CN.js'
// 看情况对数据处理，我的数据格式即cn，做国际化用的
// export default {
// "home": "首页",
// "login": "登录"
// }
//大家按需要处理
console.log(cn)
var data= []
for (let [key, value] of Object.entries(cn)) {
var obj = {
'key':key,
'value': value
}
data.push(obj)
}
console.log(data)
window.getExcel = function (){
var option={};
option.fileName = 'excel'
option.datas=[
{
sheetData:data,//此处为数据源
sheetName:'sheet',
sheetFilter:['key','value'],
sheetHeader:['第一列','第二列']
//模板 sheetData，数据源 sheetFilter 过滤，提取目标 sheetHeader 表头
// sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}],
// sheetName:'sheet',
// sheetFilter:['two','one'],
// sheetHeader:['第一列','第二列']
},
{
sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}]
}//可以多表
];
var toExcel=new ExportJsonExcel(option);
toExcel.saveExcel();
}
</script>
<script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js"></script>
</body>
</html>
我是用vscode的插件打开的
image.png
目前感觉第二种导入的有一点麻烦
不知道大家有没有更好的方法
