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. Java数据结构和算法（二）：数组

    上篇博客我们简单介绍了数据结构和算法的概念,对此模糊很正常,后面会慢慢通过具体的实例来介绍.本篇博客我们介绍数据结构的鼻祖——数组,可以说数组几乎能表示一切的数据结构,在每一门编程语言中,数组都是重要 ...

  2. MongoDB，还有一个角度看数据

    传智-玄痛(传智播客北京校区C/C++学院技术指导老师) MongoDB的起源 几年前 10gen 公司做了 SaaS 方面的研发,由于公司一个 MongoDB 产品存储接口的易用性,用户评价很好,公 ...

  3. HDU 2844 Coin 多重背包

    Coins Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...

  4. FreeRTOS 任务优先级分配方案

    任务优先级说明下面对 FreeRTOS 优先级相关的几个重要知识点进行下说明,这些知识点在以后的使用中务必要掌握牢固.  FreeRTOS 中任务的最高优先级是通过 FreeRTOSConfig.h ...

  5. renderer:function参数介绍

    转载自:http://blog.sina.com.cn/s/blog_9eaf28f90101b7y3.html renderer:function(value, cellmeta, record, ...

  6. Centos 挂载NTFS格式的USB硬盘

    公司的一台服务器本身硬盘容量较小,要加一块2T的硬盘,用来做samba服务器,以下是挂载硬盘的主要记录: 这是服务器不认NTFS格式的情况:mount: unknown filesystem type ...

  7. C语言 · 大数乘法

    #include<stdio.h> #include<string.h> ]; void mult(char a[],char b[]) { ,alen,blen,sum=,r ...

  8. jquery设置radio选中

    <script type="text/javascript"> $(document).ready(function(){ $("input[type=rad ...

  9. Android——UI事件的处理机制（基于监听器）

    1.普通内部类(常用) xml <Button android:hint="reset" android:layout_columnWeight="1" ...

  10. 2015 Multi-University Training Contest 3 1002 RGCDQ

    RGCDQ Problem's Link: http://acm.hdu.edu.cn/showproblem.php?pid=5317 Mean: 定义函数f(x)表示:x的不同素因子个数. 如:f ...