若依管理系统前后端分离版基于ElementUI和SpringBoot怎样实现Excel导入和导出

266 篇文章 28 订阅 ¥19.90 ¥99.00

场景

使用若依前后端分离版实现Excel的导入和导出。

前端:Vue+ElementUI

后端:SpringBoot+POI+Mysql

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

Excel导入

点击导入按钮时的效果

 

选中Excel后

 

首先是前端页面,添加导入的dialog

    <el-dialog :title="upload.title" :visible.sync="upload.open" width
下面是SpringBoot前后端分离项目Excel导出数据的代码实现步骤: 1. 引入poi包 在pom.xml中添加以下依赖: ``` <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>4.1.2</version> </dependency> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>4.1.2</version> </dependency> ``` 2. 编写Excel导出工具类 创建ExcelUtil.java文件,编写Excel导出工具类,具体代码如下: ``` public class ExcelUtil { /** * 导出excel * @param response * @param fileName 文件 * @param headers 表头 * @param dataList 数据 */ public static void exportExcel(HttpServletResponse response, String fileName, String[] headers, List<List<String>> dataList) { // 创建工作簿 XSSFWorkbook workbook = new XSSFWorkbook(); // 创建表格 XSSFSheet sheet = workbook.createSheet(); // 设置列宽 for (int i = 0; i < headers.length; i++) { sheet.setColumnWidth(i, 20 * 256); } // 创建表头行 XSSFRow row = sheet.createRow(0); // 设置表头 for (int i = 0; i < headers.length; i++) { XSSFCell cell = row.createCell(i); cell.setCellValue(headers[i]); } // 添加数据 for (int i = 0; i < dataList.size(); i++) { XSSFRow dataRow = sheet.createRow(i + 1); List<String> rowData = dataList.get(i); for (int j = 0; j < rowData.size(); j++) { XSSFCell cell = dataRow.createCell(j); cell.setCellValue(rowData.get(j)); } } // 设置响应头 response.setContentType("application/octet-stream"); try { fileName = URLEncoder.encode(fileName, "UTF-8"); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } response.setHeader("Content-Disposition", "attachment;filename=" + fileName); // 输出Excel文件 try { workbook.write(response.getOutputStream()); } catch (IOException e) { e.printStackTrace(); } } } ``` 3. 调用Excel导出工具类 在Controller中调用Excel导出工具类,具体代码如下: ``` @Controller public class ExcelController { @RequestMapping("/export") public void export(HttpServletResponse response) { // 文件 String fileName = "测试导出.xlsx"; // 表头 String[] headers = {"姓", "年龄", "性别"}; // 数据 List<List<String>> dataList = new ArrayList<>(); dataList.add(Arrays.asList("张三", "23", "男")); dataList.add(Arrays.asList("李四", "25", "女")); dataList.add(Arrays.asList("王五", "28", "男")); // 调用Excel导出工具类 ExcelUtil.exportExcel(response, fileName, headers, dataList); } } ``` 4. 配置跨域访问 由于是前后端分离项目,需要配置跨域访问,具体代码如下: ``` @Configuration public class CorsConfig { private CorsConfiguration buildConfig() { CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedOrigin("*"); corsConfiguration.addAllowedHeader("*"); corsConfiguration.addAllowedMethod("*"); return corsConfiguration; } @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", buildConfig()); return new CorsFilter(source); } } ``` 以上就是SpringBoot前后端分离项目Excel导出数据的代码实现步骤。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

霸道流氓气质

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值