导出excel

chanthuang 发布于2019-08-22 11:10 / 329人阅读

摘要：网址安装依赖引入依赖导出文件导出文件的格式数据事件结果通过服务实现导出账单文件下载失败

网址：

https://github.com/agershun/a...
http://alasql.org/

安装依赖

npm install alasql --save
npm install xlsx --save

引入依赖

"alasql/dist/alasql.js",
"xlsx/dist/xlsx.core.min.js",

导出文件

// 导出文件的格式
var mystyle = {
  headers:true,
  column: {style:{Font:{Bold:"1"}}},
  rows: {1:{style:{Font:{Color:"#FF0077"}}}},
  cells: {1:{1:{
    style: {Font:{Color:"#00FFFF"}}
  }}}
};

// 数据
$scope.datas = [{
    name: "John Smith",
    email: "j.smith@example.com",
    dob: "1985-10-10"
  }, {
    name: "Jane Smith",
    email: "jane.smith@example.com",
    dob: "1988-12-22"
  }, {
    name: "Jan Smith",
    email: "jan.smith@example.com",
    dob: "2010-01-02"
  }, {
    name: "Jake Smith",
    email: "jake.smith@exmaple.com",
    dob: "2009-03-21"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Josh Smith",
    email: "josh@example.com",
    dob: "2011-12-12"
  }, {
    name: "Jessie Smith",
    email: "jess@example.com",
    dob: "2004-10-12"
}];

// 事件
$scope.exportExcel = function(){
  console.log(alasql,"alasql");
  alasql("SELECT * INTO XLSXML("john.xls",?) FROM ?",[mystyle,$scope.datas]);
}

结果：

通过$http服务实现excel导出

$http({
  url: "/zl-ec/mc/payment/exportPaymentBill",
  method: "POST",
  params: params,
  headers: {
     "Content-type": "application/json"
   },
  responseType: "arraybuffer"
}).success(function (data) {
  var blob = new Blob([data], {type: "application/vnd.ms-excel"});
  var objectUrl = URL.createObjectURL(blob);
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.setAttribute("style", "display:none");
  a.setAttribute("href", objectUrl);
  var filename="账单.xlsx";
  a.setAttribute("download", filename);
  a.click();
  URL.revokeObjectURL(objectUrl);
}).error(function () {
  console.log("文件下载失败");
});

云服务器 GPU云服务器 excel表格导出 excel导出出错 excel导出乱码 excel导入导出

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91918.html

Java对象和Excel转换工具XXL-EXCEL

摘要：一行代码完成对象和之间的转换。说明属性列名称四版本更新日志版本，新特性导出支持对象装换为，并且支持字节数组等多种导出方式导入支持转换为对象，并且支持文件路径等多种导入方式版本，新特性字段支持类型。《Java对象和Excel转换工具XXL-EXCEL》 showImg(https://segmentfault.com/img/remote/1460000012470335);showI...

mj 2019-08-16 10:59 评论0 收藏0
java 导出 excel 最佳实践，java 大文件 excel 避免OOM(内存溢出) exce

摘要：消费之后，多线程处理文件导出，生成文件后上传到等文件服务器。前端直接查询并且展现对应的任务执行列表，去等文件服务器下载文件即可。这客户体验不友好，而且网络传输，系统占用多种问题。拓展阅读导出最佳实践框架产品需求产品经理需要导出一个页面的所有的信息到 EXCEL 文件。需求分析对于 excel 导出，是一个很常见的需求。最常见的解决方案就是使用 poi 直接同步导出一个 exc...

K_B_Z 2019-08-16 13:51 评论0 收藏0
FineReport中JS如何自定义按钮导出

FineReport支持多种不同的导出方式，直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出，但是我们在web页面集成中的时候，往往只想将报表内容嵌入到iframe中，而工具栏以及工具栏上的按钮都会隐藏掉，而使用web页面自定义的按钮，那么，此时，这种自定义按钮如何实现导出呢？ showImg(https://segmentfault.com/img/bVJR1H?w=...

wujl596 2019-08-21 15:17 评论0 收藏0
在 Laravel 5 中使用 Laravel Excel 实现 Excel/CSV 文件导入导出功

摘要：本文非原创，基于学院在中使用实现文件导入导出功能这篇文章在实际中测试调整。简介在中集成套件中的，从而方便我们以优雅的富有表现力的代码实现文件的导入和导出。本文非原创，基于laravel 学院《在 Laravel 5 中使用 Laravel Excel 实现 Excel/CSV 文件导入导出功能》这篇文章在实际中测试调整。 showImg(https://segmentfault.c...

XFLY 2019-07-01 12:19 评论0 收藏0
php 导出 excel

关于 PHP 导出 excel csv 常用的有 PHPexcel ,本文整理了一些其他方案。高性能 Excel 扩展 sudo apt-get install -y zlib1g-dev git clone https://github.com/jmcnamara/libxlsxwriter.git cd libxlsxwriter make && sudo make install // ...

付永刚 2019-06-28 14:38 评论0 收藏0
如何用java完成Excel快速的导入导出

摘要：日常工作中是我们经常需要处理的文件报表的生成数据的导出几乎每个项目都需要写对应的处理作者也是编写这块代码大军的一员能否有方法让我们不用重复编写代码呢能否只要简单配置就可以完成我们的生成呢作者分析了和对象的关系发现就是我们的一个对象是我们的一日常工作中,Excel是我们经常需要处理的文件,报表的生成,数据的导出,几乎每个项目都需要写对应的处理.作者也是编写这块代码大军的一员,能否有方法...

zhichangterry 2019-08-16 10:47 评论0 收藏0