博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js导出报表
阅读量:5037 次
发布时间:2019-06-12

本文共 2814 字,大约阅读时间需要 9 分钟。

原文链接:https://blog.csdn.net/qq_37936542/article/details/78376156

需求:项目中有一个学生签到模块需要导出每天的签到数据,一开始用poi在后台导出,window下运行没什么问题,但是把项目部署到linux环境上,提示导出路径不存在,思索良久也没有找到解决的办法,最后只能在前端使用js导出表格。

如果有童鞋实现了在linux下使用poi,还请高抬贵手将poi设置路径那一段代码打赏给我看一看,不胜感激,么么哒。

注意:js导出表格是利用浏览器自带的下载功能去实现的,所以不需要定义下载路径,很好用,唯一的缺点就是,表格样式不知道怎么去定义。

一:导入jquery

       

[javascript]
  1. <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>  

二:页面准备一个table和一个导出的按钮

        

[javascript]
  1.  <table id="mytab" border="1">  
  2. <tr>  
  3. <th>Month</th>  
  4. <th>Savings</th>  
  5. </tr>  
  6. <tr>  
  7. <td>January</td>  
  8. <td>$100</td>  
  9. </tr>  
  10. </table>  
  11.  <input value="开始导出" type="button" id="export" οnclick="method5('mytab')">   //参数为table的id  

三:js代码

[javascript]
  1. <script type="text/javascript">  
  2. //打印表格  
  3. var idTmr;  
  4. function getExplorer() {  
  5. var explorer = window.navigator.userAgent;  
  6. //ie    
  7. if (explorer.indexOf("MSIE") >= 0) {  
  8. return 'ie';  
  9. }  
  10. //firefox    
  11. else if (explorer.indexOf("Firefox") >= 0) {  
  12. return 'Firefox';  
  13. }  
  14. //Chrome    
  15. else if (explorer.indexOf("Chrome") >= 0) {  
  16. return 'Chrome';  
  17. }  
  18. //Opera    
  19. else if (explorer.indexOf("Opera") >= 0) {  
  20. return 'Opera';  
  21. }  
  22. //Safari    
  23. else if (explorer.indexOf("Safari") >= 0) {  
  24. return 'Safari';  
  25. }  
  26. }  
  27. function method5(tableid) {  
  28. if (getExplorer() == 'ie') {  
  29. var curTbl = document.getElementById(tableid);  
  30. var oXL = new ActiveXObject("Excel.Application");  
  31. var oWB = oXL.Workbooks.Add();  
  32. var xlsheet = oWB.Worksheets(1);  
  33. var sel = document.body.createTextRange();  
  34. sel.moveToElementText(curTbl);  
  35. sel.select();  
  36. sel.execCommand("Copy");  
  37. xlsheet.Paste();  
  38. oXL.Visible = true;  
  39.   
  40.   
  41. try {  
  42. var fname = oXL.Application.GetSaveAsFilename("Excel.xls",  
  43. "Excel Spreadsheets (*.xls), *.xls");  
  44. catch (e) {  
  45. print("Nested catch caught " + e);  
  46. finally {  
  47. oWB.SaveAs(fname);  
  48. oWB.Close(savechanges = false);  
  49. oXL.Quit();  
  50. oXL = null;  
  51. idTmr = window.setInterval("Cleanup();", 1);  
  52. }  
  53.   
  54.   
  55. else {  
  56. tableToExcel(tableid)  
  57. }  
  58. }  
  59. function Cleanup() {  
  60. window.clearInterval(idTmr);  
  61. CollectGarbage();  
  62. }  
  63. var tableToExcel = (function() {  
  64. 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(  
  65. s) {  
  66. return window.btoa(unescape(encodeURIComponent(s)))  
  67. }, format = function(s, c) {  
  68. return s.replace(/{(\w+)}/g, function(m, p) {  
  69. return c[p];  
  70. })  
  71. }  
  72. return function(table, name) {  
  73. if (!table.nodeType)  
  74. table = document.getElementById(table)  
  75. var ctx = {  
  76. worksheet : name || 'Worksheet',  
  77. table : table.innerHTML  
  78. }  
  79. window.location.href = uri + base64(format(template, ctx))  
  80. }  
  81. })()  
  82. </script>  

结束!!!!

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等10G资源合集大放送:

福利二:微信小程序入门与实战全套详细视频教程。

【领取方法】

关注 【编程微刊】微信公众号:

回复【小程序demo】一键领取130个微信小程序源码demo资源。

回复【领取资源】一键领取前端,Java,产品经理,微信小程序,Python等资源合集10G资源大放送。

原文作者:祈澈姑娘

原文链接:
创作不易,转载请告知

90后前端妹子,爱编程,爱运营,爱折腾。

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

转载于:https://www.cnblogs.com/wangting888/p/9701594.html

你可能感兴趣的文章
SSIS实践入门3:把SSIS程序包从A电脑到B电脑的转移
查看>>
对象的notify方法的含义和对象锁释放的三种情况
查看>>
Eclipse中设置在创建新类时自动生成注释
查看>>
NOI2019:Stay at Home
查看>>
Codefo 546D. Soldier and Number Game
查看>>
php 的加法
查看>>
基于GPU加速的三维空间分析【转】
查看>>
小工具
查看>>
Android 实现形态各异的双向侧滑菜单 自定义控件来袭(转载)
查看>>
robot framework 接口post请求需要加headers
查看>>
JDE隐藏Constant等(Hide Object)
查看>>
python3内置函数
查看>>
java学习之switch 等值判断
查看>>
hdu5036 Explosion 传递闭包
查看>>
WinXP下由于图标造成的System.Windows.Markup.XamlParseException
查看>>
js中ajax返回数据
查看>>
SQL execution plan
查看>>
maven settings.xml windows
查看>>
递归与二叉树_中序和后序重建二叉树
查看>>
C#winform的textbox怎么设置滚动条
查看>>