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. 最简单的TCP网络封包解包(补充)-序列化

    如若描述或者代码当中有谬误之处,还望指正. 将数据能够在TCP中进行传输的两种方法1.直接拷贝struct就可以了:2.序列化. 拷贝Struct存在的问题1.不能应付可变长类型的数据,比如STL中的 ...

  2. 0062 Spring MVC的文件上传与下载--MultipartFile--ResponseEntity

    文件上传功能在网页中见的太多了,比如上传照片作为头像.上传Excel文档导入数据等 先写个上传文件的html <!DOCTYPE html> <html> <head&g ...

  3. spark源码 hashpartitioner

    def nonNegativeMod(x: Int, mod: Int): Int = { val rawMod = x % mod rawMod + () mod ) def getPartitio ...

  4. mysql索引学习

    索引用于快速找出在某列中有一特定值的行. 如果不使用索引,MySQL必须从第一条记录开始读完整个表,直到找出相关的行. 表越大,查询数据所花费的时间越多. 如果表中查询的列有一个索引,MySQL能快速 ...

  5. am335x 一个按键实现重置 ip 和 root passwd

    * 其实做法很简单,我连按键驱动都没有去写,读取 gpio 的值然后 拷贝了一份 /etc/network/interfaces_bak 为 interfaces ,用脚本重新设置了一次root 密码 ...

  6. typeof关键字

    C语言中 typeof 关键字是用来定义变量数据类型的.在linux内核源代码中广泛使用. 使用方法 1.当x的类型为是 int 时 _min1变量的数据类型则为 int. 2.当x为一个表达式时(例 ...

  7. SSL/TLS协议运行机制的概述_转

    转自:SSL/TLS协议运行机制的概述 作者: 阮一峰 日期: 2014年2月 5日 互联网的通信安全,建立在SSL/TLS协议之上. 本文简要介绍SSL/TLS协议的运行机制.文章的重点是设计思想和 ...

  8. No output operations registered, so nothing to execute

    SparkStreaming和KafKa结合报错!报错之前代码如下: object KafkaWordCount{ val updateFunc = (iter:Iterator[(String,Se ...

  9. Android基础总结（十）ContentProvider

    内容提供者(掌握) 应用的数据库是不允许其他应用访问的 内容提供者的作用就是让别的应用访问到你的私有数据 自定义内容提供者,继承ContentProvider类,重写增删改查方法,在方法中写增删改查数 ...

  10. CSS3 实现厉害的文字和输入框组合效果

    最近在忙着弄网站,学到了不少效果,这又是一个厉害的  <html> <head> <meta http-equiv="Content-Type" co ...