原文鏈接:https://blog.csdn.net/qq_37936542/article/details/78376156
需求：項目中有一個學生簽到模塊需要導出每天的簽到數據，一開始用poi在后台導出，window下運行沒什么問題，但是把項目部署到linux環境上,提示導出路徑不存在，思索良久也沒有找到解決的辦法，最后只能在前端使用js導出表格。
如果有童鞋實現了在linux下使用poi，還請高抬貴手將poi設置路徑那一段代碼打賞給我看一看，不勝感激，么么噠。
注意：js導出表格是利用瀏覽器自帶的下載功能去實現的，所以不需要定義下載路徑，很好用，唯一的缺點就是，表格樣式不知道怎么去定義。
一：導入jquery
- <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
二：頁面准備一個table和一個導出的按鈕
- <table id="mytab" border="1">
- <tr>
- <th>Month</th>
- <th>Savings</th>
- </tr>
- <tr>
- <td>January</td>
- <td>$100</td>
- </tr>
- </table>
- <input value="開始導出" type="button" id="export" onclick="method5('mytab')"> //參數為table的id
三：js代碼
- <script type="text/javascript">
- //打印表格
- var idTmr;
- function getExplorer() {
- var explorer = window.navigator.userAgent;
- //ie
- if (explorer.indexOf("MSIE") >= 0) {
- return 'ie';
- }
- //firefox
- else if (explorer.indexOf("Firefox") >= 0) {
- return 'Firefox';
- }
- //Chrome
- else if (explorer.indexOf("Chrome") >= 0) {
- return 'Chrome';
- }
- //Opera
- else if (explorer.indexOf("Opera") >= 0) {
- return 'Opera';
- }
- //Safari
- else if (explorer.indexOf("Safari") >= 0) {
- return 'Safari';
- }
- }
- function method5(tableid) {
- if (getExplorer() == 'ie') {
- var curTbl = document.getElementById(tableid);
- var oXL = new ActiveXObject("Excel.Application");
- var oWB = oXL.Workbooks.Add();
- var xlsheet = oWB.Worksheets(1);
- var sel = document.body.createTextRange();
- sel.moveToElementText(curTbl);
- sel.select();
- sel.execCommand("Copy");
- xlsheet.Paste();
- oXL.Visible = true;
- try {
- var fname = oXL.Application.GetSaveAsFilename("Excel.xls",
- "Excel Spreadsheets (*.xls), *.xls");
- } catch (e) {
- print("Nested catch caught " + e);
- } finally {
- oWB.SaveAs(fname);
- oWB.Close(savechanges = false);
- oXL.Quit();
- oXL = null;
- idTmr = window.setInterval("Cleanup();", 1);
- }
- } else {
- tableToExcel(tableid)
- }
- }
- function Cleanup() {
- window.clearInterval(idTmr);
- CollectGarbage();
- }
- var tableToExcel = (function() {
- var uri = 'data:application/vnd.ms-excel;base64,', template = '<html><head><meta charset="UTF-8"></head><body><table border="1">{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];
- })
- }
- return function(table, name) {
- if (!table.nodeType)
- table = document.getElementById(table)
- var ctx = {
- worksheet : name || 'Worksheet',
- table : table.innerHTML
- }
- window.location.href = uri + base64(format(template, ctx))
- }
- })()
- </script>
結束！！！！
文末福利：
福利一：前端，Java，產品經理，微信小程序，Python等10G資源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入門與實戰全套詳細視頻教程。
【領取方法】
關注 【編程微刊】微信公眾號：
回復【小程序demo】一鍵領取130個微信小程序源碼demo資源。
回復【領取資源】一鍵領取前端，Java，產品經理，微信小程序，Python等資源合集10G資源大放送。
原文作者：祈澈姑娘
原文鏈接：https://www.jianshu.com/u/05f416aefbe1
創作不易，轉載請告知
90后前端妹子，愛編程，愛運營，愛折騰。
堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。