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. Mysql 比较运算符详解

    熟悉了最简单的算术运算符,再来看一下比较运算符.当使用SELECT 语句进行查询时,MySQL允许用户对表达式的左边操作数和右边操作数进行比较,比较结果为真,则返回1,为假则返回0,比较结果不确定则返 ...

  2. Atitit.软件GUI按钮与仪表盘(01)--js区-----js格式化的使用

    Atitit.软件GUI按钮与仪表盘(01)--js区-----js格式化的使用 1. Chrome36( recomm) DEV TOOL>SOURCE> DSWEIHAMYAR  &q ...

  3. atitit.Windows Server 2003 2008 2012系统的新特性 attilax 总结

    atitit.Windows Server 2003  2008  2012系统的新特性 attilax 总结 1. Windows Server 2008 新特性也可以归纳为4个方面. 1 2. 相 ...

  4. JQM事件详解

    在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...

  5. 把一张图片 转成二进制流 用AFNetworking POST 上传到服务器.

    把一张图片 转成二进制流 用AFNetworking POST 上传到服务器. AFHTTPRequestOperationManager *manager = [[AFHTTPRequestOper ...

  6. js 实现依赖注入的思想，后端框架思想搬到前端来

    前述:咱们写一些页面的时候,很多需要用ajax来实现,显示又有很多表单提交的add或者update操作,太烦了,能不能有什么方法能够简单些呢? 说实话我都是被公司给逼的 应用场景: 前后端一一对应.表 ...

  7. layui单文件上传

    function imguload(cls) { var taskId = $("#model-taskId").val(); var processInstanceId = $( ...

  8. Python异常处理try...except...finally raise assert

    异常处理:try ...except  try代码块放置容易发生异常的语句:except代码块放置处理异常的语句try ...except...finally finally代码快是任何时候都会执行的 ...

  9. Windows Phone实用教程：利用Blend为程序添加设计时数据

    [前言] Blend自诞生那一天起就伴随这开发者如此的评价: 有VS还用Blend干啥,直接码代码就好了. Blend会生成一堆垃圾无用代码,很不爽. 对于这类我只会在心里评价,当你并不真正了解一样事 ...

  10. php服务器环境变量

    可以把一些配置写到apache或nginx的配置里,然后在代码里判断环境变量来实现开发环境和线上环境的切换. 比如在本地可以 SetEnv APP_ENV local线上则 SetEnv APP_EN ...