前後端分離下EasyExcel的使用

来源:https://www.cnblogs.com/zdrcgubjo/archive/2023/03/17/17179490.html
-Advertisement-
Play Games

前後端分離下EasyExcel的使用 項目環境:SpringBoot+Vue 依賴導入 <!--easyexcel--> <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel</artifactId> <version>3 ...


前後端分離下EasyExcel的使用

項目環境:SpringBoot+Vue

依賴導入

<!--easyexcel-->
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>easyexcel</artifactId>
    <version>3.0.2</version>
</dependency>

tips

3.0.1版本 @ColumnWidth失效問題 用其他版本即可

實體類關聯Excel

@ExcelProperty:value屬性可用來設置表頭名稱
@ExcelPropertyvalue屬性可用來設置表頭名稱

點擊查看代碼
@TableName(value = "five_insurances")
@Data
public class FiveInsurances implements Serializable {
    /**
     *
     */
    @ExcelProperty("編號")
    @ColumnWidth(10)
    @TableId(value = "id", type = IdType.AUTO)
    private Integer id;

    /**
     * 工號
     */
    @ExcelProperty("工號")
    @ColumnWidth(15)
    @TableField(value = "number")
    private String number;

    /**
     * 姓名
     */
    @ExcelProperty("姓名")
    @ColumnWidth(20)
    @TableField(value = "name")
    private String name;

    /**
     * 部門id
     */
    @ExcelProperty("部門")
    @ColumnWidth(20)
    @TableField(value = "dept_id")
    private Integer deptId;

    /**
     * 電話
     */
    @ExcelProperty("電話")
    @ColumnWidth(20)
    @TableField(value = "phone")
    private String phone;

    /**
     * 繳納基數
     */
    @ExcelProperty({"社保", "繳納基數"})
    @ColumnWidth(20)
    @TableField(value = "base_payment")
    private String basePayment;

    /**
     * 個人繳納
     */
    @ExcelProperty({"社保", "個人", "繳納費用"})
    @ColumnWidth(20)
    @TableField(value = "self_payment")
    private String selfPayment;

    /**
     * 工傷保險繳納比例
     */
    @ExcelProperty({"社保", "企業", "工傷保險繳納比例"})
    @ColumnWidth(20)
    @TableField(value = "ratio")
    private String ratio;

    /**
     * 企業繳納
     */
    @ExcelProperty({"社保", "企業", "繳納費用"})
    @ColumnWidth(20)
    @TableField(value = "com_payment")
    private String comPayment;

    /**
     * 備註
     */
    @ExcelProperty({"社保", "備註"})
    @ColumnWidth(30)
    @TableField(value = "remarks")
    private String remarks;

    @ExcelIgnore
    @TableField(exist = false)
    private Dept dept;

    @ExcelIgnore
    @TableField(exist = false)
    private static final long serialVersionUID = 1L;
}

導出Excel

Controller

@GetMapping("/fihf")
@ApiOperation(value = "導出五險一金列表Excel")
@ApiImplicitParams(
            @ApiImplicitParam(dataType = "Interger",name = "page",value = "page==-1:查詢所有;page==-2,返回空模板",required = false)
    )
public void exportList(HttpServletResponse response, @RequestParam(value = "page", defaultValue = "1") Integer page) throws Exception {
        PageBean<List<FiveInsurances>> pageBean = fiveInsurancesService.selectFiveInsurancesList(page);
        ExcelUtils.exportToWeb(response,"sheet1",FiveInsurances.class,pageBean.getData());
    }

前端Axios請求

exportFile(page = this.pageBean.current) {
    //覆選框選中則設置page為-1,表示導出全部
    if (this.checked) {
        page = -1;
    }
    //關閉對話框
    this.dialogVisible = false;
    this.axios({
        method: 'get',
        url: baseURL + "fileExport/fihf",
        params: {
            page: page,
        },
        responseType: 'blob' //響應類型須設置為二進位文件流
    }).then((res) => {
        if (!res) {
            return
        }
        const link = document.createElement("a");//創建a標簽
        let blob = new Blob([res.data], { type: "multipart/form-data" }); //設置文件類型
        link.style.display = "none";
        let url = URL.createObjectURL(blob);
        link.href = url; //給a標簽href屬性賦值
        link.setAttribute("download", decodeURI(Date.now() + '.xlsx'));
        document.body.appendChild(link);//掛載a標簽
        link.click();//a標簽click事件
        document.body.removeChild(link); //移除a標簽
        window.URL.revokeObjectURL(url); //銷毀下載鏈接

        console.log(res);
        this.checked = false;
        return this.$message.success("導出報表數據成功!")
    })
},

導入Excel

Controller

@PostMapping("/fihf")
@ApiOperation(value = "導入五險一金列表Excel")
public ResultVO<FiveInsurances> FiveInsurances(@RequestPart("file") MultipartFile file) throws IOException {
    if (file.getSize() < 0) {
        return ResultVO.createFail(404, "導入數據失敗");
    }
    List<FiveInsurances> list = ExcelUtils.importFile(file, FiveInsurances.class);

    //持久化到資料庫
    int i = fiveInsurancesService.insertBatch(list);
    if (i > 0) {
        return ResultVO.createSuccess("讀取excel成功", null);
    } else {
        return ResultVO.createFail();
    }
}

前端Axios請求

handleBeforUpload(file) {
    console.log("beforeUpload", file);
    //創建文件附件
    let formData = new FormData();
    //添加到formdata
    formData.append("file", file);
    this.axios({
        method: 'post',
        url: baseURL + "fileImport/fihf",
        data: formData,
        Headers: {
            "Content-Type": "multipart/form-data",
        }
    }).then((res) => {
        console.log("讀取excel", res);
        if (res.data.data == 10000) {
            this.$message.success(res.data.msg)
        }
    })
},

Excel導入導出工具類

點擊查看代碼
package com.self.salarymanagement.utils;

import com.alibaba.excel.EasyExcel;
import com.alibaba.excel.support.ExcelTypeEnum;
import lombok.extern.slf4j.Slf4j;
import org.apache.poi.util.IOUtils;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;
import java.util.List;

/**
 * Excel工具類
 */
@Slf4j
public class ExcelUtils {

    /**
     * 導出Excel到指定路徑下
     *
     * @param path      路徑
     * @param excelName Excel名稱
     * @param sheetName sheet頁名稱
     * @param clazz     Excel要轉換的類型
     * @param data      要導出的數據
     */
    public static void exportFileToLocal(String path, String excelName, String sheetName, Class clazz, List data) {
        String fileName = path.concat(excelName).concat(ExcelTypeEnum.XLSX.getValue());
        EasyExcel.write(fileName, clazz).sheet(sheetName).doWrite(data);
    }

    /**
     * 導出Excel到web
     *
     * @param response  響應
     * @param sheetName sheet頁名稱
     * @param clazz     Excel要轉換的類型
     * @param data      要導出的數據
     * @throws Exception
     */
    public static void exportToWeb(HttpServletResponse response, String sheetName, Class clazz, List data) throws Exception {
//        response.setContentType("application/vnd.ms-excel");
        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
        response.setCharacterEncoding("utf-8");
        // 這裡URLEncoder .encode可以防止中文亂碼
        String excelName = URLEncoder.encode(String.valueOf(System.currentTimeMillis()), "UTF-8");
        response.setHeader("Content-disposition", "attachment;filename=" + excelName + ExcelTypeEnum.XLSX.getValue());
        EasyExcel.write(response.getOutputStream(), clazz).excelType(ExcelTypeEnum.XLSX).sheet(sheetName).doWrite(data);
    }

    /**
     * 導出Excel到web
     *
     * @param response  響應
     * @param excelName Excel名稱
     * @param sheetName sheet頁名稱
     * @param clazz     Excel要轉換的類型
     * @param data      要導出的數據
     * @throws Exception
     */
    public static void exportToWeb(HttpServletResponse response, String excelName, String sheetName, Class clazz, List data) throws Exception {
//        response.setContentType("application/vnd.ms-excel");
        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
        response.setCharacterEncoding("utf-8");
        // 這裡URLEncoder.encode可以防止中文亂碼
        excelName = URLEncoder.encode(excelName, "UTF-8");
        response.setHeader("Content-disposition", "attachment;filename=" + excelName + ExcelTypeEnum.XLSX.getValue());
        EasyExcel.write(response.getOutputStream(), clazz).sheet(sheetName).doWrite(data);
    }

    /**
     * 將指定位置指定名稱的Excel導出到web
     *
     * @param response  響應
     * @param path      文件路徑
     * @param excelName 文件名稱
     * @throws UnsupportedEncodingException
     */
    public static String export2Web4File(HttpServletResponse response, String path, String excelName) throws UnsupportedEncodingException {
        File file = new File(path.concat(excelName).concat(ExcelTypeEnum.XLSX.getValue()));
        if (!file.exists()) {
            return "文件不存在!";
        }

        response.setContentType("application/vnd.ms-excel");
        response.setCharacterEncoding("utf-8");
        // 這裡URLEncoder.encode可以防止中文亂碼
        excelName = URLEncoder.encode(excelName, "UTF-8");
        response.setHeader("Content-disposition", "attachment;filename=" + excelName + ExcelTypeEnum.XLSX.getValue());

        try (
                FileInputStream in = new FileInputStream(file);
                ServletOutputStream out = response.getOutputStream();
        ) {
            IOUtils.copy(in, out);
            return "導出成功!";
        } catch (Exception e) {
            log.error("導出文件異常:", e);
        }

        return "導出失敗!";
    }

    public static <T> List<T> importFile(MultipartFile file, Class<T> clazz) throws IOException {

        return EasyExcel.read(file.getInputStream())
                .head(clazz)
                .registerReadListener(new DefaultExcelListener<T>())
                .sheet()
                .doReadSync();
    }
}

Excel導入監聽器

import com.alibaba.excel.context.AnalysisContext;
import com.alibaba.excel.event.AnalysisEventListener;
import com.alibaba.excel.exception.ExcelDataConvertException;
import lombok.extern.slf4j.Slf4j;

import java.util.ArrayList;
import java.util.List;

/**
 * @author Liu
 * @create 2023-03-08-11:44
 * @description:
 */
@Slf4j
public class DefaultExcelListener<T> extends AnalysisEventListener<T> {

    private final List<T> rows = new ArrayList<>();

    /**
     * 讀取excel操作
     *
     * @param obj             數據
     * @param analysisContext 上下文
     */
    // 每讀一樣,會調用該invoke方法一次
    @Override
    public void invoke(T obj, AnalysisContext analysisContext) {
        //添加到list
        rows.add(obj);
        log.info("list容量" + rows.size() + obj);
        /** 數據量不是特別大,可以不需要打開
         // 實際數據量比較大時,rows里的數據可以存到一定量之後進行批量處理(比如存到資料庫),
         // 然後清空列表,以防止記憶體占用過多造成OOM
         if(rows.size() >= 500){
         log.info("存入資料庫ing");
         try {
         Thread.sleep(3000);
         } catch (InterruptedException e) {
         e.printStackTrace();
         }
         rows.clear();
         }
         */
    }

    /**
     * 讀取玩excel後的操作
     */
    @Override
    public void doAfterAllAnalysed(AnalysisContext analysisContext) {
        log.info("成功讀取【" + rows.size() + "】條數據");

        System.out.println("================================");
        rows.forEach(System.out::println);
        System.out.println("================================");

    }

    /**
     * 在讀取excel異常 獲取其他異常下會調用本介面。拋出異常則停止讀取。如果這裡不拋出異常則 繼續讀取下一行。
     */
    @Override
    public void onException(Exception exception, AnalysisContext context) {
        log.error("解析失敗,但是繼續解析下一行:{}", exception.getMessage());
        if (exception instanceof ExcelDataConvertException) {
            ExcelDataConvertException excelDataConvertException = (ExcelDataConvertException) exception;
            log.error("第{}行,第{}列解析異常,數據為:{}", excelDataConvertException.getRowIndex(),
                    excelDataConvertException.getColumnIndex(), excelDataConvertException.getCellData());
        }
    }

    /**
     * @return 返回讀取的總數據
     */
    public List<T> getRows() {
        return rows;
    }
}

多級表頭設置

嵌套el-table-column即可

<el-table-column label="社保" width="180">
    <el-table-column label="繳納基數" width="120">
        <template slot-scope="scope">
            <span style="margin-left: 10px">{{ scope.row.basePayment }}</span>
        </template>
    </el-table-column>
    <el-table-column label="個人" width="120">
        <el-table-column label="繳納費用" width="120">
            <template slot-scope="scope">
                <span style="margin-left: 10px">{{ scope.row.selfPayment }}</span>
            </template>
        </el-table-column>
    </el-table-column>
    <el-table-column label="企業" width="180">
        <el-table-column label="工傷保險繳納比例" width="180">
            <template slot-scope="scope">
                <span style="margin-left: 10px">{{ scope.row.ratio }}</span>
            </template>
        </el-table-column>
        <el-table-column label="繳納費用" width="180">
            <template slot-scope="scope">
                <span style="margin-left: 10px">{{ scope.row.comPayment }}</span>
            </template>
        </el-table-column>
    </el-table-column>
    <el-table-column label="備註" width="120">
        <template slot-scope="scope">
            <span style="margin-left: 10px">{{ scope.row.remarks }}</span>
        </template>
    </el-table-column>
</el-table-column>

image


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ChatGPT 虛擬號碼是什麼? 如何使用虛擬號註冊 ChatGPT,用來收手機驗證碼呢?先瞭解它是什麼 虛擬號碼是一種虛擬電話號碼,它可以用於接收和發送簡訊,但不會顯示真實的號碼。它可以用於保護用戶的隱私,也可以用於接收垃圾簡訊。 ChatGPT 虛擬號碼簡訊驗證碼接碼平臺 有幾個網站提供與 ht ...
  • 報錯信息 如題, cn.hutool.core.io.IORuntimeException: Not a file.... 報錯位置 FileReader reader = new FileReader(path); 初步分析 檢查下來發現,path實際對應的是一個文件夾,而不是文件。 文件來源關鍵 ...
  • 環境ThinkPHP+Redis 1.IP保存文件,文件名自定義,與後文對應 2.獲取IP信息腳本.sh文件 #!/bin/bash #variables ip_txt_path=/www/wwwroot/checkip/china_ip.txt; ip_url='http://ftp.apnic. ...
  • 需求:爬取豆瓣電影短評評論文本內容 目標:將爬取的文本存入 excel 中 爬蟲步驟: 1.拼接分頁網址,迴圈請求分頁數據,獲取HTML代碼 2.分析獲取到的HTML代碼,解析出所需要的數據,提取內容 3.存儲爬取到的數據 準備工作: 1.開發工具 pycharm 2.模塊 requests、bs4 ...
  • 類載入器 類載入的過程 類載入器的功能 將.class文件【物理文件:在硬碟中】載入到Java虛擬機的記憶體中【搬用工】。 類載入的時機情況分析: //1,當創建Fu對象的時候【Fu.class會被載入到Java虛擬機】 Fu f = new Fu(); //2,調用類的靜態方法【Fu.class會被 ...
  • 本文介紹在Anaconda環境下,安裝Python中的一個高級地理空間數據分析庫whitebox的方法。 首先,我們打開“Anaconda Prompt (Anaconda)”軟體。 隨後,將彈出如下所示的命令輸入視窗。 在上述彈出的命令輸入視窗中,輸入以下代碼: conda install -c ...
  • tar 備忘清單 IT寶庫網整理的關於 tar 常用命令的快速參考備忘單。入門,為開發人員分享快速參考備忘單。 開發速查表大綱 入門 介紹 選項 創建一個 tar 格式的壓縮文件 創建壓縮後的 tar.gz 存檔文件 生成壓縮率更高的 tar.bz2 文件 解壓縮 tar 文件 解壓縮 tar.gz ...
  • 前言 互動直播是實現很多熱門場景的基礎,例如直播帶貨、秀場直播,還有類似抖音的直播 PK等。本文是由聲網社區的開發者“小猿”撰寫的Flutter基礎教程系列中的第二篇,他將帶著大家用一個小時,利用聲網 Flutter SDK 實現視頻直播、發評論、送禮物等基礎功能。 開發一個跨平臺的的直播的功能需要 ...
一周排行
    -Advertisement-
    Play Games
  • MQTTnet 是一個高性能的MQTT類庫,支持.NET Core和.NET Framework。 MQTTnet 原理: MQTTnet 是一個用於.NET的高性能MQTT類庫,實現了MQTT協議的各個層級,包括連接、會話、發佈/訂閱、QoS(服務質量)等。其原理涉及以下關鍵概念: MqttCli ...
  • 在WPF中,源屬性(Source Property)指的是提供數據的屬性,通常是數據模型或者其他控制項的屬性,而目標屬性(Target Property)則是數據綁定的目標,通常是綁定到控制項的屬性,例如TextBlock的Text屬性。數據綁定將源屬性的值自動更新到目標屬性中。 主要包含以下幾個事件: ...
  • async/await 是 C# 中非同步編程的關鍵特性,它使得非同步代碼編寫更為簡單和直觀。下麵深入詳細描述了 async/await 的使用場景、優點以及一些高級使用方法,並提供了相應的實例源代碼。 使用場景: I/O 操作: 非同步編程特別適用於涉及 I/O 操作(如文件讀寫、網路請求等)的場景。在 ...
  • 使用過office的visio軟體畫圖的小伙伴都知道,畫圖軟體分為兩部分,左側圖形庫,存放各種圖標,右側是一個畫布,將左側圖形庫的圖標控制項拖拽到右側畫布,就會生成一個新的控制項,並且可以自由拖動。那如何在WPF程式中,實現類似的功能呢?今天就以一個簡單的小例子,簡述如何在WPF中實現控制項的拖拽和拖動,... ...
  • 1、Blazor Hybrid簡介 Blazor Hybrid 使開發人員能夠將桌面和移動本機客戶端框架與 .NET 和 Blazor 結合使用。在 Blazor Hybrid 應用中,Razor 組件在設備上是本機運行的。 這些組件通過本地互操作通道呈現到嵌入式 Web 視圖控制項。 組件不在瀏覽器 ...
  • 除了內置的數據集,scikit-learn還提供了隨機樣本的生成器。通過這些生成器函數,可以生成具有特定特性和分佈的隨機數據集,以幫助進行機器學習演算法的研究、測試和比較。 目前,scikit-learn庫(v1.3.0版)中有20個不同的生成樣本的函數。本篇重點介紹其中幾個具有代表性的函數。 1. ...
  • 從0到1,手把手帶你開發截圖工具ScreenCap------002實現通過文件對話框,選擇合適的文件夾,自定義預設的圖片保存位置,簡單易學 ...
  • 每次談到容器的時候,除了Docker之外,都會說起 Kubernetes,那麼什麼是 Kubernetes呢?今天就來一起學快速入門一下 Kubernetes 吧!希望本文對您有所幫助。 Kubernetes,一種用於管理和自動化雲中容器化工作負載的工具。 想象一下你有一個管弦樂隊,將每個音樂家視為 ...
  • 目錄 基本說明 安裝 Nginx 部署 VUE 前端 部署 Django 後端 Django admin 靜態文件(CSS,JS等)丟失的問題 總結 1. 基本說明 本文介紹了在 windows 伺服器下,通過 Nginx 部署 VUE + Django 前後端分離項目。本項目前端運行在 80 埠 ...
  • 從0到1,手把手帶你開發截圖工具ScreenCap------003實現最小化程式到托盤運行,- 為了方便截圖乾凈,實現最小化程式到托盤運行,簡潔,勿擾,實現最小化程式到托盤運行, 實現托盤菜單功能,實現回顯主窗體, 實現托盤開始截屏, 實現氣泡信息提示,實現托盤程式提示,實現托盤退出程式, 封裝完... ...