整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          前端必讀:如何在 JavaScript 中使用SpreadJS導(dǎo)入和導(dǎo)出 Excel 文件

          avaScript在前端領(lǐng)域占據(jù)著絕對(duì)的統(tǒng)治地位,目前更是從瀏覽器到服務(wù)端,移動(dòng)端,嵌入式,幾乎所有的所有的應(yīng)用領(lǐng)域都可以使用它。技術(shù)圈有一句很經(jīng)典的話“凡是能用JavaScript實(shí)現(xiàn)的東西,最后都會(huì)用JavaScript實(shí)現(xiàn)”。

          Excel 電子表格自 1980 年代以來一直為各行業(yè)所廣泛使用,至今已擁有超過3億用戶,大多數(shù)人都熟悉 Excel 電子表格體驗(yàn)。許多企業(yè)在其業(yè)務(wù)的各個(gè)環(huán)節(jié)中使用了 Excel 電子表格進(jìn)行數(shù)據(jù)管理。

          作為全球領(lǐng)先的軟件開發(fā)技術(shù)和低代碼平臺(tái)提供商,葡萄城專注開發(fā)技術(shù)和工具已經(jīng)長達(dá)四十余年,一直以來引領(lǐng)著國內(nèi)控件技術(shù)和數(shù)據(jù)分析工具的發(fā)展。SpreadJS表格控件作為葡萄城的核心產(chǎn)品,能夠完美兼容 Excel 的功能和使用體驗(yàn)并高度匹配在線辦公場景的需求。

          SpreadJS可以為我們的Web應(yīng)用提供更好的交互體驗(yàn),以及更靈活的權(quán)限控制、數(shù)據(jù)整合、數(shù)據(jù)可視化、戰(zhàn)略績效測量 (SPM)、復(fù)雜的統(tǒng)計(jì)分析等。多年來,Excel 兼容性一直是SpreadJS最重要的功能之一。

          SpreadJS 提供了熟悉的 Excel 電子表格界面。用戶可以通過SpreadJS直接在頁面端導(dǎo)入和導(dǎo)出 Excel 文件——這一切無需依賴 Excel。

          在本博客中,我們將介紹如何按照以下步驟在 JavaScript 中,實(shí)現(xiàn)頁面端電子表格導(dǎo)入/導(dǎo)出到 Excel:

          1. 設(shè)置 JavaScript 電子表格項(xiàng)目

          2. 添加 Excel 導(dǎo)入代碼

          3. 將數(shù)據(jù)添加到導(dǎo)入的 Excel 文件

          4. 添加迷你圖

          5. 添加 Excel 導(dǎo)出代碼

          設(shè)置 JavaScript 電子表格項(xiàng)目

          首先,我們可以使用托管在 NPM 上的 SpreadJS 文件。為此,我們可以使用命令行參數(shù)進(jìn)行安裝。打開命令提示符并導(dǎo)航到應(yīng)用程序的位置。在那里,您可以使用一個(gè)命令安裝所需的文件。

          在這種情況下,我們需要基本的 Spread-Sheets 庫、Spread-ExcelIO 和 jQuery:

          npm i @grapecity/spread-sheets @grapecity/spread-excelio jquery

          SpreadJS 不依賴于 jQuery,但在這種情況下,我們使用它來提供簡單的跨域請(qǐng)求支持,稍后我們將對(duì)其進(jìn)行回顧。

          一旦安裝了這些,我們就可以在我們的代碼中添加對(duì)這些腳本和 CSS 文件的引用:

          <!DOCTYPE html>
          <html>
          <head>
          <title>SpreadJS ExcelIO</title>
          <script src="./node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
          <link href="./node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css" rel="stylesheet" type="text/css" />
          <script type="text/javascript" src="./node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js"></script>
          <script type="text/javascript" src="./node_modules/@grapecity/spread-excelio/dist/gc.spread.excelio.min.js"></script>
          </head>
          <body>
          <div id="ss" style="height:600px; width :100%; "></div>
          </body>
          </html>

          除了 SpreadJS 和 jQuery 文件之外,我們還需要導(dǎo)入 FileSaver 庫,為了便于后續(xù)程序處理,SpreadJS默認(rèn)提供完整的文件流,F(xiàn)ileSaver庫可以用來把文件流轉(zhuǎn)成文件下載到本地。

          然后我們可以在頁面中添加一個(gè)腳本來初始化 Spread.Sheets 組件和一個(gè) div 元素來包含它(因?yàn)?SpreadJS 電子表格組件使用了一個(gè)畫布,這是初始化組件所必需的):

          <script type="text/javascript">
          $(document).ready(function () {
          var workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
          });
          </script>
          </head>
          <body>
          <div id="ss" style="height:600px ; width :100%; "></div>
          </body>

          添加 Excel 導(dǎo)入代碼

          我們需要?jiǎng)?chuàng)建一個(gè)客戶端 ExcelIO 組件的實(shí)例,我們可以使用它來打開文件:

          var excelIO = new GC.Spread.Excel.IO();

          然后我們需要添加一個(gè)函數(shù)來導(dǎo)入文件。在此示例中,我們導(dǎo)入了一個(gè)本地文件,但您可以對(duì)服務(wù)器上的文件執(zhí)行相同的操作。如果從服務(wù)器導(dǎo)入文件,您需要引用該位置。下面是一個(gè)輸入元素的示例,用戶可以在其中輸入文件的位置:

          <input type="text" id="importUrl" value="http://www.testwebsite.com/files/TestExcel.xlsx" style="width:300px" />

          一旦你有了它,你可以直接在腳本代碼中訪問該值:

          var excelUrl = $("#importUrl").val();

          導(dǎo)入函數(shù)的以下代碼使用“excelUrl”變量的本地文件:

          function ImportFile() {
          var excelUrl = "./test.xlsx";
          
          var oReq = new XMLHttpRequest();
          oReq.open('get', excelUrl, true);
          oReq.responseType = 'blob';
          oReq.onload = function () {
          var blob = oReq.response;
          excelIO.open(blob, LoadSpread, function (message) {
          console.log(message);
          });
          };
          oReq.send(null);
          }
          function LoadSpread(json) {
          jsonData = json;
          workbook.fromJSON(json);
          
          workbook.setActiveSheet("Revenues (Sales)");
          }

          無論您是在服務(wù)器上還是在本地引用文件,都需要在 $(document).ready 函數(shù)內(nèi)的腳本中添加以下內(nèi)容:

          $(document).ready(function () {
          $.support.cors = true;
          workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
          //...
          });

          在這種情況下,我們需要啟用 Cross-Origin-Request-Support,因?yàn)槲覀兛赡軙?huì)從 URL 加載文件。因此 $.support.cors = true;行,否則嘗試加載它會(huì)導(dǎo)致 CORS 錯(cuò)誤。

          將數(shù)據(jù)添加到導(dǎo)入的 Excel 文件

          我們使用本教程的“損益表”Excel 模板導(dǎo)入本地文件。

          現(xiàn)在我們可以使用 Spread.Sheets 腳本在這個(gè)文件中添加另一個(gè)收入行。讓我們在頁面上添加一個(gè)按鈕來執(zhí)行此操作:

          <button id="addRevenue">Add Revenue</button>

          我們可以為該按鈕的單擊事件處理程序編寫一個(gè)函數(shù)來添加一行并從前一行復(fù)制樣式以準(zhǔn)備添加一些數(shù)據(jù)。要復(fù)制樣式,我們需要使用 copyTo 函數(shù)并傳入:

          1. 原始和目標(biāo)行和列索引

          2. 行數(shù)和列數(shù)

          3. 樣式的 CopyToOptions 值

          document.getElementById("addRevenue").onclick = function () {
          var sheet = workbook.getActiveSheet();
          sheet.addRows(newRowIndex, 1);
          sheet.copyTo(10, 1, newRowIndex, 1, 1, 29, GC.Spread.Sheets.CopyToOptions.style);
          }

          以下用于添加數(shù)據(jù)和 Sparkline 的腳本代碼將包含在此按鈕單擊事件處理程序中。對(duì)于大部分?jǐn)?shù)據(jù),我們可以使用 setValue 函數(shù)。這允許我們通過傳入行索引、列索引和值來在 Spread 中的工作表中設(shè)置值:

          sheet.setValue(newRowIndex, 1, "Revenue 8");
          for (var c = 3; c < 15; c++) {
          sheet.setValue(newRowIndex, c, Math.floor(Math.random() * 200) + 10);
          }

          在 P 列中設(shè)置 SUM 公式以匹配其他行并為 Q 列設(shè)置百分比:

          sheet.setFormula(newRowIndex, 15, "=SUM([@[Jan]:[Dec]])")
          sheet.setValue(newRowIndex, 16, 0.15);

          最后,我們可以再次使用 copyTo 函數(shù)將先前行中的公式復(fù)制到 R 到 AD 列的新行,這次使用 CopyToOptions.formula:

          sheet.copyTo(10, 17, newRowIndex, 17, 1, 13, GC.Spread.Sheets.CopyToOptions.formula);

          添加迷你圖

          現(xiàn)在,我們可以添加迷你圖來匹配其他數(shù)據(jù)行。為此,我們需要提供一系列單元格以從中獲取數(shù)據(jù)以及迷你圖的一些設(shè)置。在這種情況下,我們可以指定:

          1. 單元格的范圍,我們只是將數(shù)據(jù)添加到

          2. 使迷你圖看起來像同一列中的其他迷你圖的設(shè)置

          var data = new GC.Spread.Sheets.Range(11, 3, 1, 12);
          var setting = new GC.Spread.Sheets.Sparklines.SparklineSetting();
          setting.options.seriesColor = "Text 2";
          setting.options.lineWeight = 1;
          setting.options.showLow = true;
          setting.options.showHigh = true;
          setting.options.lowMarkerColor = "Text 2";
          setting.options.highMarkerColor = "Text 1";

          之后,我們調(diào)用 setSparkline 方法并指定:

          1. 迷你圖的位置

          2. 數(shù)據(jù)的位置

          3. 迷你圖的方向

          4. 迷你圖的類型

          5. 我們創(chuàng)建的設(shè)置

          sheet.setSparkline(11, 2, data, GC.Spread.Sheets.Sparklines.DataOrientation.horizontal, GC.Spread.Sheets.Sparklines.SparklineType.line, setting);

          如果您現(xiàn)在嘗試運(yùn)行代碼,它可能看起來有點(diǎn)慢,因?yàn)槊看胃臄?shù)據(jù)和添加樣式時(shí)工作簿都會(huì)重新繪制。為了顯著加快速度并提高性能,Spread.Sheets 提供了暫停繪畫和計(jì)算服務(wù)的能力。讓我們在添加一行及其數(shù)據(jù)之前添加代碼以暫停兩者,然后在之后恢復(fù)兩者:

          workbook.suspendPaint();
          workbook.suspendCalcService();
          //...
          workbook.resumeCalcService();
          workbook.resumePaint();

          添加該代碼后,我們可以在 Web 瀏覽器中打開該頁面,并查看 Excel 文件加載到 Spread.Sheets 中并添加了收入行。重要提示:請(qǐng)記住,出于安全考慮,Chrome 不允許您打開本地文件,因此您需要使用 Firefox 等網(wǎng)絡(luò)瀏覽器才能成功運(yùn)行此代碼。或者,從網(wǎng)站 URL 加載文件應(yīng)該可以在任何瀏覽器中正常打開。

          添加 Excel 導(dǎo)出代碼

          最后,我們可以添加一個(gè)按鈕來導(dǎo)出包含添加行的文件。為此,我們可以使用 Spread.Sheets 中內(nèi)置的客戶端 ExcelIO 代碼:

          function ExportFile() {
          var fileName = $("#exportFileName").val();
          if (fileName.substr(-5, 5) !== '.xlsx') {
          fileName += '.xlsx';
          }
          var json = JSON.stringify(workbook.toJSON());
          
          excelIO.save(json, function (blob) {
          saveAs(blob, fileName);
          }, function (e) {
          if (e.errorCode === 1) {
          alert(e.errorMessage);
          }
          });
          }

          該代碼從 exportFileName 輸入元素獲取導(dǎo)出文件名。我們可以定義它并讓用戶像這樣命名文件:

          <input type="text" id="exportFileName" placeholder="Export file name" value="export.xlsx" />

          然后我們可以添加一個(gè)按鈕來調(diào)用這個(gè)函數(shù):

          <button id="export">Export File</button>
          document.getElementById("export").onclick = function () {
          ExportFile();
          }

          添加收入行后,您可以使用“導(dǎo)出文件”按鈕導(dǎo)出文件。確保添加 FileSaver 外部庫以允許用戶將文件保存在他們想要的位置:

          <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>

          成功導(dǎo)出文件后,您可以在 Excel 中打開它,并查看文件與導(dǎo)入時(shí)的外觀相同,只是現(xiàn)在我們添加了額外的收入行。

          這只是一個(gè)示例,說明如何使用 SpreadJS JavaScript 電子表格將數(shù)據(jù)添加到 Excel 文件,然后使用簡單的 JavaScript 代碼將它們導(dǎo)出回 Excel。

          DF轉(zhuǎn)WORD為什么是歷史難題

          PDF 轉(zhuǎn)Word 是一個(gè)非常非常普遍的需求,可謂人人忌危,為什么如此普遍的需求,卻如此難行呢,還得看為什么會(huì)有這樣的一個(gè)需求。

          PDF文檔遵循iOS32000的規(guī)范是由Adobe 公司推出的文檔格式,之所以應(yīng)用如此廣泛,是因?yàn)镻DF精確定位了每個(gè)字符的坐標(biāo)、根據(jù)坐標(biāo)繪制的各種形狀,使用PDF格式傳輸和打印文檔可以保證格式的一致性,然后很多PDF文件是可用于閱讀,展示,打印,但編輯起來是非常困難,如格式調(diào)整,文字修改,樣式調(diào)整等,那么就衍生了PDF 轉(zhuǎn)Word這一歷史性的需求,但因?yàn)閮烧咧g采用的編碼規(guī)范以及布局機(jī)制的完全不一致,導(dǎo)致轉(zhuǎn)換起來會(huì)非常復(fù)雜,一般的工具不是格式錯(cuò)亂,就是內(nèi)容錯(cuò)亂,很難達(dá)到客戶的原生期望。

          其難點(diǎn)在于建立從PDF基于元素位置的格式到Word基于內(nèi)容的格式的映射。PDF文檔實(shí)際并不存在段落、表格的概念,PDF轉(zhuǎn)Word要做的就是將PDF文檔中“橫、豎線條圍繞著文本”解析為Word的“表格”,將“文本及下方的一條橫線”解析為“文本下劃線”,等等。

          兩個(gè)工具兩套規(guī)則,自古以來兩個(gè)工具之間的兼容轉(zhuǎn)換,除非是為一家所有,會(huì)有通用的標(biāo)準(zhǔn)和接口預(yù)留,達(dá)到很好的兼容性,但 Adobe和微軟都是巨大的科技企業(yè),且兩款軟件功能都是非常強(qiáng)大且覆蓋面全,要做到完美的匹配所有規(guī)則更是非常苦難。

          對(duì)于報(bào)表用戶來說,很多用戶會(huì)將報(bào)表理解為報(bào)告,報(bào)告自然會(huì)聯(lián)想到Word,那么就很希望在頁面中展示的內(nèi)容能夠成 Word 文件來進(jìn)行存檔,編輯等作用。

          ActiveReportsJS 是一款前端的報(bào)表開發(fā)工具,不與后端關(guān)聯(lián),因此想要將展示的HTML 生成Word,研發(fā)團(tuán)隊(duì)經(jīng)過一些調(diào)研發(fā)現(xiàn)整個(gè)過程會(huì)非常復(fù)雜非常困難,正如他們反饋:“不是一個(gè)sprint能解決的問題”,就PDF.js 背后都有強(qiáng)大的Mozilla支撐,更何況Word文檔是依托微軟的Office開發(fā)組件去生成的。

          但在實(shí)際接觸客戶的時(shí)候,許多用戶都會(huì)來詢問相關(guān)內(nèi)容包括如何用報(bào)表設(shè)計(jì)類似審批表、人事履歷表、檢測報(bào)告等很常見的Word報(bào)告。用戶對(duì)結(jié)果都比較滿意,但唯一用戶不滿的是報(bào)表結(jié)果只能生成pdf。這是傳統(tǒng),這也是核心需求,也是痛點(diǎn)。

          本葡萄就有些很著急,于是不信這個(gè)邪,在前端工具如此豐富的情況下,竟沒有一個(gè)這樣可用的工具?

          開始搜索,打開google,榨干全部腦汁的詞匯量輸入了我需要的關(guān)鍵詞,搜索到了以下結(jié)果。

          乍一看,第一條完全吻合,Node.js 雖說是服務(wù)端也不是不可以接受,只要有方案即可。

          使用cloudmersive-convert-api-client 實(shí)現(xiàn)任意文件格式的轉(zhuǎn)換

          看著非常有戲。

          代碼簡單:

          但仔細(xì)看看代碼,果然老天在為我們送東西的時(shí)候都在背后的標(biāo)好了價(jià)格

          心想如果可以,付費(fèi)就付費(fèi)吧,畢竟我們也是做付費(fèi)商業(yè)軟件的專業(yè)er,版權(quán)意識(shí)還是需要有的。

          點(diǎn)擊登錄,用谷歌賬號(hào)登陸成功后,即可在項(xiàng)目中引用cloudmersive-convert-api-client 安裝包。

          該JS 庫提供了將近幾十種的API及Class用于處理轉(zhuǎn)換不同的格式文件:除了將PDF轉(zhuǎn)Word外,還有其他發(fā)的文件格式轉(zhuǎn)換,使用起來也是非常簡單,

          轉(zhuǎn)換結(jié)果測評(píng):

          可以識(shí)別本地的PDF 文件,轉(zhuǎn)換結(jié)果:

          1. 能夠保證90%的格式和樣式,達(dá)到要求
          2. 圖片可直接導(dǎo)入
          3. 背景色無法保留
          4. 表格無法直接導(dǎo)入為Word的表格,只能作為但文本
          5. 頁眉頁腳信息無法直接導(dǎo)入為Word的頁眉頁腳,只作為文本
          6. 部分內(nèi)容丟失

          • 產(chǎn)品價(jià)格

          因?yàn)檎麄€(gè)轉(zhuǎn)換API 只是CloudMersive 的一個(gè)API功能,整個(gè)產(chǎn)品還附加其他的安全檢驗(yàn)等功能,因此產(chǎn)品是按月及并發(fā)數(shù)收費(fèi)的。大家可自行搜索了解,不過他們網(wǎng)站倒是提供好了幾個(gè)文件轉(zhuǎn)換的工具非常好用,無需登錄直接獲取轉(zhuǎn)換結(jié)果

          嘗試既然有PDF流直接暴力轉(zhuǎn)換Word文檔,可否?

          通過搜索發(fā)現(xiàn)PDF對(duì)象流直接用JS 轉(zhuǎn)換為Word 文件是非常困難的, 而且經(jīng)過驗(yàn)證ARJS 導(dǎo)出PDF 文件可以用Word軟件打開,那么突然想到是否可以找一個(gè)中間件,將PDF流直接轉(zhuǎn)換為doc或docx格式,但搜索一番,嘗試之后,只是在.pdf前面加了document.docx.pdf

          該方法嘗試失敗。

          跟技術(shù)大咖聊了之后,才發(fā)現(xiàn)pdf和word雖然本質(zhì)都是二進(jìn)制流,但內(nèi)部的聲明等都是各自文件特有的屬性,因此不能直接轉(zhuǎn)換,簡而言之就是是什么文件流就只能保存什么文件流。且PDF 和 Word是兩大技術(shù)公司背書,直接轉(zhuǎn)換得用專業(yè)的工具,因此此路不通

          曲線救Coder: HTML 轉(zhuǎn)換PDF 大工將成?

          于是乎,退而求其次,HTML 是萬能的,HTML 可以轉(zhuǎn)萬物, HTML 轉(zhuǎn)PDF, HTML 轉(zhuǎn)圖片,HTML 轉(zhuǎn)Excel等等等,那么 ActiveReportsJS 提供了可將報(bào)表導(dǎo)出為HTML 文件且格式完全一致,那么方法來了,我直接使用HTML 轉(zhuǎn) Word不是更方便些?Google搜索果然此類資料比PDF 轉(zhuǎn)Word多了百倍,而且看代碼也是操作非常簡單:

          只需3步驟:

          1、將報(bào)表導(dǎo)出HTML

            var pageReport = new ARJS.PageReport();
                      pageReport.load('./BandedReport.rdlx-json')
                          .then(function() { return pageReport.run() })
                          .then(function(pageDocument) { return HTMLExport.exportDocument(pageDocument) })

          2、加工HTML 代碼增加office 標(biāo)記

            var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+
                      "xmlns:w='urn:schemas-microsoft-com:office:word' "+
                      "xmlns='http://www.w3.org/TR/REC-html40'>"
                            let reg=/<html>/;
                          
                            console.log(reg.test(htmlcode));
                           var test= htmlcode.replace(reg,header);
                           var sourceHTML='data:application/vnd.ms-word;charset=utf-8,'+encodeURIComponent(test);

          3、 創(chuàng)建 a 標(biāo)簽,直接下載 doc格式

             var fileDownload = document.createElement("a");
                 document.body.appendChild(fileDownload);
                 fileDownload.href = sourceHTML;
                 fileDownload.download = 'document.doc';
                 fileDownload.click();
                 document.body.removeChild(fileDownload);        

          看看結(jié)果:效果很Nice

          轉(zhuǎn)換結(jié)果測評(píng):

          1. 樣式丟失,包括字體顏色,背景色,形狀
          2. 圖像丟失
          3. 表格可以直接導(dǎo)入為Word表格
          4. 圖標(biāo)保留

          4.總結(jié)

          兩種轉(zhuǎn)化結(jié)果總結(jié)如下:

          通過一番嘗試也算是有一個(gè)Workaround,考慮到報(bào)告類的報(bào)表一般以文本內(nèi)容為主,樣式也比較樸素,所以使用html到Word轉(zhuǎn)換不失為一個(gè)快速簡潔的方法,大部分需要保存為Word 還是為了進(jìn)行二次編輯。本葡萄也在努力尋找HTML 轉(zhuǎn)Word 樣式保留的方法,有新的進(jìn)展會(huì)給大家更新第二篇。

          轉(zhuǎn)載請(qǐng)注明出處:葡萄城官網(wǎng),葡萄城為開發(fā)者提供專業(yè)的開發(fā)工具、解決方案和服務(wù),賦能開發(fā)者。微信公眾號(hào):“葡萄城社區(qū)”。

          • Wiki百科:PDF介紹
          • Wiki 百科:Word介紹
          • pdf.js analog for Word Documents
          • 純前端報(bào)表控件 ActiveReportsJS

          oi框架 framework-poi

          > 簡單、好用且輕量級(jí)的海量excel,csv文件導(dǎo)入導(dǎo)出解決方案。解決火狐瀏覽器中文編碼問題。

          > 注:excel的合并功能及復(fù)雜功能,使用代碼實(shí)現(xiàn)比較復(fù)雜,框架只提供單行的導(dǎo)入導(dǎo)出。

          如何使用?

          引入Maven依賴或下載jar包

           <dependency>
           <groupId>com.github.fartherp</groupId>
           <artifactId>framework-poi</artifactId>
           <version>3.0.4</version>
           </dependency>
          

          CSV常用例子:

           CSVRead.read(CSVReadTest.class.getResourceAsStream("/a.csv"), new CSVReadDeal<CsvReadDto>() { 
           // 單條數(shù)據(jù)處理(每一行對(duì)應(yīng)一個(gè)javabean)
           public CsvReadDto dealBean(String[] arr) {
           CsvReadDto dto = new CsvReadDto();
           dto.setId(Long.valueOf(arr[0]));
           dto.setName(arr[1]);
           dto.setAge(Integer.valueOf(arr[2])); 
           return dto;
           } 
           // 批量數(shù)據(jù)處理(可以批量入庫)
           public void dealBatchBean(List<CsvReadDto> list) {
           Assert.assertEquals("name1";, list.get(0).getName());
           Assert.assertEquals("name2", list.get(1).getName());
           Assert.assertEquals("name3", list.get(2).getName());
           } 
           // 批量加載多少數(shù)據(jù),統(tǒng)一處理(默認(rèn)1000)
           public int getBatchCount() { 
           return super.getBatchCount();
           } 
           // 從第幾行開始加載(默認(rèn)跳過第一行)
           public int skipLine() { 
           return super.skipLine();
           }
           });
          

          2.CSV文件導(dǎo)出:

           String filename = "TEST";
           String[] title = SheetsTitlesEnum.USER_LOGIN_LOG.getTitle();
           List<String[]> bodyList = new ArrayList<>();
           CsvUtil.writeCsvFile(filename, title, bodyList);
          

          3.瀏覽器下載CSV文件:

           HttpServletResponse response = null;
           HttpServletRequest request = null;
           String filename = "TEST";
           String[] title = SheetsTitlesEnum.USER_LOGIN_LOG.getTitle();
           List<String[]> bodyList = new ArrayList<>();
           CsvUtil.writeCsvFile(response, request, filename, title, bodyList);
          

          Excel常用例子:

          1.Excel文件導(dǎo)入:

           ExcelRead.read(ExcelReadTest.class.getResourceAsStream("/a.xls"), new ExcelReadDeal<ExcelReadDto>() { 
           // 單條數(shù)據(jù)處理(每一行對(duì)應(yīng)一個(gè)javabean)
           public ExcelReadDto dealBean(Row row) {
           ExcelReadDto dto = new ExcelReadDto();
           dto.setId(new BigDecimal(row.getCell(0).toString()).longValue());
           dto.setName(row.getCell(1).toString());
           dto.setAge(Integer.valueOf(row.getCell(2).toString())); 
           return dto;
           } 
           // 批量數(shù)據(jù)處理(可以批量入庫)
           public void dealBatchBean(List<ExcelReadDto> list) {
           Assert.assertEquals("name1", list.get(0).getName());
           Assert.assertEquals("name2", list.get(1).getName());
           Assert.assertEquals("name3", list.get(2).getName());
           } 
           // 批量加載多少數(shù)據(jù),統(tǒng)一處理(默認(rèn)1000)
           public int getBatchCount() { 
           return super.getBatchCount();
           } 
           // 從第幾行開始加載(默認(rèn)跳過第一行)
           public int skipLine() { 
           return super.skipLine();
           }
           });
          

          2.Excel文件導(dǎo)出:

           String[] title = new String [6];
           title[0] = "登錄時(shí)間";
           title[1] = "用戶名";
           title[2] = "訪問端";
           title[3] = "版本系統(tǒng)";
           title[4] = "登錄IP";
           title[5] = "狀態(tài)";
           String fileName = "D:\\style1.xls";
           FileExcelWrite.<ExcelDto>build(title, fileName)
           .setLargeDataMode(false)
           .deal(obj -> {
           String[] result = new String[6];
           result[0] = obj.getTime();
           result[1] = obj.getName();
           result[2] = obj.getClient();
           result[3] = obj.getVersion();
           result[4] = obj.getIp();
           result[5] = obj.getStatus() + ""; 
           return result;
           })
           .list(ExcelWriteStyleTest.getList())// 默認(rèn)情況下導(dǎo)出數(shù)據(jù)達(dá)到excel最大行,自動(dòng)切換sheet,(xlsx=1048576,xls=65536)
           .list(ExcelWriteStyleTest.getList1())
           .write();
          

          3.Excel文件導(dǎo)出(風(fēng)格,可以自定義風(fēng)格):

           Map<String, Object> map = new HashMap<>();
           map.put("quoteCurrency", "ETH");
           map.put("symbol", "USDT_ETH");
           map.put("startTime", "2019-01-09 00:00:00");
           map.put("endTime", "2019-01-09 12:00:00");
           String fileName = "D:\\styleInputStream.xls";
           FileExcelWrite.<ExcelDto>build(this.getClass().getResourceAsStream("/c.xls"), fileName)
           .additional(map)
           .deal(new WriteDeal<ExcelDto>() { 
           public String[] dealBean(ExcelDto obj) {
           String[] result = new String[3];
           result[0] = obj.getId() + "";
           result[1] = obj.getName();
           result[2] = obj.getAge() + ""; 
           return result;
           } 
           public int skipLine() { 
           return 4;
           }
           })
           .list(getList())
           .write();
          

          4.瀏覽器下載Excel文件:

           String[] title = new String [6];
           title[0] = "登錄時(shí)間";
           title[1] = "用戶名";
           title[2] = "訪問端";
           title[3] = "版本系統(tǒng)";
           title[4] = "登錄IP";
           title[5] = "狀態(tài)";
           String fileName = "D:\\style1.xls";
           HttpServletResponseExcelWrite.<ExcelDto>build(title, fileName, request, response)
           .setLargeDataMode(false)
           .deal(obj -> {
           String[] result = new String[6];
           result[0] = obj.getTime();
           result[1] = obj.getName();
           result[2] = obj.getClient();
           result[3] = obj.getVersion();
           result[4] = obj.getIp();
           result[5] = obj.getStatus() + ""; 
           return result;
           })
           .list(ExcelWriteStyleTest.getList())// 默認(rèn)情況下導(dǎo)出數(shù)據(jù)達(dá)到excel最大行,自動(dòng)切換sheet,(xlsx=1048576,xls=65536)
           .list(ExcelWriteStyleTest.getList1())
           .write();
          

          公告模塊框架 framework-common

          包括各種util,例如:日期DateUtil,BigDecimalUtil等等
          

          壓縮框架 framework-compress

          提供各種壓縮方式
          1.bzip2
          2.gzip
          3.jar
          4.tar
          5.zip
          6.zlib
          7.shell命令(gzip,targz)
          

          核心框架 framework-core

          1.整合easyui分頁功能
          2.驗(yàn)證碼
          3.整合easyui樹結(jié)構(gòu)
          4.統(tǒng)一前端請(qǐng)求后的返回參數(shù)
          5.發(fā)送郵件,包括html郵件
          

          db操作框架 framework-database

          封裝操作數(shù)據(jù)庫的基本操作(增刪改查)
          

          異常體系框架 framework-exception

          1.mysql數(shù)據(jù)庫返回的錯(cuò)誤信息,轉(zhuǎn)成可識(shí)別信息
          2.oracle數(shù)據(jù)庫返回的錯(cuò)誤信息,轉(zhuǎn)成可識(shí)別信息
          3.通用的異常返回的錯(cuò)誤信息,轉(zhuǎn)成可識(shí)別信息
          

          文件處理框架 framework-file

          1.ftp
          2.nfs
          

          net框架 framework-net

          1.ftp
          2.sftp
          

          poi框架 framework-poi

          1.csv讀取及下載
          2.excel讀取
          

          加密解密框架 framework-security

          1.不可逆:base64,MD5
          2.對(duì)稱密鑰:AES,DES,3DES
          3.非對(duì)稱密鑰:RSA
          

          framework-filter

          1、支持切面過濾
          2、和spring環(huán)境集成
           配置方式是:
           web.xml 
           <filter>
           <filter-name>frameworkFilter</filter-name>
           <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
           <init-param>
           <param-name>targetFilterLifecycle</param-name>
           <param-value>true</param-value>
           </init-param>
           </filter>
           <filter-mapping>
           <filter-name>frameworkFilter</filter-name>
           <url-pattern>/*</url-pattern>
           </filter-mapping>
           spring 配置文件
           <bean id="frameworkFilter" class="cn.vanskey.filter.web.FrameworkFilterFactoryBean">
           <property name="filters"> //過濾器配置
           <util:map>
           <entry key="myfilter">
           <bean class="com.zrj.pay.cashier.action.demo.MyFilter"/>
           </entry>
           </util:map>
           </property>
           <property name="filterChainDefinitions">
           <value>
           /** = myfilter //過濾器和路徑的對(duì)應(yīng)關(guān)系
           </value>
           </property>
           </bean>
          

          關(guān)注后私信“FrameworkPoi”就會(huì)收到詳細(xì)文檔介紹,喜歡的關(guān)注下每天會(huì)推出更多技術(shù)精品。


          主站蜘蛛池模板: 一区二区高清视频在线观看| 亚洲国产精品第一区二区三区| 日本一区二区三区精品国产 | 日本一区二区三区不卡视频| 国产大秀视频一区二区三区| 国产激情无码一区二区app| 日韩精品一区二区三区老鸭窝| 无码人妻久久一区二区三区蜜桃 | 中文字幕无线码一区2020青青 | 无码一区二区三区老色鬼| 国产一区二区三区视频在线观看| 国产在线视频一区二区三区98 | 国产精品揄拍一区二区久久| 一区二区三区免费高清视频| 精品国产一区二区三区久久久狼 | 无码人妻视频一区二区三区| 全国精品一区二区在线观看| 国产成人久久精品一区二区三区| 无码人妻精品一区二区三区9厂| 亚洲色精品aⅴ一区区三区| 波多野结衣中文一区| 在线播放精品一区二区啪视频| 人妻无码一区二区不卡无码av| 国产波霸爆乳一区二区| 极品少妇伦理一区二区| 精品一区二区久久久久久久网精| 精品一区二区三区免费毛片爱| 好爽毛片一区二区三区四| 无码精品人妻一区二区三区AV| 国产SUV精品一区二区四 | 好爽毛片一区二区三区四| 国产精品一区二区资源| 亚洲国产精品无码第一区二区三区| 亚洲视频一区二区三区| 无码av免费一区二区三区| 日韩免费无码视频一区二区三区| 精品一区二区在线观看| 嫩B人妻精品一区二区三区| 日韩电影一区二区三区| 香蕉久久一区二区不卡无毒影院 | 亚洲AV无码一区二区三区牲色|