js가 보고서를 내보내는 방법에 대한 분석 예
项目中签到模块需要导出每天的签到数据，一开始用poi在后台导出，window下运行没什么问题，但是把项目部署到linux环境上,提示导出路径不存在，思索良久也没有找到解决的办法，最后只能在前端使用js导出表格。本篇文章给大家分享的是实例剖析js如何导出报表的操作详解，内容挺不错的，希望可以帮助到有需要的朋友
注意：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>坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。
위 내용은 js가 보고서를 내보내는 방법에 대한 분석 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7681
15
1393
52
1209
24
91
11
73
19
WeChat에서 Douyin 비공개 메시지 이모티콘을 얻는 방법은 무엇입니까? 비공개 메시지 이모티콘 패키지를 내보내는 방법은 무엇입니까?
Mar 21, 2024 pm 10:01 PM
소셜 미디어의 지속적인 성장과 함께 인기 있는 단편 동영상 플랫폼인 Douyin은 많은 사용자를 끌어 모았습니다. Douyin에서 사용자는 자신의 생활을 보여줄 수 있을 뿐만 아니라 다른 사용자와 상호 작용할 수도 있습니다. 이러한 상호 작용에서 이모티콘은 점차 사용자가 자신의 감정을 표현하는 중요한 방법이 되었습니다. 1. WeChat에서 Douyin 비공개 메시지 이모티콘을 얻는 방법은 무엇입니까? 우선, Douyin 플랫폼에서 비공개 메시지 이모티콘을 받으려면 Douyin 계정에 로그인한 다음 원하는 이모티콘을 검색하고 선택해야 합니다. 친구에게 보내거나 직접 수집할 수 있습니다. Douyin에서 이모티콘 패키지를 받은 후 개인 메시지 인터페이스를 통해 이모티콘 패키지를 길게 누른 다음 "이모티콘에 추가" 기능을 선택할 수 있습니다. 이러한 방식으로 이 이모티콘 패키지를 Douyin의 이모티콘 라이브러리에 추가할 수 있습니다. 3. 다음으로 Douyin 이모티콘 라이브러리에 표현식을 추가해야 합니다.
WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법
Dec 17, 2023 pm 02:54 PM
WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.
QQ Music에서 다운로드한 노래를 Mac에서 mp3로 내보내려면 두 단계만 거치면 됩니다.
Jan 05, 2024 pm 07:10 PM
음악을 듣는 것은 매우 흔한 일입니다. 나는 많은 친구들이 어디에 있든 그것을 할 것이라고 믿습니다. 음악을 들을 때 주로 어떤 소프트웨어를 사용하시나요? 저처럼 QQ Music을 사용하시나요? 저는 현재 QQ Music을 사용하여 노래를 듣고 있는데 휴대폰뿐만 아니라 Mac 컴퓨터에서도 사용할 수 있습니다. 온라인으로 노래를 듣는 것 외에도 QQ Music에서 좋아하는 노래를 컴퓨터로 다운로드할 수도 있습니다. 하지만 Mac용 QQ Music에서 다운로드한 노래는 필요한 형식이 아닙니다. 필요한 것은 MP3 형식의 음악입니다. 그러면 Mac용 QQ Music에서 다운로드한 노래를 MP3 형식으로 내보내는 방법은 무엇입니까? Mac용 QQ Music에서 다운로드한 노래를 MP3 형식으로 내보내고 변환하는 방법은 무엇입니까? Mac용 QQ Music에서 다운로드한 노래를 MP로 내보내고 변환하려는 경우
xmind 파일을 pdf 파일로 내보내는 방법
Mar 20, 2024 am 10:30 AM
xmind는 매우 실용적인 마인드 매핑 소프트웨어입니다. 사람들의 생각과 영감을 사용하여 만든 지도 형식입니다. xmind 파일을 만든 후에는 일반적으로 모든 사람이 쉽게 배포하고 사용할 수 있도록 PDF 파일 형식으로 변환합니다. PDF 파일로? 다음은 참조할 수 있는 구체적인 단계입니다. 1. 먼저 마인드맵을 PDF 문서로 내보내는 방법을 보여드리겠습니다. [파일]-[내보내기] 기능버튼을 선택하세요. 2. 새로 나타난 인터페이스에서 [PDF 문서]를 선택하고 [다음] 버튼을 클릭하세요. 3. 내보내기 인터페이스에서 용지 크기, 방향, 해상도 및 문서 저장 위치 설정을 선택합니다. 설정을 완료한 후 [마침] 버튼을 클릭하세요. 4. [마침] 버튼을 클릭하면
WebSocket 및 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술
Dec 17, 2023 pm 05:30 PM
WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술
Kujiale에서 단면도를 내보내는 방법_Kujiale에서 단면도를 내보내는 방법
Apr 02, 2024 pm 06:01 PM
1. 먼저 Kujiale에서 처리할 설계도면을 열고 위 도면 목록 아래의 시공도면을 클릭합니다. 2. 그런 다음 클릭하여 풀 컬러 평면도를 선택합니다. 3. 그런 다음 도면에서 불필요한 가구를 숨기고 내보내야 하는 가구만 남겨 둡니다. 4. 마지막으로 다운로드를 클릭합니다.
JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법
Dec 17, 2023 pm 12:09 PM
JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면
WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법
Dec 17, 2023 am 09:39 AM
WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.
