js 對已知數組數據的導出EXCEL

1. 方法一

<a id="frontExportLogLink" href="javascript:void(0)" ng-click="exportLog()" class="btn btn-danger">導出<span class="glyphicon glyphicon-question-sign mgl10" tooltip="{{'不支持ie' | translate}}"></span></a>
function  getExplorer() {var explorer = window.navigator.userAgent ;//ieif (explorer.indexOf("MSIE") >= 0) {return 'ie';}//firefoxelse if (explorer.indexOf("Firefox") >= 0) {return 'Firefox';}//Chromeelse if(explorer.indexOf("Chrome") >= 0){return 'Chrome';}//Operaelse if(explorer.indexOf("Opera") >= 0){return 'Opera';}//Safarielse if(explorer.indexOf("Safari") >= 0){return 'Safari';}
}
vm.cacheData = "data":[{"lineNo":1,"msg":"test1"},{"lineNo":2,"msg":"test2"},
]
vm.exportLog = function() {if(getExplorer()=='ie'){//TODOvar oXL = new ActiveXObject("Excel.Application"),oWB = oXL.Workbooks.Add(),oSheet = oWB.ActiveSheet,i = 0,j;for(; i < vm.list.data.length; i++){var row = vm.list.data[i];j = 0;angular.forEach(vm.cacheData, function(item, key) {oSheet.Cells(i + 1, j + 1).value = item[key];j++;});}}else{var fileName = getExcelFileName();try {//方法1,2,3,
            tableToExcel(fileName, vm.cacheData);}catch(e) {console.log(e);notificationService.error('導出失敗', false);}}
}function getExcelFileName() {var d = new Date();var curYear = d.getFullYear();var curMonth = "" + (d.getMonth() + 1);var curDate = "" + d.getDate();var curHour = "" + d.getHours();var curMinute = "" + d.getMinutes();var curSecond = "" + d.getSeconds();if (curMonth.length == 1) {curMonth = "0" + curMonth;}if (curDate.length == 1) {curDate = "0" + curDate;}if (curHour.length == 1) {curHour = "0" + curHour;}if (curMinute.length == 1) {curMinute = "0" + curMinute;}if (curSecond.length == 1) {curSecond = "0" + curSecond;}var fileName = "導入錯誤信息" + "_" + curYear + curMonth + curDate + "_"+ curHour + curMinute + curSecond + ".xlsx";return fileName;
}var tableToExcel = function(name, data) {var uri = 'data:application/vnd.ms-excel;base64,',template = '<html><head><meta charset="UTF-8"></head><body><table style="border: 1px solid #dee5e7">{table}</table></body></html>',base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },format = function(s, c) {return s.replace(/{(\w+)}/g,function(m, p) { return c[p]; }) }var html = '<thead><tr><th style="width: 200px; border: 1px solid #dee5e7"><span>行號</span></th><th style="width: 500px;border: 1px solid #dee5e7"><span>錯誤信息</span></th></tr></thead><tbody>';angular.forEach(data, function(item, key) {html += '<tr>' +'    <td style="border: 1px solid #dee5e7">' +'      <span>' + item.lineNo + '</span>' +'    </td>' +'    <td style="border: 1px solid #dee5e7">' +'          <span>' + item.msg + '</span>' +'  </td>' +'  </tr>';});html += '</tbody>';var ctx = {worksheet: name || 'Worksheet', table: html};document.getElementById("frontExportLogLink").href = uri + base64(format(template, ctx));document.getElementById("frontExportLogLink").download = name;//document.getElementById("frontExportLogLink").click();
}

2. 方法二

<script src="${staticPath}/lib/alasql.min.js"></script>
<script src="${staticPath}/lib/xlsx.core.min.js"></script>
<a id="frontExportLogLink" href="javascript:void(0)" ng-click="exportLog()" class="btn btn-danger">導出</span></a>
vm.cacheData = "data":[{"lineNo":1,"msg":"test1"},{"lineNo":2,"msg":"test2"},
]
vm.exportLog = function() {var fileName = getExcelFileName();try {//方法1,2,3,
        tableToExcel(fileName, vm.cacheData);}catch(e) {console.log(e);notificationService.error('導出失敗', false);}
}function getExcelFileName() {var d = new Date();var curYear = d.getFullYear();var curMonth = "" + (d.getMonth() + 1);var curDate = "" + d.getDate();var curHour = "" + d.getHours();var curMinute = "" + d.getMinutes();var curSecond = "" + d.getSeconds();if (curMonth.length == 1) {curMonth = "0" + curMonth;}if (curDate.length == 1) {curDate = "0" + curDate;}if (curHour.length == 1) {curHour = "0" + curHour;}if (curMinute.length == 1) {curMinute = "0" + curMinute;}if (curSecond.length == 1) {curSecond = "0" + curSecond;}var fileName = "導入錯誤信息" + "_" + curYear + curMonth + curDate + "_"+ curHour + curMinute + curSecond + ".xlsx";return fileName;
}var tableToExcel = function(name, data) {var data = angular.copy(data);data.unshift({lineNo: '行號', msg: '錯誤信息'});alasql('SELECT lineNo,msg INTO XLSX("' + name + '",{headers:false}) FROM ?',[data]);
}

?

轉載于:https://www.cnblogs.com/floraCnblogs/p/js-export-array.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/253667.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/253667.shtml
英文地址,請注明出處:http://en.pswp.cn/news/253667.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

芯片面積估計方法

一、概念 芯片面積的主要涵蓋部分分為三部分 IO&#xff1a;芯片的信號及電源pad等Standard cell : 實現芯片的功能邏輯Macro block &#xff1a;第三方IP( PLL DAC POR Memory .etc )芯片面積估計就是通過目標工藝的庫信息&#xff0c;設計的spec、以往設計的信息及&#xff…

WordPress開發之WP Custom Register Login插件試用

簡介 WP Custom Register Login可以為你的WordPress網站前臺增加注冊、登錄、找回密碼的功能&#xff1b;你可以通過簡碼在任何頁面上調用。此外&#xff0c;該插件還支持設置自動通過用戶的電子郵件驗證新帳戶激活&#xff0c;自帶算術驗證碼&#xff0c;有效防護垃圾注冊。對…

Java數據類型(基本數據類型)學習

Java數據類型&#xff08;基本數據類型&#xff09;學習 與其他語言一樣&#xff0c;Java編程同樣存在&#xff0c;比如int a&#xff0c;float b等。在學習變量之前我就必須先了解Java的數據類型啦。 Java的數據類型包括基本數據類型和引用數據類型。具體如下&#xff1a; 各數…

電視信號——行場同步

電視信號分NTSC制和PAL制兩種制式, NTSC制每秒刷新60次,而PAL制每秒刷新50次。 水平消隱&#xff1a;電子槍從左到右畫出象素&#xff0c;它每次只能畫一條掃描線&#xff0c;畫下一條之前要先回到左邊并做好畫下一條掃描線的準備&#xff0c;這之間有一段時間叫做水平消隱&…

SLVS-EC接口學習

SLVS summarize 一、概述 SLVS-EC高速串行接口技術&#xff0c;在CIS和DSP&#xff08;數字信號處理器&#xff09;之間實現了高幀率的寬帶像素數據傳輸。 SLVS-EC引入了一個優化的數據包格式和控制協議&#xff0c;幾乎沒有冗余&#xff0c;而且結構簡單&#xff0c;僅由兩層…

關于Unity中NGUI的Pivot和錨點

Pivot 1.創建一個Sprite類型的Sprite1節點&#xff0c;關聯一個圖集和一張貼圖&#xff0c;用圖中的六個按鈕調整這個貼圖的Pivot點&#xff0c;一共有八個點可以選擇 2.再創建一個Sprite類型的Sprite2節點&#xff0c;作為Sprite1節點的子節點&#xff0c;關聯一個圖集和一張貼…

PrimeTime指南——概述和基本流程

PrimeTime&#xff08;PT&#xff09;是Synopsys的sign-off quality的靜態時序分析工具。PrimeTime可以集成于邏輯綜合和物理綜合的流程&#xff0c;讓設計者分析并解決復雜的時序問題&#xff0c;并提高時序收斂的速度。 一、概述 PT最大的兩個特點是&#xff1a; 基于時序路…

yuv和yCbCr的差異

yuv和yCbCr的差異 一、和rgb之間換算公式的差異 yuv<-->rgb Y 0.299*R 0.587*G 0.114*B U -0.147*R - 0.289*G 0.436*B 0.492*(B- Y) V 0.615*R - 0.515*G - 0.100*B 0.877*(R- Y) R Y 1.140*V G Y - 0.394*U - 0.581*V B Y 2.032*U yCbCr<-->rgb Y’ 0…

配置zentaophp

原理&#xff1a; 首先&#xff0c;我們要明白為什么訪問localhost就可以訪問到我們的apache主頁。 解析域名的時候&#xff0c;首先是從本地的hosts文件開始的。 如果查不到&#xff0c;才會去DNS服務器查詢。 如果你在這里面寫一行&#xff1a;127.0.0.1 www.baidu.com 百…

Android開發——RecyclerView特性以及基本使用方法(二)

0. 前言隨著Android的發展&#xff0c;雖然ListView依舊重要&#xff0c;但RecyclerView確實越來越多的被大家使用。但顯然并不能說RecyclerView就一定優于ListView&#xff0c;而是應該根據不同的需求選擇最合適的進行使用。本篇將介紹我們為什么要使用RecyclerView&#xff…

pycharm中使用scrapy命命

2019獨角獸企業重金招聘Python工程師標準>>> 這篇博客寫的不錯&#xff0c;親測 https://blog.csdn.net/MAOZEXIJR/article/details/80678133 轉載于:https://my.oschina.net/u/2511906/blog/1934993

PrimeTime指南——合理設置約束

完整的STA需要滿足以下兩點&#xff1a; 完整的設計約束&#xff08;完整并不意味著正確&#xff09;運行所有需要的時序檢查可以用以下兩條命令來進行完整性的檢查&#xff1a; check_timing // 檢查是否缺少了約束條件 report_analysis_cove…

Matlab增加塊注釋

1&#xff09;方法一選中你要加注釋的內容&#xff0c;然后選擇工具菜單“text|comment”就可以了&#xff0c;如果要把注釋變為語句&#xff0c;同樣選中要轉變的語句&#xff0c;然后用鼠標選擇“text|uncomment”就可以了。用鍵盤的快捷鍵是"CtrlR".或者選中你要加…

理解正向代理和反向代理

首先&#xff0c;大家可以看一下這里https://www.zhihu.com/question/24723688 其實答復的非常清楚了。 知乎網友阿笠碩士圖畫的很形象&#xff0c;地址為https://www.zhihu.com/question/24723688/answer/48369770 其次&#xff0c;我自己根據專家的解釋&#xff0c;總結如下…

tablayout支持改變選中文字大小,支持左右滑動,支持viewpager,支持三角可移動指示器...

TabLayout [簡書地址] (https://www.jianshu.com/p/2c3f868266e8) 基于大神的FlycoTabLayout [傳送地址和基本用法](https://github.com/H07000223/FlycoTabLayout) 用法和屬性和這個庫一樣 效果圖如下 主要添加一個屬性 tl_text_select_size 控制選中文字大小 看代碼截圖 然后…

Design Compiler指南——概述和基本流程

綜合是前端模塊設計中的重要步驟之一&#xff0c;綜合的過程是將行為描述的電路、RTL級的電路轉換到門級的過程&#xff1b;Design Compiler是Synopsys公司用于做電路綜合的核心工具&#xff0c;它可以方便地將HDL語言描述的電路轉換到基于工藝庫的門級網表。本文將簡單介紹綜合…

linux常用網絡命令

關鍵詞&#xff1a;linux網絡命令、ifconfig、route、ip、netstat、socket flag 引言&#xff1a; 想成為真正的高手&#xff0c;必須要熟練掌握linux系統的命令行操作&#xff0c;今天就回顧一下linux在網絡上的常用命令相關知識&#xff0c; 另外&#xff0c;實踐才是最終的方…

圖像增強匯總

1、 圖像增強技術包括 1&#xff09; 圖像灰度變換方法 2&#xff09; 直方圖修正方法 3&#xff09; 圖像平滑處理 4&#xff09; 圖像尖銳化處理 5&#xff09; 彩色處理技術 2、 圖像增強技術基本上分為兩大類&#xff1a;頻域處理法和時域處理法。 3、 頻…

javaweb(三十八)——mysql事務和鎖InnoDB(擴展)

MySQL/InnoDB的加鎖分析&#xff0c;一直是一個比較困難的話題。我在工作過程中&#xff0c;經常會有同事咨詢這方面的問題。同時&#xff0c;微博上也經常會收到MySQL鎖相關的私信&#xff0c;讓我幫助解決一些死鎖的問題。本文&#xff0c;準備就MySQL/InnoDB的加鎖問題&…

Design Compiler指南——預綜合過程

預綜合過程是指在綜合過程之前的一些為綜合作準備的步驟&#xff0c;包括Design Compiler的啟動、設置各種庫文件、創建啟動腳本文件、讀入設計文件、DC中的設計對象、各種模塊的劃分以及Verilog的編碼等等。 一、Design Compiler的啟動 目前&#xff0c;DC的啟動方式有三種&a…