我的编程空间,编程开发者的网络收藏夹
学习永远不晚

SpringBoot+Vue实现EasyPOI导入导出的方法详解

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

SpringBoot+Vue实现EasyPOI导入导出的方法详解

前言

Hello~ ,前后端分离系列和大家见面了,秉着能够学到知识,学会知识,学懂知识的理念去学习,深入理解技术!

项目开发过程中,很大的需求都有 导入导出功能,我们依照此功能,来实现并还原真实企业开发中的实现思路

一、为什么做导入导出

为什么做导入导出

导入

在项目开发过程中,总会有一些统一的操作,例如插入数据,系统支持单个插入数据效率太慢了,为此,我们可以将数据写入Excel中,系统提供导入功能进行批量添加数据,实现了数据的统一覆盖,快捷操作!

导出

导出功能,实现了我们的Excel表数据查看,输出为Excel表格后,我们可以很方便快捷的查看数据,以及随时修改数据,达到了可视化的效果!

总之,导入导出是为了方便系统的操作,提升用户体验而开发的一个功能,目前绝大项目中,均会有导入导出的身影存在,可见导入导出的重要性!

二、什么是 EasyPOI

EasyPoi功能如同名字easy,主打的功能就是容易,让一个没见接触过poi的人员就可以方便的写出Excel导出,Excel模板导出,Excel导入,Word模板导出,通过简单的注解和模板语言(熟悉的表达式语法),完成以前复杂的写法。

EasyPOI 官方最新 文档:http://easypoi.mydoc.io/

EasyPOI 主要功能

  • 基于注解的导入导出,修改注解就可以修改Excel
  • 支持常用的样式自定义
  • 基于map可以灵活定义的表头字段
  • 支持一对多的导出,导入
  • 支持模板的导出,一些常见的标签,自定义标签
  • 支持HTML/Excel转换,如果模板还不能满足用户的变态需求,请用这个功能
  • 支持word的导出,支持图片,Excel

EasyPOI 的特点

  • 设计精巧,使用简单
  • 接口丰富,扩展简
  • 单默认值多,write less do more
  • spring mvc支持,web导出可以简单明了

总而言之:EasyPOI 一个字 Easy !

三、项目简介

项目需求

本项目要求使用 Spring Boot + Vue 完成前后端分离开发,具体需求如下:

  • 组件库采用 ElementUI、持久化层 MyBatis、数据库 采用 MySQL8.0
  • 完成用户列表的 增加,多条件查询、分页
  • 提供用户列表的导入功能,要求导入成功后 持久化到数据库
  • 提供用户列表的导出功能,要求前端可下载导出的Excel列表
  • 具体导入导出 使用 EasyPOI实现,完成开发
  • 整体编码规范采用 Alibaba 开发手册规范

严格根据需求进行功能开发!

效果图

开发环境

项目结构

目录介绍:

common: 公共类层,主要放置共有的类,提高开发效率,减少不必要的重复性开发

config:配置中心层,主要放置 全局的配置信息等

dto:前端页面展示对象,传输对象层

entity:实体类层,与数据库一 一对应

其它为MVC三层架构层。

核心Pom 依赖

<!--        Easy POI-->
<dependency>
    <groupId>cn.afterturn</groupId>
    <artifactId>easypoi-base</artifactId>
    <version>3.2.0</version>
</dependency>
<dependency>
    <groupId>cn.afterturn</groupId>
    <artifactId>easypoi-web</artifactId>
    <version>3.2.0</version>
</dependency>
<dependency>
    <groupId>cn.afterturn</groupId>
    <artifactId>easypoi-annotation</artifactId>
    <version>3.2.0</version>
</dependency>

重新加载Maven 依赖即可。

四、实战开发 核心源码

需求分析

项目已经搭建完毕,接下来进入开发,主要的就是导入导出具体功能的实现

思路:

导入功能,首先新建Excel对应实体类,映射具体列,controller层编写具体映射文件类, 调用内置方法完成读取 Excel文件并映射为具体类集合,再将该集合转为DTO,批量存入数据库,完成导入操作

导出功能,controller层编写方法并声明reponse响应类,调用内置方法完成文件的读取并存入 对应集合,浏览器即可得到响应消息,完成下载文件。(浏览器访问通过 window.open 或者Nginx转发 实现下载功能)

直接上代码!

前端页面

导入具体实现

<template>
	<div class="el-form-item__label">
            <el-upload
              class="upload-demo"
              :action="importUrl"
              :on-success="uploadSuccess"
              accept=".xlsx"
              :show-file-list="false"
              multiple
              :limit="3"
              :on-exceed="handleExceed"
            >
              <el-button type="success" plain icon="el-icon-download" size="small">导入</el-button>
            </el-upload>
        </div>
</template>

data() {
    return {
      importUrl: this.settings.apiUrl+'/sys/user/import_excel',
    };
  },

导出具体实现

<template>
	<div class="el-form-item__label">
            <el-button type="warning" size="small" plain icon="el-icon-upload2" @click="exportExcel">导出</el-button>
        </div>
</template>

methods: {
    exportExcel() {
		window.open(this.settings.apiUrl + "/sys/user/export_excel")
	}
}

前端代码完成编写,全部源码 请看文末,源码地址

后端核心实现

实体类 SysUserExcel

package com.chen.excel;

import cn.afterturn.easypoi.excel.annotation.Excel;
import lombok.Data;

import java.util.Date;


@Data
public class SysUserExcel {

    @Excel(name = "序号", orderNum = "0", format = "isAddIndex")
    private Integer index = 1;

    @Excel(name = "用户账号")
    private String username;

    @Excel(name = "真实姓名")
    private String realName;

    @Excel(name = "性别", replace = {"男_1", "女_2"})
    private Integer gender;

    @Excel(name = "电子邮箱", width = 25)
    private String email;

    @Excel(name = "手机号码")
    private String mobile;

    @Excel(name = "创建时间", format = "yyyy-MM-dd", width = 15)
    private Date createTime;
}

导入功能具体实现

导入功能 contorller 层

@PostMapping("import_excel")
    public ResultBean<Integer> import_excel(MultipartFile file) {
        ResultBean<Integer> res = sysUserService.importExcel(file);
        return res;
    }

导入功能 service 层

@Override
public ResultBean<Integer> importExcel(MultipartFile file) {
    ImportParams importParams = new ImportParams();
    //行设置为1行,默认是0,可以不设置;依实际情况设置。
    importParams.setTitleRows(1);
    // 表头设置为1行
    importParams.setHeadRows(1);
    try {
        //读取excel
        List<SysUserExcel> sysUserExcelList = ExcelImportUtil.importExcel(file.getInputStream(), SysUserExcel.class, importParams);

        batchInsert(sysUserExcelList);
        return ResultBean.create(0, "success");
    } catch (Exception e) {
        log.error("导入 Excel 异常! e ==> {}", e);
        return ResultBean.create(10, "导入excel 异常!"+e.getMessage());
    }
}


public void batchInsert(List<SysUserExcel> param) throws Exception{
    //转换为dto集合
    List<SysUserDTO> sysUserDTOList = BeanUtil.copyToList(param, SysUserDTO.class);

    //转换集合
    List<SysUserDTO> userDTOList = new ArrayList<>();
    for (SysUserDTO sysUserDTO : sysUserDTOList) {
        if (!StringUtils.isEmpty(sysUserDTO.getUsername())) {
            sysUserDTO.setPassword("123");
            userDTOList.add(sysUserDTO);
        }
    }
    //批量插入数据库
    sysUserMapper.batchInsert(userDTOList);

}

导入功能 mapper层

Integer batchInsert(@Param("list") List<SysUserDTO> param);

导入功能 mapper 对应 xml,批量插入操作,采用forEach 循环完成

<insert id="batchInsert">
    insert sys_user (username, password, real_name, gender, email, mobile, create_time)
    values
    <foreach collection="list" index="index" item="item" separator=",">
        (#{item.username}, #{item.password}, #{item.realName}, #{item.gender}, #{item.email}, #{item.mobile}, now())
    </foreach>
</insert>

导出功能实现

导出 controller层

@GetMapping("export_excel")
public void export_excel(Map<String, Object> param, HttpServletResponse response) {
    sysUserService.exportExcel(param, response);
}

导出 service 层

@Override
public void exportExcel(Map<String, Object> param, HttpServletResponse response) {
    try {
        List<SysUserDTO> res = sysUserMapper.list(null);
        List<SysUserExcel> sysUserExcelList = BeanUtil.copyToList(res, SysUserExcel.class);
        //设置信息头,告诉浏览器内容为excel类型
        response.setHeader("content-Type", "application/vnd.ms-excel");
        //设置下载名称
        response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode("用户列表.xls", StandardCharsets.UTF_8.name()));

        //字节流输出
        ServletOutputStream out = response.getOutputStream();
        //设置excel参数
        ExportParams params = new ExportParams();
        //设置sheet名名称
        params.setSheetName("用户列表");
        //设置
        params.setTitle("用户信息表");

        Workbook workbook = ExcelExportUtil.exportExcel(params, SysUserExcel.class, sysUserExcelList);
        workbook.write(out);
    } catch (Exception e) {
        log.error("导出失败! e ==> {}", e);
    }
}

五、项目源码

GitHub: GitHub 开源地址

GitCode: GitCode 开源地址

小结

以上就是【Bug 终结者】对 【前后端分离系列】 Spring Boot + Vue 实现 EasyPOI 导入导出 的简单介绍,导入导出是我们在项目中比较常用的功能,同时,前后端分离项目的开发提高了我们对技术的更深入的理解,懂得了前端和后端是如何完成的交互,以及数据的渲染等,总之,导入导出很重要,该项目也涉及到了批量删除等实战开发中比较常用的功能

到此这篇关于SpringBoot+Vue实现EasyPOI导入导出的方法详解的文章就介绍到这了,更多相关SpringBoot EasyPOI导入导出内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

SpringBoot+Vue实现EasyPOI导入导出的方法详解

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

vue-element-admin项目导入和导出的实现方法

这篇文章给大家分享的是有关vue-element-admin项目导入和导出的实现方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。vue-element-admin导入组件封装模板和样式首先封装一个类似的组件,首
2023-06-15

MySQL中数据导入和导出的方法详解

MySQL中数据导入和导出的方法详解导入和导出数据是数据库管理中常用的操作,在MySQL中也有多种方法可以实现。本文将详细介绍几种常见的方法,并提供相应的代码示例。一、导出数据使用SELECT ... INTO OUTFILE语句导出数据在
2023-10-22

Springboot与vue实现数据导出方法具体介绍

这篇文章主要介绍了Springboot与vue实现数据导出方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
2023-02-09

vue怎么实现excel表格的导入导出

这篇文章主要介绍“vue怎么实现excel表格的导入导出”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue怎么实现excel表格的导入导出”文章能帮助大家解决问题。一、下载xlsx插件npm i
2023-07-06

Springboot与vue实现文件导入方法具体介绍

文件导入时大多数项目无法回避的问题,这两天深入学习了文件导入,在这里进行记录,使用到的技术是Springboot+Vue,前端组件使用el-upload
2023-02-07

vue实现excel表格的导入导出的示例

本文主要介绍了vue实现excel表格的导入导出的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2023-05-15

Java使用POI实现导出Excel的方法详解

在项目开发中往往需要使用到Excel的导入和导出,导入就是从Excel中导入到DB中,而导出就是从DB中查询数据然后使用POI写到Excel上。本文将利用POI实现导出Excel,需要的可以参考一下
2022-11-13

SpringBoot整合easyExcel实现CSV格式文件的导入导出

本文介绍了如何使用EasyExcel集成SpringBoot实现CSV格式文件的导入导出。导出时,配置EasyExcel并编写代码将数据写入响应流。导入时,配置EasyExcel并编写一个监听器类来处理读取到的数据。通过使用EasyExcel,可以轻松地在SpringBoot应用程序中处理CSV格式的文件,实现数据导入导出功能。
SpringBoot整合easyExcel实现CSV格式文件的导入导出
2024-04-02

SpringBoot配置文件导入方法详细讲解

SpringBoot虽然是Spring的衍生物,但默认情况下Boot是不能直接使用Spring的配置文件的,我们可以通过两种方式导入Spring的配置
2022-11-13

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录