easyExcel的前后端处理

划水小将军

已于 2022-07-20 13:29:43 修改

阅读量1.1k

点赞数 2

分类专栏： vue java 文章标签： java 开发语言

于 2022-07-11 14:09:00 首次发布

本文链接：https://blog.csdn.net/qq_44309969/article/details/125425250

版权

java 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

vue

5 篇文章 0 订阅

订阅专栏

后端代码

引入对应依赖

        <!--   easyexcel方便导出     -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>easyexcel</artifactId>
            <version>3.1.0</version>
        </dependency>

获取response对象，写入excel内容；

List<HotelReportDto> data = yunShanDeviceDao.getReportByParams(hotelReportPageParamsDto);

//        // 这里注意 有同学反应使用swagger 会导致各种问题，请直接用浏览器或者用postman
        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
        response.setCharacterEncoding("utf-8");
        // 这里URLEncoder.encode可以防止中文乱码 当然和easyexcel没有关系
        String fileName = URLEncoder.encode("ExcelName", "UTF-8").replaceAll("\\+", "%20");
        response.setHeader("Content-disposition", "attachment;filename*=utf-8''" + fileName + ".xlsx");
        response.setHeader("fileName",  fileName + ".xlsx");
        EasyExcel.write(response.getOutputStream(), HotelReportDto.class).sheet("sheetName").doWrite(data);

前端设置接收类型，直接接收

     download(){
     var params ={}
     downloadReportByParams(params).then(res => {
         // type参考https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
         let blob = new Blob([res],{type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
         const $link = document.createElement("a");
         $link.href = URL.createObjectURL(blob);
         $link.download = '数据模板.xlsx'
         $link.click();
         document.body.appendChild($link);
         document.body.removeChild($link); // 下载完成移除元素
         window.URL.revokeObjectURL($link.href); // 释放掉blob对象
         })
   },