springboot项目使用js-file-download与easyexcel在基于vue的页面上下载excel文件

最新推荐文章于 2024-12-12 10:09:45 发布

Desert Alone

最新推荐文章于 2024-12-12 10:09:45 发布

阅读量475

点赞数 5

文章标签： javascript spring boot vue.js

本文链接：https://blog.youkuaiyun.com/BigFuckSword/article/details/126180875

版权

本文介绍了如何在SpringBoot项目中结合js-file-download和EasyExcel实现在Vue.js前端页面下载Excel文件。首先，文章详细讲解了导入相关依赖、创建EasyExcel工具类以及前后端的准备工作。在后端，通过注解处理对象类和接口，利用EasyExcel生成并返回表格路径。在前端，安装并配置js-file-download，修改main.js，并创建下载方法来触发文件下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 导入依赖

<dependency>    
    <groupId>com.alibaba</groupId>    
    <artifactId>easyexcel</artifactId>    
    <version>3.0.5</version>
</dependency>
<dependency>    
    <groupId>org.apache.poi</groupId>    
    <artifactId>poi</artifactId>    
    <version>4.1.2</version>
</dependency>

2. 准备工具类（EasyExcelUtil）

/**
 * easyExcel工具类
 */
public class EasyExcelUtil {
   
    /**
     * 导出excel
     *
     * @param fileName 文件名
     * @param tClass   需要导出的类的Class对象
     * @param list     需要导出的数据
     * @return

最低0.47元/天解锁文章