最近在做一個小項目作為練手,其中使用到了導(dǎo)出到Excel表格,一開始做的是使用JAVA的POI導(dǎo)出的,但因為我的數(shù)據(jù)是爬蟲爬出來的,數(shù)據(jù)暫時并不保存在數(shù)據(jù)庫或后臺,所以直接顯示在HTML的table,需要下載時又要將數(shù)據(jù)傳回后臺然后生成Excel文件,最后再從服務(wù)器下載到本地,過程幾度經(jīng)過網(wǎng)絡(luò)傳輸,感覺比較耗時與浪費性能,于是想著在HTML中的Table直接導(dǎo)到Excel中節(jié)約資源
JAVA導(dǎo)出EXCEL(.xls)
導(dǎo)出Excel用的插件是apache的poi.jar,maven地址如下
<dependency>
<groupId>org.apache.poi</groupId>
<artifactId>poi</artifactId>
<version>3.17</version>
</dependency>
1. 簡單應(yīng)用
先來個簡化無樣式的Excel導(dǎo)出,由于我的數(shù)據(jù)存在JSON中,所以形參是JSONArray,朋友們根據(jù)自己的實際數(shù)據(jù)類型(Map,List,Set等)傳入即可 ,代碼如下
/**
* 創(chuàng)建excel并填入數(shù)據(jù)
* @author LiQuanhui
* @date 2017年11月24日 下午5:25:13
* @param head 數(shù)據(jù)頭
* @param body 主體數(shù)據(jù)
* @return HSSFWorkbook
*/
public static HSSFWorkbook expExcel(JSONArray head, JSONArray body) {
//創(chuàng)建一個excel工作簿
HSSFWorkbook workbook = new HSSFWorkbook();
//創(chuàng)建一個sheet工作表
HSSFSheet sheet = workbook.createSheet("學(xué)生信息");
//創(chuàng)建第0行表頭,再在這行里在創(chuàng)建單元格,并賦值
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));//設(shè)置值
}
//將主體數(shù)據(jù)填入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));//設(shè)置值
}
}
return workbook;
}
創(chuàng)建好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的導(dǎo)出其實已經(jīng)做完了。
2. 添加樣式后導(dǎo)出
但通常這并不能滿足我們的需求,因為通常是需要設(shè)置Excel的一些樣式的,如字體、居中等等,設(shè)置單元格樣式主要用到這個類(HSSFCellStyle)
HSSFCellStyle cellStyle = workbook.createCellStyle();
現(xiàn)在說說HSSFCellStyle都能干些什么
HSSFCellStyle cellStyle = workbook.createCellStyle();//創(chuàng)建單元格樣式對象
1.設(shè)置字體
HSSFFont font = workbook.createFont();
//font.setFontHeight((short)12);//這個設(shè)置字體會很大
font.setFontHeightInPoints((short)12);//這才是我們平常在Excel設(shè)置字體的值
font.setFontName("黑體");//字體:宋體、華文行楷等等
cellStyle.setFont(font);//將該字體設(shè)置進去
2.設(shè)置對齊方式
cellStyle.setAlignment(horizontalAlignment);//horizontalAlignment參考下面給出的參數(shù)
//以下是最常用的三種對齊分別是居中,居左,居右,其余的寫代碼的時候按提示工具查看即可
HorizontalAlignment.CENTER
HorizontalAlignment.LEFT
HorizontalAlignment.RIGHT
3.設(shè)置邊框
cellStyle.setBorderBottom(border); // 下邊框
cellStyle.setBorderLeft(border);// 左邊框
cellStyle.setBorderTop(border);// 上邊框
cellStyle.setBorderRight(border);// 右邊框
//border的常用參數(shù)如下
BorderStyle.NONE 無邊框
BorderStyle.THIN 細(xì)邊框
BorderStyle.MEDIUM 中等粗邊框
BorderStyle.THICK 粗邊框
//其余的我也描述不清是什么形狀,有興趣的到時可以直接測試
在經(jīng)過一系列的添加樣式之后,最后就會給單元格設(shè)置樣式
cell.setCellStyle(cellStyle);
3. 自動調(diào)整列寬
sheet.autoSizeColumn(i);//i為第幾列,需要全文都單元格居中的話,需要遍歷所有的列數(shù)
4. 完整的案例
public class ExcelUtils {
/**
* 創(chuàng)建excel并填入數(shù)據(jù)
* @author LiQuanhui
* @date 2017年11月24日 下午5:25:13
* @param head 數(shù)據(jù)頭
* @param body 主體數(shù)據(jù)
* @return HSSFWorkbook
*/
public static HSSFWorkbook expExcel(JSONArray head, JSONArray body) {
HSSFWorkbook workbook = new HSSFWorkbook();
HSSFSheet sheet = workbook.createSheet("學(xué)生信息");
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();
}
}
/**
* 設(shè)置字體樣式
* @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;
}
/**
* 設(shè)置單元格樣式
* @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進行更多的設(shè)置可以查看下面的這篇文章,有著大量的使用說明。
空谷幽瀾的POI使用詳解
JS導(dǎo)出EXCEL(.xls)
java的Excel導(dǎo)出提供了強大的功能,但也對服務(wù)器造成了一定資源消耗,若能使用客戶端的資源那真是太好了
1. 簡單應(yīng)用
JS的導(dǎo)出Excel非常簡單,只需要引用Jquery和tableExport.js并設(shè)置一個屬性即可
<script src="<%=basePath%>/static/js/tableExport.js" type="text/javascript"></script>
<script type="text/javascript">
function exportExcelWithJS(){
//獲取要導(dǎo)出Excel的表格對象并設(shè)置tableExport方法,設(shè)置導(dǎo)出類型type為excel
$('#tableId').tableExport({
type:'excel'
});
}
</script>
<button class="btn btn-primary" type="button" style="float: right;" onclick="exportExcelWithJS()">下載本表格</button>
JS的導(dǎo)出就完成了,是不是特別簡單
2. 進階應(yīng)用
但上面僅僅是個簡單的全表無樣式的導(dǎo)出
這tableExport.js還有一些其他功能,忽略行,忽略列,設(shè)置樣式等,屬性如下
<script type="text/javascript">
function exportExcelWithJS(){
//獲取要導(dǎo)出Excel的表格對象并設(shè)置tableExport方法,設(shè)置導(dǎo)出類型type為excel
$('#tableId').tableExport({
type:'excel',//導(dǎo)出為excel
fileName:'2017工資表',//文件名
worksheetName:'11月工資',//sheet表的名字
ignoreColumn:[0,1,2],//忽略的列,從0開始算
ignoreRow:[2,4,5],//忽略的行,從0開始算
excelstyles:['text-align']//使用樣式,不用填值只寫屬性,值讀取的是html中的
});
}
</script>
- 如上既是JS的進階導(dǎo)出,操作簡單,容易上手
- 但有個弊端就是分頁的情況下,只能導(dǎo)出分頁出的數(shù)據(jù),畢竟這就是導(dǎo)出HTML內(nèi)TABLE有的東西,數(shù)據(jù)在數(shù)據(jù)庫或后臺的也就無能為力,所以這個適合的是無分頁的TABLE導(dǎo)出
3. 額外說明
- tableExport.js是gitHub上的hhurz大牛的一個開源項目,需要下載該JS的可以點擊鏈接進入gitHub下載或在我的百度網(wǎng)盤下載 密碼:oafu
- tableExport.js不僅僅是個導(dǎo)出Excel的JS,他還可以導(dǎo)出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的使用介紹
- 本人在之前找了好幾個導(dǎo)出Excel的都有各種各樣的問題(亂碼,無響應(yīng),無樣式),這個是目前找到最好的一個了,能解決亂碼問題,能有樣式,非常強大