使用xlsx把json对象导出excel
1,首先使用npm下载xlsx.执行命令 npm install xlsx --save
import { Component, OnInit } from '@angular/core';
//import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';
@Component({
selector: 'app-export-as-excel',
templateUrl: './export-as-excel.component.html',
styleUrls: ['./export-as-excel.component.css']
})
export class ExportAsExcelComponent implements OnInit {
/* aa:any;
bb:any;*/
/* persons:any=[{
id:'1',
name:'zheng',
age:'23',
surname:'zhengxiaoya'
},
{
id:'2',
name:'xue',
age:'24',
surname:'saria'
}
];*/
/* data = [
['1','a','aa'],
['2','b','bb'],
['3','c','cc']
]*/
config: any=[
{主页: "111", 名称: "6800", 数量: "6800", 昵称: "广告主网"},
{ 主页: "433", 名称: "6800", 数量: "6800", 昵称: "广告主网"},
{ 名称: "22", 商家: "6800", 数量: "6800", 昵称: "广告主网"},
{ 名称: "43", 商家: "6800", 数量: "6800", 昵称: "广告主网"},
{ 店家: "43", 价格: "6800", 数量: "6800", 昵称: "广告主网"}
]
constructor() { }
ngOnInit() {
/* this.aa=document.getElementById("table1")
var as=document.getElementById("table1");
console.log("a", document.getElementById("table1"));*/
};
exportFile(){
/* var date=new Date();
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var h = date.getHours();
var mi = date.getMinutes();
var s = date.getSeconds();
var res = y.toString();
if(m < 10) res += "0";
res += m;
if(d < 10) res += "0";
res += d;
if(h < 10) res += "0";
res += h;
if (mi < 10) res += "0";
res += mi;
if (s < 10) res += "0";
res += s;
console.log("date",date);
console.log("format",res);*/
/* generate worksheet */
const ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet(this.config);
const ws2: XLSX.WorkSheet = XLSX.utils.json_to_sheet(this.config);
// const ws: XLSX.WorkSheet = XLSX.utils.table_to_sheet(this.aa);
// const ws2: XLSX.WorkSheet = XLSX.utils.table_to_sheet(this.aa);
/* generate workbook and add the worksheet */
const wb: XLSX.WorkBook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
// XLSX.utils.book_append_sheet(wb, ws2, 'Sheet2');
console.log(wb)
/* if(!wb.Props) wb.Props = {};
wb.Props.Title = "Insert Title Here"+res;*/
/* save to file */
XLSX.writeFile(wb, 'SheetJS.xlsx'); //直接定义死文件名
// XLSX.writeFile(wb, wb.Props.Title+'.xlsx'); // 通过变量设置文件名
}
/* F_Open_dialog(){
document.getElementById('btn_file').click();
var objFile = document.getElementById("btn_file");
console.log("dd",objFile);
}*/
}
使用xlsx把json对象导出excel的更多相关文章
- json数据导出excel
最近做的一个项目涉及到把数据导出到excel里面,网上找来找去,最终找到两种办法,废话不多说了 第一种: 拿到表格的id就可以抓取表格的数据,导出到excel,这种方式简单粗暴,引入这两个插件即可. ...
- node使用xlsx导入导出excel
1.安装和引入xlsx 安装 npm install xlsx 引入:let xlsx = require('xlsx');2.读取excel数据function readFile(file) { ...
- JavaScript 上万条数据 导出Excel文件(改装版)
最近项目要js实现将数据导出excel文件,网上很多插件实现~~那个开心呀,谁知道后面数据量达到上万条时出问题:浏览器不仅卡死,导出的excel文件一直提示网络失败.... debug调试发现var ...
- Vue项目中将table组件导出Excel表格以及打印页面内容
体验更优排版请移步原文:http://blog.kwin.wang/programming/vue-table-export-excel-and-print.html 页面中显示的table表格,经常 ...
- html json 导出Excel
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Vue通过Blob对象实现导出Excel功能
不同的项目有不同的导出需求,有些只导出当前所显示结果页面的表格进入excel,这个时候就有很多插件,比如vue-json-excel或者是Blob.js+Export2Excel.js来实现导出Exc ...
- 导出excel时,以form方式提交json数据
今天在写项目时写到一个excel的导出,开始想用ajax请求后台后导出,但发现ajax会有返回值,而且ajax无法直接输出文件,而后台的excel导出方法已经封装好,不方便修改. 就改用了提交的方式f ...
- 关于poi导出excel方式HSSFWorkbook(xls).XSSFWorkbook(xlsx).SXSSFWorkbook.csv的总结
1.HSSFWorkbook(xls) import org.apache.poi.hssf.usermodel.HSSFCell; import org.apache.poi.hssf.usermo ...
- Json数据导出生成Excel
最近在做一个导入导出Excel的功能,导出其他类型的文件都比较熟悉,但是导入跟导出一个Excel还是稍微特殊点.根据这次的经验,写了个导出的小样例. 总体思路就是json数据的key,value跟Ex ...
随机推荐
- 人民币金额大小写Js转换
/** * 数字转中文 * @param dValue * @returns */ function chineseNumber(dValue) { var maxDec = 2; // 验证输入金额 ...
- python学习(三)--跟着例子写的贴吧网页爬取
from urllib import requestimport urllib #爬贴吧网页文件到本地.首先在本地打开百度贴吧 搜索 java吧#第一页的内容是:http://tieba.baidu. ...
- C语言的前世今生
1.计算机语言的发展 机器语言:其实就是二进制0和1,最小为00000000,最大为11111111,8位比特为1个字节(byte),1k=1024byte,1m=1024k,1g=1024m[第一代 ...
- dubbo-admin网页管理控制台
由于近段时间在看dubbo,网上找到的这个war包发布到tomcat报错,故从git(https://github.com/apache/incubator-dubbo-ops)上重新下载编译了版本 ...
- 服务器word权限添加
我们的程序部署到IIS上会出现上图所示的错误. 这个是由于IIS没有权限访问word所致. 解决的方法: 在运行对话框中输入: mmc -32 出来如下图的界面: 然后点击"文件&q ...
- stark——快速过滤list_filter
一.获取过滤字段 1.给自定义配置类配置list_filter app01/stark.py: class BookConfig(ModelStark): list_display = [" ...
- CSS设计模式之三权分立模式篇 ( 转)
转自 海玉的博客 市面上我们常常会看到各种各样的设计模式书籍,Java设计模式.C#设计模式.Ruby设计模式等等.在众多的语言设计模式中我唯独找不到关于CSS设计模式的资料,即使在网上找到类似内容, ...
- 采用 ITextPDF 类库测试向 PDF 中加入图片的示例
package com.smbea.image; import com.artup.util.image.ImageUtil; import com.itextpdf.text.*; import c ...
- 【起航计划ObjC 003】印第安老斑鸠ObjC的幻想 ---- ObjC经典问题
1.Objective-C的类可以多重继承么?可以采用多个协议么? 答:不可以多重继承,可以采用多个协议. 2.#import和#include的区别是什么?#import<> 跟 #im ...
- CSS布局中的问题解决方式
1.解决搜索框和按钮不对齐的方法 vertical-align属性只有两个元素设置为display:inline-block才有效 2.盒子莫名的分行现象 问题描述:比如父盒子宽度为960px,两个左 ...