Excel的兩種匯出入門方法（JAVA與JS）
阿新 • • 發佈：2018-12-11
寫在開頭 轉載自簡書 最後附上作者資訊
最近在做一個小專案作為練手，其中使用到了匯出到Excel表格，一開始做的是使用JAVA的POI匯出的，但因為我的資料是爬蟲爬出來的，資料暫時並不儲存在資料庫或後臺，所以直接顯示在HTML的table，需要下載時又要將資料傳回後臺然後生成Excel檔案，最後再從伺服器下載到本地，過程幾度經過網路傳輸，感覺比較耗時與浪費效能，於是想著在HTML中的Table直接導到Excel中節約資源
JAVA匯出EXCEL(.xls)
匯出Excel用的外掛是apache的poi.jar，maven地址如下
<dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.17</version> </dependency>
1. 簡單應用
先來個簡化無樣式的Excel匯出，由於我的資料存在JSON中，所以形參是JSONArray，朋友們根據自己的實際資料型別（Map，List，Set等）傳入即可 ，程式碼如下
/** * 建立excel並填入資料 * @author LiQuanhui * @date 2017年11月24日 下午5:25:13 * @param head 資料頭 * @param body 主體資料 * @return HSSFWorkbook */ public static HSSFWorkbook expExcel(JSONArray head, JSONArray body) { //建立一個excel工作簿 HSSFWorkbook workbook = new HSSFWorkbook(); //建立一個sheet工作表 HSSFSheet sheet = workbook.createSheet("學生資訊"); //建立第0行表頭，再在這行裡在建立單元格，並賦值 HSSFRow row = sheet.createRow(0); HSSFCell cell = null; for (int i = 0; i < head.size(); i++) { cell = row.createCell(i); cell.setCellValue(head.getString(i));//設定值 } //將主體資料填入Excel中 for (int i = 0, isize = body.size(); i < isize; i++) { row = sheet.createRow(i + 1); JSONArray stuInfo = body.getJSONArray(i); for (int j = 0, jsize = stuInfo.size(); j < jsize; j++) { cell = row.createCell(j); cell.setCellValue(stuInfo.getString(j));//設定值 } } return workbook; }
建立好Excel物件並填好值後（就是得到workbook），就是將這個物件以檔案流的形式輸出到本地上去，程式碼如下
/** * 檔案輸出 * @author LiQuanhui * @date 2017年11月24日 下午5:26:23 * @param workbook 填充好的workbook * @param path 存放的位置 */ public static void outFile(HSSFWorkbook workbook,String path) { OutputStream os=null; try { os = new FileOutputStream(new File(path)); workbook.write(os); } catch (FileNotFoundException e1) { e1.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } try { os.close(); } catch (IOException e) { e.printStackTrace(); } }
至此Excel的匯出其實已經做完了。
2. 新增樣式後匯出
但通常這並不能滿足我們的需求，因為通常是需要設定Excel的一些樣式的，如字型、居中等等，設定單元格樣式主要用到這個類（HSSFCellStyle）
HSSFCellStyle cellStyle = workbook.createCellStyle();
現在說說HSSFCellStyle都能幹些什麼
HSSFCellStyle cellStyle = workbook.createCellStyle();//建立單元格樣式物件
1.設定字型
HSSFFont font = workbook.createFont();
//font.setFontHeight((short)12);//這個設定字型會很大
font.setFontHeightInPoints((short)12);//這才是我們平常在Excel設定字型的值
font.setFontName("黑體");//字型：宋體、華文行楷等等
cellStyle.setFont(font);//將該字型設定進去
2.設定對齊方式
cellStyle.setAlignment(horizontalAlignment);//horizontalAlignment參考下面給出的引數
//以下是最常用的三種對齊分別是居中，居左，居右，其餘的寫程式碼的時候按提示工具檢視即可
HorizontalAlignment.CENTER
HorizontalAlignment.LEFT
HorizontalAlignment.RIGHT
3.設定邊框
cellStyle.setBorderBottom(border); // 下邊框
cellStyle.setBorderLeft(border);// 左邊框
cellStyle.setBorderTop(border);// 上邊框
cellStyle.setBorderRight(border);// 右邊框
//border的常用引數如下
BorderStyle.NONE 無邊框
BorderStyle.THIN 細邊框
BorderStyle.MEDIUM 中等粗邊框
BorderStyle.THICK 粗邊框
//其餘的我也描述不清是什麼形狀，有興趣的到時可以直接測試
在經過一系列的新增樣式之後，最後就會給單元格設定樣式
cell.setCellStyle(cellStyle);
3. 自動調整列寬
sheet.autoSizeColumn(i);//i為第幾列，需要全文都單元格居中的話，需要遍歷所有的列數
4. 完整的案例
public class ExcelUtils {
/**
* 建立excel並填入資料
* @author LiQuanhui
* @date 2017年11月24日 下午5:25:13
* @param head 資料頭
* @param body 主體資料
* @return HSSFWorkbook
*/
public static HSSFWorkbook expExcel(JSONArray head, JSONArray body) {
HSSFWorkbook workbook = new HSSFWorkbook();
HSSFSheet sheet = workbook.createSheet("學生資訊");
HSSFRow row = sheet.createRow(0);
HSSFCell cell = null;
HSSFCellStyle cellStyle = workbook.createCellStyle();
setBorderStyle(cellStyle, BorderStyle.THIN);
cellStyle.setFont(setFontStyle(workbook, "黑體", (short) 14));
cellStyle.setAlignment(HorizontalAlignment.CENTER);
for (int i = 0; i < head.size(); i++) {
cell = row.createCell(i);
cell.setCellValue(head.getString(i));
cell.setCellStyle(cellStyle);
}
HSSFCellStyle cellStyle2 = workbook.createCellStyle();
setBorderStyle(cellStyle2, BorderStyle.THIN);
cellStyle2.setFont(setFontStyle(workbook, "宋體", (short) 12));
cellStyle2.setAlignment(HorizontalAlignment.CENTER);
for (int i = 0, isize = body.size(); i < isize; i++) {
row = sheet.createRow(i + 1);
JSONArray stuInfo = body.getJSONArray(i);
for (int j = 0, jsize = stuInfo.size(); j < jsize; j++) {
cell = row.createCell(j);
cell.setCellValue(stuInfo.getString(j));
cell.setCellStyle(cellStyle2);
}
}
for (int i = 0, isize = head.size(); i < isize; i++) {
sheet.autoSizeColumn(i);
}
return workbook;
}
/**
* 檔案輸出
* @author LiQuanhui
* @date 2017年11月24日 下午5:26:23
* @param workbook 填充好的workbook
* @param path 存放的位置
*/
public static void outFile(HSSFWorkbook workbook,String path) {
OutputStream os=null;
try {
os = new FileOutputStream(new File(path));
workbook.write(os);
} catch (FileNotFoundException e1) {
e1.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
try {
os.close();
} catch (IOException e) {
e.printStackTrace();
}
}
/**
* 設定字型樣式
* @author LiQuanhui
* @date 2017年11月24日 下午3:27:03
* @param workbook 工作簿
* @param name 字型型別
* @param height 字型大小
* @return HSSFFont
*/
private static HSSFFont setFontStyle(HSSFWorkbook workbook, String name, short height) {
HSSFFont font = workbook.createFont();
font.setFontHeightInPoints(height);
font.setFontName(name);
return font;
}
/**
* 設定單元格樣式
* @author LiQuanhui
* @date 2017年11月24日 下午3:26:24
* @param workbook 工作簿
* @param border border樣式
*/
private static void setBorderStyle(HSSFCellStyle cellStyle, BorderStyle border) {
cellStyle.setBorderBottom(border); // 下邊框
cellStyle.setBorderLeft(border);// 左邊框
cellStyle.setBorderTop(border);// 上邊框
cellStyle.setBorderRight(border);// 右邊框
}
}
POI的功能其實還是很強大的，這裡只介紹了Excel的一丁點皮毛給入門的檢視，如果想對Excel進行更多的設定可以檢視下面的這篇文章，有著大量的使用說明。
空谷幽瀾的POI使用詳解
JS匯出EXCEL(.xls)
java的Excel匯出提供了強大的功能，但也對伺服器造成了一定資源消耗，若能使用客戶端的資源那真是太好了
1. 簡單應用
JS的匯出Excel非常簡單，只需要引用Jquery和tableExport.js並設定一個屬性即可
<script src="<%=basePath%>/static/js/tableExport.js" type="text/javascript"></script>
<script type="text/javascript">
function exportExcelWithJS(){
//獲取要匯出Excel的表格物件並設定tableExport方法，設定匯出型別type為excel
$('#tableId').tableExport({
type:'excel'
});
}
</script>
<button class="btn btn-primary" type="button" style="float: right;" onclick="exportExcelWithJS()">下載本表格</button>
JS的匯出就完成了，是不是特別簡單
2. 進階應用
但上面僅僅是個簡單的全表無樣式的匯出
這tableExport.js還有一些其他功能，忽略行，忽略列，設定樣式等，屬性如下
<script type="text/javascript">
function exportExcelWithJS(){
//獲取要匯出Excel的表格物件並設定tableExport方法，設定匯出型別type為excel
$('#tableId').tableExport({
type:'excel',//匯出為excel
fileName:'2017工資表',//檔名
worksheetName:'11月工資',//sheet表的名字
ignoreColumn:[0,1,2],//忽略的列，從0開始算
ignoreRow:[2,4,5],//忽略的行，從0開始算
excelstyles:['text-align']//使用樣式，不用填值只寫屬性，值讀取的是html中的
});
}
</script>
- 如上既是JS的進階匯出，操作簡單，容易上手
- 但有個弊端就是分頁的情況下，只能匯出分頁出的資料，畢竟這就是匯出HTML內TABLE有的東西，資料在資料庫或後臺的也就無能為力，所以這個適合的是無分頁的TABLE匯出
3. 額外說明
- tableExport.js是gitHub上的hhurz大牛的一個開源專案，需要下載該JS的可以點選連結進入gitHub下載或在我的百度網盤下載 密碼：oafu
- tableExport.js不僅僅是個匯出Excel的JS，他還可以匯出CSV、DOC、JSON、PDF、PNG、SQL、TSV、TXT、XLS (Excel 2000 HTML format)、XLSX (Excel 2007 Office Open XML format)、XML (Excel 2003 XML Spreadsheet format)、XML (Raw xml)多種格式，具體使用可以參考hhurz的使用介紹
- 本人在之前找了好幾個匯出Excel的都有各種各樣的問題（亂碼，無響應，無樣式），這個是目前找到最好的一個了，能解決亂碼問題，能有樣式，非常強大
作者：雜學小生
連結：https://www.jianshu.com/p/6e153a5db41d
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。