Java使用POI结合VUE实现导出数据到Excel表格

最新推荐文章于 2024-09-03 20:52:56 发布
最新推荐文章于 2024-09-03 20:52:56 发布
阅读量1.6k 收藏 8
点赞数 4
分类专栏： Java Vue 文章标签： java vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang353933546/article/details/106734678
版权
Java 同时被 2 个专栏收录
18 篇文章 0 订阅
订阅专栏
Vue
5 篇文章 0 订阅
订阅专栏
  • Java结合VUE实现导出数据到Excel表格,同时解决了单元格合并，导致单元格样式不生效问题
  • 页面预览：
    1.前台展示页面
    在这里插入图片描述
    2.导出的Excel
    在这里插入图片描述
    3.Java后台中传入的参数
    在这里插入图片描述
    在这里插入图片描述
  • 代码实现
    1.VUE代码：
<template>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="province"
      label="省份"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="市区"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300">
    </el-table-column>
    <el-table-column
      prop="zip"
      label="邮编"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      label="操作">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">导出</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    methods: {
      handleClick(row) {
        var form = document.createElement("form");
        form.style.display = "none";
        form.action = 'http://localhost:8580'+'/export/exportExcel';
        form.method = "post";
        document.body.appendChild(form);

        for (var key in row) {
          var input = document.createElement("input");
          input.type = "hidden";
          input.name = key;
          input.value = row[key];
          form.appendChild(input);
        }

        form.submit();
        form.remove();

      }
    },

    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1517 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1519 弄',
          zip: 200333
        }, {
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1516 弄',
          zip: 200333
        }]
      }
    }
  }
</script>

2.Java代码

import org.apache.commons.lang3.StringUtils;
import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.hssf.util.HSSFColor;
import org.apache.poi.ss.usermodel.*;
import org.apache.poi.ss.util.CellRangeAddress;
import org.apache.poi.ss.util.RegionUtil;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.OutputStream;
import java.net.URLEncoder;
import java.text.SimpleDateFormat;
import java.util.*;

@Controller
@RequestMapping("/export")
public class ExportAction {

    @RequestMapping(value = "/exportExcel", produces = "application/json;charset=utf-8")
    public void exportTaskResult(HttpServletRequest request, HttpServletResponse response) {
        try {
            Map properties = request.getParameterMap();

            HashMap<String, Object> mapData = new HashMap<>();

            Iterator entries = properties.entrySet().iterator();
            Map.Entry entry;
            String name = "";
            String value = "";
            while (entries.hasNext()) {
                entry = (Map.Entry) entries.next();
                name = (String) entry.getKey();
                Object valueObj = entry.getValue();
                if(null == valueObj){
                    value = "";
                }else if(valueObj instanceof String[]){
                    String[] values = (String[])valueObj;
                    for(int i=0;i<values.length;i++){
                        value = values[i] + ",";
                    }
                    value = value.substring(0, value.length()-1);
                }else{
                    value = valueObj.toString();
                }
                mapData.put(name, value);
            }

            exportExcel(request, response, mapData);
        }catch(Exception ex) {
            ex.printStackTrace();
        }
    }


    public void exportExcel(HttpServletRequest request, HttpServletResponse response, HashMap<String, Object> mapData) throws IOException {

        response.setContentType("application/vnd.ms-excel");

        SimpleDateFormat formatter= new SimpleDateFormat("yyyyMMddHHmmss");
        Date date = new Date(System.currentTimeMillis());
        String time = formatter.format(date);
        String prifix = "测试";

        // 文件名
        String fileName = prifix + time + ".xls";
        // 处理文件名包含特殊字符出现的乱码问题
        String userAgent = request.getHeader("User-Agent");
        if (StringUtils.isNotBlank(userAgent)) {
            userAgent = userAgent.toLowerCase();
            if (userAgent.contains("msie") || userAgent.contains("trident") || userAgent.contains("edge")) {
                if (fileName.length() > 150) {// 解决IE 6.0问题
                    fileName = new String(fileName.getBytes("UTF-8"), "ISO-8859-1");
                } else {
                    fileName = URLEncoder.encode(fileName, "UTF-8");
                }
            } else {
                fileName = new String(fileName.getBytes("UTF-8"), "ISO-8859-1");
            }
        }
        response.setHeader("Content-disposition", "attachment;filename=\"" + fileName + "\"");
        OutputStream stream = response.getOutputStream();
        // 创建excel文件对象
        HSSFWorkbook wb = new HSSFWorkbook();
        // 创建sheet
        Sheet sheet = wb.createSheet("sheet1");

        //正文字体
        Font contextFont = wb.createFont();
        contextFont.setFontName("微软雅黑");
        contextFont.setFontHeightInPoints((short) 12);
        contextFont.setBold(false);
        contextFont.setColor(HSSFColor.HSSFColorPredefined.BLACK.getIndex());


        //黑色字体
        Font blackFont = wb.createFont();
        blackFont.setFontName("微软雅黑");
        blackFont.setFontHeightInPoints((short) 12);
        blackFont.setBold(true);
        blackFont.setColor(HSSFColor.HSSFColorPredefined.BLACK.getIndex());

        //单元格样式，左对齐
        CellStyle commonStyleLeft = wb.createCellStyle();
        commonStyleLeft.setFont(contextFont);
        commonStyleLeft.setAlignment(HorizontalAlignment.LEFT);// 左对齐
        commonStyleLeft.setVerticalAlignment(VerticalAlignment.CENTER);// 上下居中
        commonStyleLeft.setLocked(true);
        commonStyleLeft.setWrapText(false);// 自动换行
        commonStyleLeft.setBorderBottom(BorderStyle.THIN);//下边框
        commonStyleLeft.setBorderLeft(BorderStyle.THIN);//左边框
        commonStyleLeft.setBorderTop(BorderStyle.THIN);//上边框
        commonStyleLeft.setBorderRight(BorderStyle.THIN);//右边框

        //单元格样式，左右上下居中 边框
        CellStyle commonStyle = wb.createCellStyle();
        commonStyle.setFont(contextFont);
        commonStyle.setAlignment(HorizontalAlignment.CENTER);// 左右居中
        commonStyle.setVerticalAlignment(VerticalAlignment.CENTER);// 上下居中
        commonStyle.setLocked(true);
        commonStyle.setWrapText(false);// 自动换行
        commonStyle.setBorderBottom(BorderStyle.THIN);//下边框
        commonStyle.setBorderLeft(BorderStyle.THIN);//左边框
        commonStyle.setBorderTop(BorderStyle.THIN);//上边框
        commonStyle.setBorderRight(BorderStyle.THIN);//右边框

        CellStyle white = getCellStyle(wb, blackFont);;
        white.setFillForegroundColor(HSSFColor.HSSFColorPredefined.WHITE.getIndex());//设置单元格颜色

       int fixedHeight = 700;
       int fixedColumnWidth = 6000;

        String[] row_first = {"姓名", "", "性别", "", "年龄", "", "电话号码", "", "邮箱", ""};

        for (int i = 0; i < row_first.length; i++) {
            sheet.setColumnWidth(i, fixedColumnWidth);
        }

        //第一行
        Row r0 = sheet.createRow(0);
        r0.setHeight((short) fixedHeight);

        for (int i = 0; i < row_first.length; i++) {
            Cell tempCell = r0.createCell(i);
            tempCell.setCellValue(row_first[i]);
            tempCell.setCellStyle(white);
        }

        String[] row_2 = {"毕业院校", ""};

        for (int i = 0; i < row_2.length; i++) {
            sheet.setColumnWidth(i, fixedColumnWidth);
        }

        //第二行
        Row r1 = sheet.createRow(1);
        r1.setHeight((short) fixedHeight);

        for (int i = 0; i < row_2.length; i++) {
            Cell tempCell = r1.createCell(i);
            tempCell.setCellValue(row_2[i]);
            if (i == 1) {
                tempCell.setCellStyle(commonStyleLeft);
            } else {
                tempCell.setCellStyle(white);
            }
        }

        CellRangeAddress addresses = new CellRangeAddress(1, 1, 1, 9);
        sheet.addMergedRegion(addresses);

        setBorderStyle(BorderStyle.THIN, addresses, sheet);

        String[] row_3 = {"工作经历", ""};

        for (int i = 0; i < row_3.length; i++) {
            sheet.setColumnWidth(i, fixedColumnWidth);
        }

        //第三行
        Row r2 = sheet.createRow(2);
        r2.setHeight((short) fixedHeight);

        for (int i = 0; i < row_3.length; i++) {
            Cell tempCell = r2.createCell(i);
            tempCell.setCellValue(row_3[i]);
            tempCell.setCellStyle(white);
        }

        CellRangeAddress addresses1 = new CellRangeAddress(2, 2, 0, 9);
        sheet.addMergedRegion(addresses1);

        setBorderStyle(BorderStyle.THIN, addresses1, sheet);

        String[] row_4 = {"工作经历："};

        for (int i = 0; i < row_4.length; i++) {
            sheet.setColumnWidth(i, fixedColumnWidth);
        }
        //第四行
        Row r3 = sheet.createRow(3);
        r3.setHeight((short) fixedHeight);

        for (int i = 0; i < row_4.length; i++) {
            Cell tempCell = r3.createCell(i);
            tempCell.setCellValue(row_4[i]);
            tempCell.setCellStyle(white);
        }

        CellRangeAddress addresses2 = new CellRangeAddress(3, 3, 1, 9);
        sheet.addMergedRegion(addresses2);

        setBorderStyle(BorderStyle.THIN, addresses2, sheet);

        ServletOutputStream out =  response.getOutputStream();
        try {
            if (null != wb && null != stream) {
                wb.write(out);
                out.close();
            }
        } catch (Exception e) {
        }
    }

    private CellStyle getCellStyle (HSSFWorkbook wb, Font font) {
        CellStyle cellStyle = wb.createCellStyle();
        cellStyle.setFont(font);//字体样式
        cellStyle.setAlignment(HorizontalAlignment.CENTER);// 左右居中
        cellStyle.setVerticalAlignment(VerticalAlignment.CENTER);// 上下居中
        cellStyle.setLocked(true);
        cellStyle.setWrapText(true);// 自动换行
        cellStyle.setBorderBottom(BorderStyle.THIN); //下边框
        cellStyle.setBorderLeft(BorderStyle.THIN);//左边框
        cellStyle.setBorderTop(BorderStyle.THIN);//上边框
        cellStyle.setBorderRight(BorderStyle.THIN);//右边框
        cellStyle.setFillPattern(FillPatternType.SOLID_FOREGROUND);  //填充单元格

        return cellStyle;
    }

    public void setBorderStyle(BorderStyle borderStyle, CellRangeAddress cellAddresses, Sheet sheet) {
        RegionUtil.setBorderBottom(borderStyle, cellAddresses, sheet);
        RegionUtil.setBorderLeft(borderStyle, cellAddresses, sheet);
        RegionUtil.setBorderTop(borderStyle, cellAddresses, sheet);
        RegionUtil.setBorderRight(borderStyle, cellAddresses, sheet);
    }

}

3.pom.xml

	 <dependency>
		  <groupId>org.apache.poi</groupId>
		  <artifactId>poi</artifactId>
		  <version>4.0.0</version>
	  </dependency>
	  <dependency>
		  <groupId>org.apache.poi</groupId>
		  <artifactId>poi-ooxml</artifactId>
		  <version>4.0.0</version>
	  </dependency>
在下令狐
关注
专栏目录
Springboot整合poi +vue实现导出导入Excle表格数据展示图形
shshhshshh的博客
11-29 2628
Springboot整合poi +vue实现导出导入Excle表格数据展示图形
java_poi实现excel导入导出
09-01
java_poi实现excel导入导出功能，有详细的注解
POI+VUE 导出Excle
weixin_43920001的博客
08-24 654
VUE+POI 导出Excle 引入POI相关依赖 // 本次项目所用3.17版本 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.17</version> </dependency>
POI导入导出Excel
最新发布
mx132465的博客
09-03 1782
结构：HSSF－ 提供读写Microsoft Excel XLS格式档案的功能。XSSF－ 提供读写Microsoft Excel OOXML XLSX格式档案的功能。HWPF－ 提供读写Word(97-2003) 的 Java 组件，XWPF是 POI 支持 Word 2007+ 的 Java组件，提供简单文件的读写功能；HSLF－ 提供读写Microsoft PowerPoint格式档案的功能。HDGF － 提供读Microsoft Visio格式档案的功能。
Java+Vue导出Excel
weixin_44405420的博客
06-06 634
Java+Vue导出Excel。
Java和Vue导出Excel表格
xmh594603296的博客
11-19 8016
本文主要是记录一下最近写前后台导出excel花费的一些心得。 前台: 通过一个同步的请求,同步等待数据,拿到数据以后,构建blob( new Blob)下载excel 后台:利用java pio读取Excel,配合java反射,写了一个万能的excel导出模板,只要设置表头一个数组,和你的数据模型(可能会有潜在bug,但是目前使用正常) 主要是为了大家以后避免一些坑,拿来即用     ...
Java用POI导出Excel表格中的数据
weixin_45581692的博客
08-11 1302
poi操作Excel 主要通过HSSF,XSSF两种方式。 HSSF只能解析.xls格式的excel文件，XSSF支持.xls与.xlsx两种格式。 功能： 传递一个Excel文件，拿到里面所有的数据，返回我猜是这个工具把第一行当成 表头了，而我传入的文件没有表头，里面都是数据，而我的需求是表里面是数字导出来就要是数字。这种方式有个不好的地方：第一行数据导出来都是字符串类型的。所以这种方式不满足我现在的需求，如果有表头就可以这样写。Excel中的数据是什么类型，就返回什么类型的数据。说下我之前导出的方式。.
Vue结合后台导入导出Excel问题详解
10-17
本文将深入探讨如何在Vue项目中结合后台服务实现这一功能，特别是针对导出Excel的实现方式。 首先，我们来看一下导出Excel的核心概念。在Java后端，通常会使用Apache POI库来创建和操作Excel文件。在示例代码中，`...
前端导出表格到excel，适合vue和jq框架
07-28
Vue和jQuery（jq）是两种广泛使用的前端框架，而Excel作为数据管理的标准工具，用户通常期望能直接从网页导出表格到Excel文件。本教程将详细讲解如何在Vue和jQuery框架下实现这个功能。 1. **Vue框架中的表格导出**...
springboot+mybatis+poi 实现excel导入导出
09-04
本篇文章将详细介绍如何利用SpringBoot和MyBatis结合Apache POI实现Excel的导入导出功能。 首先，SpringBoot是一个基于Spring框架的轻量级开发工具，它简化了新Spring应用的初始搭建以及开发过程。SpringBoot通过...
SpringBoot + Vue 如何实现导出Excel操作，这篇文章帮你解决！
永远年轻
04-01 4916
文章目录1.所用框架2.后端接口实现1.导入 POI 依赖2.创建导出 Excel 接口3.创建导出 Excel 工具类3.前端请求实现4.结果截图5.结语 1.所用框架 我这里后端用的框架是 SpringBoot 前端框架是 Vue 2.后端接口实现 1.导入 POI 依赖 在你的项目中导入poi依赖，代码如下： <dependency> <...
Excel Java POI导入导出示例
09-14
Excel Java导入导出，示例代码，修改下就可以作为自己的工具类。使用的是POI Jar包，压缩包里包含有用到的 POI Jar包。
vue中使用axios下载java后台返回文件流导出excel文档
guairena的博客
02-28 1417
需求： 表格上方有一个导出按钮，点击后，调用后台接口，后台返回数据流，下载成功后并在本地可以打开excel。 代码实现： <el-button type="primary" size="mini" icon="el-icon-download" @click="formatExportFile">金税格式数据导出</el-button> import Storage from '@/utils/localStorage' import ApiUrlconfig from '@/
java使用Poi实现从服务器导出excel(前端使用vue)
qq_42528170的博客
06-29 2080
后端使用的是springboot，前端用的是vue+axios（坑点多） 话不多说直接上代码 Controller @PostMapping(value = "/getExcel",produces = MediaType.APPLICATION_OCTET_STREAM_VALUE) public void exportApi(HttpServletResponse response) throws IOException { logDetailService.exportExcel(r
SpringBoot+Vue前端Http调用后台封装POI接口导出EXCEL
weichenyang的博客
01-16 466
SpringBoot+Vue前端Http调用后台封装POI接口导出EXCEL
导出excel的两个方式：前端vue+XLSX 导出excel，vue+后端POI 导出excel，并进行分析、比较
热门推荐
冯安晨
05-27 2万+
文章目录前言一、需求分析1. 两个方式2. 对比分析二、方式1：vue+XLSX1. 安装 XLSX2. XLSX 两个方法比较3. XLSX 方法一：a. 按钮事件b. js 方法:导出选中 exportSelect()c. js 方法:导出全部 exportAllExcel4. XLSX 方法二：a. 按钮事件b. js 方法:导出当前页 exportExcel二、方式2：vue+POI1. 前端代码a、按钮事件b、网络请求封装c、js方法：导出全部 exportAllExcel2. 后端代码（IMP
java Excel的导入导出, vue + axios前端通过按钮点击下载
Aesop的博客
12-11 1297
简书：java实现导入导出Excel文件 java使用阿里的easyExcel实现Excel导出/导入功能
Vue+JAVA POI 实现Excel导入导出规则怪谈
weixin_41902457的博客
03-01 2714
Vue+JAVA POI 实现Excel导入导出
vue 调用接口下载java后端生成的excel文件流
kis_wuyan的博客
06-16 1190
vue 调用接口下载java后端生成的excel文件流 需求是点击导出（下载）excel文件 分析： 下载可借用a标签的下载功能，将后端返回的文件流处理后，动态生成a标签模拟点击操作完成下载操作 首先创建axios请求 import axios from 'axios'; const excel = axios.create({ timeout: 50000, // 请求超时时间 withCredentials: true //跨域处理 }) 在请求拦截器里配置token等参数，设置respons
java和vue实现 导出Excel表格
03-28
Java实现导出Excel表格： 1. 添加依赖 在Maven或者Gradle中添加以下依赖： Maven： ``` <groupId>org.apache.poi <artifactId>poi <version>4.1.2 ``` Gradle： ``` compile group: 'org.apache.poi', ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值