Atitit.導出excel功能的設計 與解決方案

 

 

 

 

Atitit.導出excel功能的設計 與解決方案

 

 

1.1. 項目起源於背景1

1.2. Js  jquery方案（推薦）jquery.table2excel1

1.3. 服務器方案2

1.4. 詳細信息2

1.5. 參考4

 

 

1.1. 項目起源於背景

正好咱們項目也正好在研究更快速的導出excel的方法。。昨天終於有告終論。。除了咱們經常使用的後端導出excel，前端js導出excel效果也不錯，估計能夠覆蓋90%的領域。。。因此更好的導出方案就是 js導出（90%）+後端語言導出（10%），取長補短，結合使用

 

1.2. Js  jquery方案（推薦）jquery.table2excel

優勢是快速簡單實現，將邏輯前移，帶來更增強大的跨平臺性跨後端語言。。並且生成的內容是真正xlsx excel格式的（zip 壓縮的xml格式）。

通常對於一千條之內的很合適

 

 

一款基於jquery.table2excel插件實現的能夠根據你的須要導出表格中的內容，不須要的行能夠不導出。須要此款代碼的朋友們能夠前來下載使用。本段代碼兼容目前最新的各種主流瀏覽器

 

使用table2excel表格插件須要在頁面中引入jquery和jquery.table2excel.js文件。

<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.table2excel.js"></script>

 

原理：：使用遍歷表格，生成二進制excel字節組，而後使用h5 api  ArrayBuffer blob觸發瀏覽器執行下載動做

 

做者::  ★(attilax)>>>   綽號:老哇的爪子 （ 全名：：Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿爾 拉帕努伊 ） 漢字名：艾龍，  EMAIL:1466519819@qq.com

轉載請註明來源： http://www.cnblogs.com/attilax/

 

1.3. 服務器方案

優勢是性能，特別對於超過一千條的記錄

 

1.4. 詳細信息

 

若是表格中的某一行不須要導出到Excel中，能夠爲這一行添加.noExl class類，該class類會在插件初始化時經過參數被指定爲不被導出的數據。

初始化插件

在頁面DOM元素加載中完畢以後，能夠經過下面的方法來初始化table2excel插件。

$("#table2excel").table2excel({

  // 不被導出的表格行的CSS class類

  exclude: ".noExl",

  // 導出的Excel文檔的名稱

  name: "Excel Document Name",

  // Excel文件的名稱

  filename: "myExcelTable"

});

配置參數

table2excel插件的可用配置參數有：

· 

exclude：不被導出的表格行的CSS class類。

· 

· 

name：導出的Excel文檔的名稱。

· 

· 

filename：Excel文件的名稱。

· 

· 

exclude_img：是否導出圖片。

· 

· 

exclude_links：是否導出超連接

· 

· 

exclude_inputs：是否導出輸入框中的內容。

· 

 

 

 

1.5. 參考

table2excel-將HTML表格內容導出到Excel中 - 推酷.html

Export Html Table To Excel Spreadsheet using jQuery - table2excel _ Free jQuery Plugins.html

JavaScript中的ArrayBuffer詳細介紹_javascript技巧_腳本之家.htm

Web 端 js 導出csv文件(使用a標籤) - oscar999的專欄 - 博客頻道 - CSDN.NET.html

[JS進階] JS 之Blob 對象類型 - oscar999的專欄 - 博客頻道 - CSDN.NET.html