1. 拼接返回的json数据

// 拼接需要下载报表的HTML，并返回html;
reportHtml(reporttData) {

    let html = `<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">

<head><!--[if gte mso 9]>

  <meta http-equiv="Content-Type"" content="text/html;charset=utf-8" />

  <style> .xl24 {

    mso-style-parent: style0;

    mso-number-format: "" \\@ "";

    text-align: right;

    vnd . ms-excel .

    numberformat: @

  } </style>

  <xml>

    <x:ExcelWorkbook>

      <x:ExcelWorksheets>

        <x:ExcelWorksheet>

          <x:Name>报表</x:Name>

          <x:WorksheetOptions>

            <x:DisplayGridlines/>

          </x:WorksheetOptions>

        </x:ExcelWorksheet>

      </x:ExcelWorksheets>

    </x:ExcelWorkbook>

  </xml><![endif]--></head>

<body>`

    html += `<table><thead>

        <tr>

          <th>姓名</th>

          <th>性别</th>

          <th>备注</th>

        </tr>

    </thead><tbody>`;

    reporttData.forEach(item => {

      html += `<tr>

           <td>${item.name ? item.name : ''}</td>

        <td>${item.sex === '1' ? '男' : '女'}</td>

        <td>${item.IsVip === '1' ? '会员' : '非会员'}</td>

        <td>${item.msg? item.msg : ''}</td></tr>`;

    })

    html += `</tbody></table></body></html>`;

    return html;

  }

2. 点击下载时下载报表

let html = this.reportHtml(response.data)

        var blob = new Blob([html], {type: "application/vnd.ms-excel;charset=utf-8"});

        var objectUrl = URL.createObjectURL(blob);

        console.log(objectUrl)

        var a = document.createElement('a');

        document.body.appendChild(a);

        a.setAttribute('style', 'display:none');

        a.setAttribute('href', objectUrl);

        a.setAttribute('download', 'fileName');

        a.click();

        URL.revokeObjectURL(objectUrl);

json写入到excel表的更多相关文章

  1. 将从数据库中获取的数据写入到Excel表中

    pom.xml文件写入代码,maven自动加载poi-3.1-beta2.jar <!-- https://mvnrepository.com/artifact/poi/poi --> & ...

  2. Python实现读取json文件到excel表

    一.需求 1.'score.json' 文件内容: { "1":["小花",99,100,98.5], "2":["小王" ...

  3. Python中读取文件中的json串，并将其写入到Excel表格中

    Json:JavaScript Objective Notation,是一种轻量级的数据交换格式.Json最广泛的应用是作为AJAX中web服务器和客户端的通讯的数据格式.现在也常用语http请求中, ...

  4. Python调用百度地图API实现批量经纬度转换为实际省市地点（api调用，json解析，excel读取与写入）

    1.获取秘钥 调用百度地图API实现得申请百度账号或者登陆百度账号,然后申请自己的ak秘钥.链接如下:http://lbsyun.baidu.com/apiconsole/key?applicatio ...

  5. 使用C#实现读取/写入Excel表

    C#实现写入Excel表 using System; using System.Reflection; using System.IO; using Microsoft.Office.Interop. ...

  6. 用C#写入Excel表并保存

    想用C#操作Excel表,首先要做一些准备工作. 如果要操作 microsoft office Excel 2003表,就需要引入Microsoft office 11.0 object librar ...

  7. 提取excel表数据成json格式的以及对图片重命名

    开发那边的需求 1.功夫熊猫以及阿狸布塔故事集都是属于剧集的.意思就是有很多集,这里称他们为tv最下面这几行第一列没名字的都是单集的,这里称它们为mv需要统计所有工作表里面的数据把tv放一个大的jso ...

  8. json.parse()使用过程中，肯能会出现的问题（Excel表中数据也存在类似问题）

    如果使用json.parse()报如下的错误, Js错误: Jsp页面的显示的错误: 经分析显示:是由于某个字段的值存在换行符造成的 解决方案:只需要将存在换行符的字段重新编辑,使其不存在换行符即可. ...

  9. 分享一个小工具：Excel表高速转换成JSON字符串

    在游戏项目中一般都须要由策划制作大量的游戏内容,当中非常大一部分是使用Excel表来制作的.于是程序就须要把Excel文件转换成程序方便读取的格式. 之前项目使用的Excel表导入工具都是通过Offi ...

随机推荐

  1. 简单集成高大上的ImagePicker无标题文章

    简单集成高大上的ImagePicker无标题文章   现在是个项目就要有图片上传所以下面介绍一下简单高端的图片选择器 感谢读者的细心发现bug,最近bug已经修复(github更新)所以对文章部分内容 ...

  2. 处理图片（updated）

    高像素的图片,比如分辨率为 7712x4352 的照片,当加载到一个 bitmap 中时会占用相当大的内存. 每个像素会占用 4个字节的内存,所以当没有被压缩时,全部的图片会占用 12800万字节(约 ...

  3. SAP ERP 6.0 EHP7 SR2(WINDOWS MSSQL版)安装说明

    原文 by 枫竹丹青 ⋅ 1．安装准备 1.1．版本说明 本文是描述在一个Windows虚拟机.SQL Server数据库环境下,安装SAP ERP 6.0 EHP7 SR2服务器,安装完成虚拟机文件 ...

  4. PHP学习记录第一篇：Ubuntu14.04下LAMP环境的搭建

    最近一段时间会学习一下PHP全栈开发,将会写一系列的文章来总结学习的过程,以自勉. 第一篇记录一下LAMP环境的安装 0. 安装Apache Web服务器 安装之前先更新一下系统 sudo apt-g ...

  5. Eclipse报Caused by: java.lang.OutOfMemoryError: PermGen space解决思路

    一.修改tomcat/bin目录下的catalina.bat 在“rem ----- Execute The Requested Command ----------------------”下加入 ...

  6. Codeforces461A Appleman and Toastman 贪心

    题目大意是Appleman每次将Toastman给他的Ni个数拆分成两部分后再还给Toastman,若Ni == 1则直接丢弃不拆分.而Toastman将每次获得的Mi个数累加起来作为分数,初始时To ...

  7. CEF Xilium.CefGlue 在当前窗体中打开全部链接（防止弹窗）

    我们在使用Xilium.CefGlue编写浏览器应用程序时.对于嵌入的网页假设有链接会在新窗体打开.这种用户体验会非常差.因此我们须要改动程序,使全部链接都在当前窗体中打开. 首先引用Xilium.C ...

  8. phoenix 入门

    http://phoenix.apache.org/Phoenix-in-15-minutes-or-less.html Blah, blah, blah - I just want to get s ...

  9. shiro配置unauthorizedUrl，无权限抛出无权限异常，但是不跳转

    在使用shiro配置无授权信息的url的时候,发现这样的一个scenario,配置好unauthorizedUrl后仍然无法跳转,然后就在网上开始找,找了原因以及解决方案 原因,先post一个源码: ...

  10. 数据库 proc编程七

    #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #include <stri ...