EasyExcel快速实现前后端导出

嘿~两颗糖分你一颗

已于 2023-08-01 23:35:11 修改

阅读量440

点赞数

分类专栏： springboot 文章标签：前端

于 2023-08-01 23:29:54 首次发布

本文链接：https://blog.csdn.net/weixin_51822790/article/details/132052816

版权

springboot 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章讲述了作者在后端使用EasyExcel将数据写入Excel文件，并通过设置响应头和编码避免中文乱码。前端则通过fetchAPI发送GET请求，设置响应类型为Blob，以临时链接模拟点击下载Excel文件的过程。

摘要由CSDN通过智能技术生成

试了很多别人写的方法，下载下来就是格式损坏，没办法只能自己来了，拒绝花里胡哨，一切从简。

后端

List<AlarmH> alarmHS = easyExcelService.simpleWrite();
            response.setContentType("application/vnd.ms-excel");
            response.setCharacterEncoding("utf-8");
            // 这里URLEncoder.encode可以防止中文乱码 当然和easyexcel没有关系
            String fileName = URLEncoder.encode("报警信息", "UTF-8");
            response.setHeader("Content-disposition", "attachment;filename=" + fileName + ".xlsx");
            EasyExcel.write(response.getOutputStream(), AlarmH.class)
                    .sheet("仪器")
                    .doWrite(alarmHS);

前端

下面代码使用fetch函数发送GET请求并设置响应类型为blob，以便获取导出的Excel文件。然后，使用URL.createObjectURL()方法创建临时链接，并通过元素的click()方法模拟点击进行下载。最后，使用URL.revokeObjectURL()释放资源。

function downloadExcel() {
		  fetch('http://127.0.0.1:8081/excel/alarmHExcel', {
		    method: 'GET',
		    responseType: 'blob' // 设置响应类型为Blob
		  })
		    .then(response => response.blob())
		    .then(blob => {
		      const url = window.URL.createObjectURL(blob);
		      const a = document.createElement('a');
		      a.href = url;
		      a.download = '报警信息.xlsx';
		      a.click();
		      window.URL.revokeObjectURL(url);
		    })
		    .catch(error => {
		      console.error('下载失败:', error);
		    });
		}