前後端分離下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
  • 概述:在C#中,++i和i++都是自增運算符,其中++i先增加值再返回,而i++先返回值再增加。應用場景根據需求選擇,首碼適合先增後用,尾碼適合先用後增。詳細示例提供清晰的代碼演示這兩者的操作時機和實際應用。 在C#中,++i 和 i++ 都是自增運算符,但它們在操作上有細微的差異,主要體現在操作的 ...
  • 上次發佈了:Taurus.MVC 性能壓力測試(ap 壓測 和 linux 下wrk 壓測):.NET Core 版本,今天計劃準備壓測一下 .NET 版本,來測試並記錄一下 Taurus.MVC 框架在 .NET 版本的性能,以便後續持續優化改進。 為了方便對比,本文章的電腦環境和測試思路,儘量和... ...
  • .NET WebAPI作為一種構建RESTful服務的強大工具,為開發者提供了便捷的方式來定義、處理HTTP請求並返迴響應。在設計API介面時,正確地接收和解析客戶端發送的數據至關重要。.NET WebAPI提供了一系列特性,如[FromRoute]、[FromQuery]和[FromBody],用 ...
  • 原因:我之所以想做這個項目,是因為在之前查找關於C#/WPF相關資料時,我發現講解圖像濾鏡的資源非常稀缺。此外,我註意到許多現有的開源庫主要基於CPU進行圖像渲染。這種方式在處理大量圖像時,會導致CPU的渲染負擔過重。因此,我將在下文中介紹如何通過GPU渲染來有效實現圖像的各種濾鏡效果。 生成的效果 ...
  • 引言 上一章我們介紹了在xUnit單元測試中用xUnit.DependencyInject來使用依賴註入,上一章我們的Sample.Repository倉儲層有一個批量註入的介面沒有做單元測試,今天用這個示例來演示一下如何用Bogus創建模擬數據 ,和 EFCore 的種子數據生成 Bogus 的優 ...
  • 一、前言 在自己的項目中,涉及到實時心率曲線的繪製,項目上的曲線繪製,一般很難找到能直接用的第三方庫,而且有些還是定製化的功能,所以還是自己繪製比較方便。很多人一聽到自己畫就害怕,感覺很難,今天就分享一個完整的實時心率數據繪製心率曲線圖的例子;之前的博客也分享給DrawingVisual繪製曲線的方 ...
  • 如果你在自定義的 Main 方法中直接使用 App 類並啟動應用程式,但發現 App.xaml 中定義的資源沒有被正確載入,那麼問題可能在於如何正確配置 App.xaml 與你的 App 類的交互。 確保 App.xaml 文件中的 x:Class 屬性正確指向你的 App 類。這樣,當你創建 Ap ...
  • 一:背景 1. 講故事 上個月有個朋友在微信上找到我,說他們的軟體在客戶那邊隔幾天就要崩潰一次,一直都沒有找到原因,讓我幫忙看下怎麼回事,確實工控類的軟體環境複雜難搞,朋友手上有一個崩潰的dump,剛好丟給我來分析一下。 二:WinDbg分析 1. 程式為什麼會崩潰 windbg 有一個厲害之處在於 ...
  • 前言 .NET生態中有許多依賴註入容器。在大多數情況下,微軟提供的內置容器在易用性和性能方面都非常優秀。外加ASP.NET Core預設使用內置容器,使用很方便。 但是筆者在使用中一直有一個頭疼的問題:服務工廠無法提供請求的服務類型相關的信息。這在一般情況下並沒有影響,但是內置容器支持註冊開放泛型服 ...
  • 一、前言 在項目開發過程中,DataGrid是經常使用到的一個數據展示控制項,而通常表格的最後一列是作為操作列存在,比如會有編輯、刪除等功能按鈕。但WPF的原始DataGrid中,預設只支持固定左側列,這跟大家習慣性操作列放最後不符,今天就來介紹一種簡單的方式實現固定右側列。(這裡的實現方式參考的大佬 ...