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的更多相关文章

  1. json数据导出excel

    最近做的一个项目涉及到把数据导出到excel里面,网上找来找去,最终找到两种办法,废话不多说了 第一种: 拿到表格的id就可以抓取表格的数据,导出到excel,这种方式简单粗暴,引入这两个插件即可. ...

  2. node使用xlsx导入导出excel

    1.安装和引入xlsx 安装  npm install xlsx 引入:let xlsx = require('xlsx');2.读取excel数据function readFile(file) {  ...

  3. JavaScript 上万条数据 导出Excel文件(改装版)

    最近项目要js实现将数据导出excel文件,网上很多插件实现~~那个开心呀,谁知道后面数据量达到上万条时出问题:浏览器不仅卡死,导出的excel文件一直提示网络失败.... debug调试发现var  ...

  4. Vue项目中将table组件导出Excel表格以及打印页面内容

    体验更优排版请移步原文:http://blog.kwin.wang/programming/vue-table-export-excel-and-print.html 页面中显示的table表格,经常 ...

  5. html json 导出Excel

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. Vue通过Blob对象实现导出Excel功能

    不同的项目有不同的导出需求,有些只导出当前所显示结果页面的表格进入excel,这个时候就有很多插件,比如vue-json-excel或者是Blob.js+Export2Excel.js来实现导出Exc ...

  7. 导出excel时,以form方式提交json数据

    今天在写项目时写到一个excel的导出,开始想用ajax请求后台后导出,但发现ajax会有返回值,而且ajax无法直接输出文件,而后台的excel导出方法已经封装好,不方便修改. 就改用了提交的方式f ...

  8. 关于poi导出excel方式HSSFWorkbook(xls).XSSFWorkbook(xlsx).SXSSFWorkbook.csv的总结

    1.HSSFWorkbook(xls) import org.apache.poi.hssf.usermodel.HSSFCell; import org.apache.poi.hssf.usermo ...

  9. Json数据导出生成Excel

    最近在做一个导入导出Excel的功能,导出其他类型的文件都比较熟悉,但是导入跟导出一个Excel还是稍微特殊点.根据这次的经验,写了个导出的小样例. 总体思路就是json数据的key,value跟Ex ...

随机推荐

  1. iis6、iis7、apache设置mime类型

    1.IIS6添加方法. 打开iis,展开网站,右键要设置的站点--属性.找到“http头”选项卡--mime类型 进行设置添加. 截图以.ipa mime类型举例. 2.IIS7(iis7.5.iis ...

  2. 【学习笔记】HTML基础:使用html制作网页

    一.初识HTML 1.什么是HTML? Hyper Text Markup Language(超文本标记语言) 扩展XML:Extendsible  Markup Language(可扩展性标记语言) ...

  3. Python爬虫之三种数据解析方式

    一.引入 二.回顾requests实现数据爬取的流程 指定url 基于requests模块发起请求 获取响应对象中的数据 进行持久化存储 其实,在上述流程中还需要较为重要的一步,就是在持久化存储之前需 ...

  4. Flexviewer使用Google地图作为底图

    Flexviewer使用Google地图作为底图: 在使用google地图作底图前提是你需要在Flex中实现加载google地图的代码(网上一大堆,随便找), 在只加载google地图的情况下,成功显 ...

  5. Jmeter使用CSV Data Set Config参数化数据不重复的多次循环执行(实现多用户多次抽奖功能)

    Jmeter中使用CSV Data Set Config参数化不重复数据执行N遍 要求: 今天要测试上千条数据,且每条数据要求执行多次,(模拟多用户多次抽奖) 1.用户id有175个,且没有任何排序规 ...

  6. Linux下的环境部署和项目发布

    1.查看系统版本 sudo uname --m i686 //表示是32位 x86_64 // 表示是64位 2.下载对应版本软件,jdk和Tomcat(切记注意版本) jdk: 下载地址:http: ...

  7. git 无法忽略Android Studio 生成的 .idea目录解决办法

    在Android Studio中导入了别的人Gradle项目,产生了 .idea文件夹, 然后git 发现了这个变动,修改了 .gitignore不起作用,仍然不能忽略这个文件夹 在项目目录里面 右键 ...

  8. python加解密

    from Crypto.Cipher import AES import base64 secret_key = '1234567890123456' # 密匙 msg_text = 'test so ...

  9. Linux --远程访问控制

    1.SSH服务端 修改配置文件 vi /etc/ssh/sshd_config 监听选项 port 22 //监听端口地址 ListenAddress 192.168.1.50 //监听地址为本机地址 ...

  10. 二、Python安装扩展库

    第一步:推荐easy_install工具 下载地址:https://pypi.python.org/pypi/setuptools 下载"ez_setup.py"文件; 通过运行c ...