Excel的兩種導(dǎo)出入門方法(JAVA與JS)

最近在做一個小項目作為練手,其中使用到了導(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),無樣式),這個是目前找到最好的一個了,能解決亂碼問題,能有樣式,非常強大
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容