SpringBoot + Vue 如何实现导出Excel操作，这篇文章帮你解决！

最新推荐文章于 2024-05-22 22:49:25 发布
最新推荐文章于 2024-05-22 22:49:25 发布
阅读量4.7k 收藏 100
点赞数 17
文章标签： poi excel java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43647359/article/details/105249155
版权

文章目录

1.所用框架

  • 我这里后端用的框架是 SpringBoot
  • 前端框架是 Vue

2.后端接口实现

1.导入 POI 依赖
  • 在你的项目中导入poi依赖，代码如下：
		<dependency>
            <groupId>org.apache.poi</groupId>
            <artifactId>poi</artifactId>
            <version>4.1.2</version>
        </dependency>
2.创建导出 Excel 接口
  • 可以导出全部 Excel 数据，也可以实现分页导出
  • 这个分页导出就是将你查询的数据添加分页条件即可，这里不过多叙述。
	/**
     * 导出 Excel 表格
     * @return
     */
    @GetMapping("/export")
    public ResponseEntity<byte[]> exportData() {
    	// 1.这一步就是查询你要导出的数据
        List<Employee> employeeList = employeeService.getEmployees();
        // 2.创建一个 POIUtils 工具类进行导出操作
        return POIUtils.employee2Excel(employeeList);
    }
3.创建导出 Excel 工具类
  • 创建上段中出现的 POIUtils 工具类，代码如下：
import org.apache.poi.hpsf.DocumentSummaryInformation;
import org.apache.poi.hpsf.SummaryInformation;
import org.apache.poi.hssf.usermodel.*;
import org.apache.poi.ss.usermodel.FillPatternType;
import org.apache.poi.ss.usermodel.IndexedColors;
import org.javaboy.vhr.bean.*;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.List;

/**
 * Excel导入导出工具类
 */
public class POIUtils {

    /**
     * 导出数据 Excel
     * @param list 要导出的数据
     * @return
     */
    public static ResponseEntity<byte[]> employee2Excel(List<Employee> list) {
        //1. 创建一个 Excel 文档
        HSSFWorkbook workbook = new HSSFWorkbook();
        //2. 创建文档摘要
        workbook.createInformationProperties();
        //3. 获取并配置文档信息
        DocumentSummaryInformation docInfo = workbook.getDocumentSummaryInformation();
        //文档类别
        docInfo.setCategory("员工信息");
        //文档管理员
        docInfo.setManager("javaboy");
        //设置公司信息
        docInfo.setCompany("www.javaboy.org");
        //4. 获取文档摘要信息
        SummaryInformation summInfo = workbook.getSummaryInformation();
        //文档标题
        summInfo.setTitle("员工信息表");
        //文档作者
        summInfo.setAuthor("javaboy");
        // 文档备注
        summInfo.setComments("本文档由 javaboy 提供");
        //5. 创建样式
        //创建标题行的样式
        HSSFCellStyle headerStyle = workbook.createCellStyle();
        headerStyle.setFillForegroundColor(IndexedColors.YELLOW.index);
        headerStyle.setFillPattern(FillPatternType.SOLID_FOREGROUND);
        HSSFCellStyle dateCellStyle = workbook.createCellStyle();
        dateCellStyle.setDataFormat(HSSFDataFormat.getBuiltinFormat("m/d/yy"));
        HSSFSheet sheet = workbook.createSheet("员工信息表");
        //设置列的宽度
        sheet.setColumnWidth(0, 5 * 256);
        sheet.setColumnWidth(1, 12 * 256);
        sheet.setColumnWidth(2, 10 * 256);
        sheet.setColumnWidth(3, 5 * 256);
        sheet.setColumnWidth(4, 12 * 256);
        sheet.setColumnWidth(5, 20 * 256);
        sheet.setColumnWidth(6, 10 * 256);
        sheet.setColumnWidth(7, 10 * 256);
        sheet.setColumnWidth(8, 16 * 256);
        sheet.setColumnWidth(9, 12 * 256);
        sheet.setColumnWidth(10, 15 * 256);
        sheet.setColumnWidth(11, 20 * 256);
        sheet.setColumnWidth(12, 16 * 256);
        sheet.setColumnWidth(13, 14 * 256);
        sheet.setColumnWidth(14, 14 * 256);
        sheet.setColumnWidth(15, 12 * 256);
        sheet.setColumnWidth(16, 8 * 256);
        sheet.setColumnWidth(17, 20 * 256);
        sheet.setColumnWidth(18, 20 * 256);
        sheet.setColumnWidth(19, 15 * 256);
        sheet.setColumnWidth(20, 8 * 256);
        sheet.setColumnWidth(21, 25 * 256);
        sheet.setColumnWidth(22, 14 * 256);
        sheet.setColumnWidth(23, 15 * 256);
        sheet.setColumnWidth(24, 15 * 256);
        //6. 创建标题行
        HSSFRow r0 = sheet.createRow(0);
        HSSFCell c0 = r0.createCell(0);
        c0.setCellValue("编号");
        c0.setCellStyle(headerStyle);
        HSSFCell c1 = r0.createCell(1);
        c1.setCellStyle(headerStyle);
        c1.setCellValue("姓名");
        HSSFCell c2 = r0.createCell(2);
        c2.setCellStyle(headerStyle);
        c2.setCellValue("工号");
        HSSFCell c3 = r0.createCell(3);
        c3.setCellStyle(headerStyle);
        c3.setCellValue("性别");
        HSSFCell c4 = r0.createCell(4);
        c4.setCellStyle(headerStyle);
        c4.setCellValue("出生日期");
        HSSFCell c5 = r0.createCell(5);
        c5.setCellStyle(headerStyle);
        c5.setCellValue("身份证号码");
        HSSFCell c6 = r0.createCell(6);
        c6.setCellStyle(headerStyle);
        c6.setCellValue("婚姻状况");
        HSSFCell c7 = r0.createCell(7);
        c7.setCellStyle(headerStyle);
        c7.setCellValue("民族");
        HSSFCell c8 = r0.createCell(8);
        c8.setCellStyle(headerStyle);
        c8.setCellValue("籍贯");
        HSSFCell c9 = r0.createCell(9);
        c9.setCellStyle(headerStyle);
        c9.setCellValue("政治面貌");
        HSSFCell c10 = r0.createCell(10);
        c10.setCellStyle(headerStyle);
        c10.setCellValue("电话号码");
        HSSFCell c11 = r0.createCell(11);
        c11.setCellStyle(headerStyle);
        c11.setCellValue("联系地址");
        HSSFCell c12 = r0.createCell(12);
        c12.setCellStyle(headerStyle);
        c12.setCellValue("所属部门");
        HSSFCell c13 = r0.createCell(13);
        c13.setCellStyle(headerStyle);
        c13.setCellValue("职称");
        HSSFCell c14 = r0.createCell(14);
        c14.setCellStyle(headerStyle);
        c14.setCellValue("职位");
        HSSFCell c15 = r0.createCell(15);
        c15.setCellStyle(headerStyle);
        c15.setCellValue("聘用形式");
        HSSFCell c16 = r0.createCell(16);
        c16.setCellStyle(headerStyle);
        c16.setCellValue("最高学历");
        HSSFCell c17 = r0.createCell(17);
        c17.setCellStyle(headerStyle);
        c17.setCellValue("专业");
        HSSFCell c18 = r0.createCell(18);
        c18.setCellStyle(headerStyle);
        c18.setCellValue("毕业院校");
        HSSFCell c19 = r0.createCell(19);
        c19.setCellStyle(headerStyle);
        c19.setCellValue("入职日期");
        HSSFCell c20 = r0.createCell(20);
        c20.setCellStyle(headerStyle);
        c20.setCellValue("在职状态");
        HSSFCell c21 = r0.createCell(21);
        c21.setCellStyle(headerStyle);
        c21.setCellValue("邮箱");
        HSSFCell c22 = r0.createCell(22);
        c22.setCellStyle(headerStyle);
        c22.setCellValue("合同期限(年)");
        HSSFCell c23 = r0.createCell(23);
        c23.setCellStyle(headerStyle);
        c23.setCellValue("合同起始日期");
        HSSFCell c24 = r0.createCell(24);
        c24.setCellStyle(headerStyle);
        c24.setCellValue("合同终止日期");
        //7.循环你的集合进行存储数据
        for (int i = 0; i < list.size(); i++) {
            Employee emp = list.get(i);
            HSSFRow row = sheet.createRow(i + 1);
            row.createCell(0).setCellValue(emp.getId());
            row.createCell(1).setCellValue(emp.getName());
            row.createCell(2).setCellValue(emp.getWorkID());
            row.createCell(3).setCellValue(emp.getGender());
            // 时间类型参数设置
            HSSFCell cell4 = row.createCell(4);
            cell4.setCellStyle(dateCellStyle);
            cell4.setCellValue(emp.getBirthday());
            row.createCell(5).setCellValue(emp.getIdCard());
            row.createCell(6).setCellValue(emp.getWedlock());
            row.createCell(7).setCellValue(emp.getNation().getName());
            row.createCell(8).setCellValue(emp.getNativePlace());
            row.createCell(9).setCellValue(emp.getPoliticsstatus().getName());
            row.createCell(10).setCellValue(emp.getPhone());
            row.createCell(11).setCellValue(emp.getAddress());
            row.createCell(12).setCellValue(emp.getDepartment().getName());
            row.createCell(13).setCellValue(emp.getJobLevel().getName());
            row.createCell(14).setCellValue(emp.getPosition().getName());
            row.createCell(15).setCellValue(emp.getEngageForm());
            row.createCell(16).setCellValue(emp.getTiptopDegree());
            row.createCell(17).setCellValue(emp.getSpecialty());
            row.createCell(18).setCellValue(emp.getSchool());
            // 时间类型参数设置
            HSSFCell cell19 = row.createCell(19);
            cell19.setCellStyle(dateCellStyle);
            cell19.setCellValue(emp.getBeginDate());
            row.createCell(20).setCellValue(emp.getWorkState());
            row.createCell(21).setCellValue(emp.getEmail());
            row.createCell(22).setCellValue(emp.getContractTerm());
            // 时间类型参数设置
            HSSFCell cell23 = row.createCell(23);
            cell23.setCellStyle(dateCellStyle);
            cell23.setCellValue(emp.getBeginContract());
            // 时间类型参数设置
            HSSFCell cell24 = row.createCell(24);
            cell24.setCellStyle(dateCellStyle);
            cell24.setCellValue(emp.getEndContract());
            // 时间类型参数设置
            HSSFCell cell25 = row.createCell(25);
            cell25.setCellStyle(dateCellStyle);
            cell25.setCellValue(emp.getConversionTime());
        }

        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        HttpHeaders headers = new HttpHeaders();
        try {
            headers.setContentDispositionFormData("attachment", new String("员工表.xls".getBytes("UTF-8"), "ISO-8859-1"));
            headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
            workbook.write(baos);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return new ResponseEntity<byte[]>(baos.toByteArray(), headers, HttpStatus.CREATED);
    }
}
  • 上面代码中那些刚开始几行的意思是如下：
    在这里插入图片描述

3.前端请求实现

  • 1.首先前端使用的是Vue框架，在你的导出按钮上添加事件：
  • @click=“exportData” 然后实现此方法
<el-button size="small" type="success" icon="el-icon-download" @click="exportData">导出数据</el-button>
  • 2.在Vue组件的 methods : {这里进行方法实现}
  • 代码如下：
exportData() {
	// 去请求后端接口进行导出数据
	window.open("/employee/basic/export", "_parent");
}

4.结果截图

  • 点击导出按钮
    在这里插入图片描述
  • 点击后让你下载 Excel 数据到本地
    在这里插入图片描述
  • 下载完成后，打开 Excel 表格查看
    在这里插入图片描述

5.结语

文中所用技术或许与你所用的技术不一样，但是稍稍修改也是也可实现Excel导出功能的，这个其实没有什么技术点，代码又不需要死记硬背，要用的时候拿过来用即可，如果各位看官有什么问题，评论区留言或者私信我，我都会回复你的。

南独酌酒nvn
关注
  • 17
    点赞
  • 踩
  • 100
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
Springboot vue导出功能实现代码
08-19
本文主要介绍了 Springboot Vue 导出功能实现代码，通过示例代码详细介绍了如何使用 Vue 2 和 Springboot 2.x 实现导出功能。文章还对 Axios 中的 params 和 data 两个参数进行了科普，介绍了如何正确使用这两个参数...
基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目
03-01
大屏设计是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。内置的基础功能包括数据源，数据集，报表管理。 多数据源支持，内置mysql、elasticsearch、kudu驱动，支持自定义数据集省去数据接口...
SpringBoot +Vue实现用户的导入导出
weixin_50731688的博客
06-03 945
【代码】SpringBoot +Vue实现用户的导入导出。
Springboot+vue实现导出excel功能
m0_63598120的博客
08-05 1709
使用SpringBoot+vue框架实现导出excel功能
springboot导出excel文件
最新发布
qq_65130017的博客
05-22 2253
用于操纵excel表格。
vue + springboot 前后端分别导出excel两种方法
qq_25529689的博客
11-02 9249
vue + springboot 前后端导出excel两种方法前端导出excel后端导出excel 前端导出excel 一、导出步骤： 后端返回需要的数据列表。 前端去组装。 使用oper-excel.js函数导出。 二、附上oper-excel.js文件 链接：https://pan.baidu.com/s/1YzX6CWRHR1gVWxW80NO56w 提取码：65zi 三、前端实现过程 <template> <el-button icon="el-icon-download"
Vue+Springboot,通过EasyExcel工具实现Excel导出
Handsome__c的博客
12-16 383
(注意：调用后端接口时需指定{responseType:'blob'}，否则导出的excel表格打不开)
springboot+vue实现excel导出
weixin_64704029的博客
02-04 970
springboot+vue实现excel导出
基于springboot+vue的网上书店系统源码.zip
05-12
基于springboot+vue的网上书店系统 开发语言：Java 框架：springboot JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7 数据库工具：Navicat 开发软件：eclipse/myeclipse/idea Maven包：Maven3.3.9 浏览器：...
SpringBoot + Vue + ElementUI 实现一个后台管理系统模板.zip
02-22
在本项目中，我们利用SpringBoot、Vue.js和ElementUI这三个强大的技术栈，构建了一个功能完善的后台管理系统模板。下面将详细解析每个组件及其在系统开发中的应用。 首先，SpringBoot是基于Spring框架的一个轻量级...
影视评论系统Springboot+Vue（前后端分离）
06-16
《影视评论系统基于Springboot+Vue的实现详解》 在当今互联网时代，影视评论系统作为互动平台，为用户提供了一个分享观影感受、交流观点的空间。本文将深入探讨如何使用Springboot和Vue.js技术栈构建一个完整的前后...
使用Vue+Spring Boot实现Excel上传功能
08-26
主要介绍了使用Vue+Spring Boot实现Excel上传,需要的朋友可以参考下
Springboot+Poi实现Excel的导入导出
10-22
主要是springboot+myBatis+poi+mysql的使用，从数据库查询到结果集导出excel到本地，从本地中的excel文件导入到数据库中。
springboot实现Excel文件导入与导出功能
12-19
springboot实现Excel文件导入与导出功能, 本次任务主要实现两个功能，一是如何将Excel文件导入后台服务器，解析文件中的内容，并且存入数据库中。二是如何将后台数据库中的数据导出为Excel表格。经过调研，实现此功能常使用的是POI技术。代码是在以前的项目上修改的，注释掉的内容请忽略。
基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
都随它大小便吧
07-19 3357
首先前端发起HTTP请求之后，后端返回一个Excel输出流，然后前端用Blob类型接收数据，并且解析响应头数据以及提取源文件名，最后用a标签完成下载。
使用Vue创建成绩单，包括序号、姓名、数学、语文和英语的成绩，总成绩。
qqqddd_yyqx的博客
03-16 1282
利用Vue中指令获取几门学科成绩单，其中及格的分数和不及格的分数颜色不同，并且可以点击按钮可以根据他们的总成绩排序。
SpringBoot+Vue使用easyExcel导出excel
wangudian的博客
01-04 858
【代码】SpringBoot+Vue使用easyExcel导出excel。 vue报错Uncaught (in promise)
基于springBoot、vue导出Excel文件
qq_42737912的博客
04-09 1046
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、运行环境二、使用步骤1.导入依赖2.前端代码：3.后端代码：4.运行结果： 前言 最近在做公司管理系统的Excel导出功能，使用的是Poi。查阅了许多网上的代码，基本上都不是很全面，代码跑不起来。在不停的试错之后终于实现了，下面贴上代码和相关注释。 一、运行环境 Sp
vue+springboot多线程实现excel的上传和导出之心路历程
weixin_47598860的博客
12-31 1428
vue+springboot 多线程实现excel的文件上传导出之心路历程
springboot+vue实现excel的导入导出
04-16
好的，我可以为您解答关于SpringBoot和Vue实现Excel导入导出的问题。您可以借助POI库来读取并解析Excel文件，然后使用SpringBoot提供的RestController将数据以JSON格式返回给前端。对于Excel导出，您可以使用POI库...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值