使用Excel导入和导出数据

news/2024/7/21 6:51:57 标签: 前端, excel, java

功能技术:SpringBoot,vue3(restful) 

前端代码实现

首先在前端写一个上传和导出功能。

<template>
     <!-- 文件上传 -->
     <el-upload class="upload-demo" drag action="" :on-change="onChange" :auto-upload="false">
          <el-icon class="el-icon--upload"><upload-filled /></el-icon>
          <div class="el-upload__text">
               Drop file here or <em>click to upload</em>
          </div>
     </el-upload>
     <!-- 文件导出 -->
     <a target="_blank" type="success" href="/api/upload/write">导出Excle</a>

</template>

<script lang="ts" setup>
import { uploadApi } from "@/api/index";
import { ElMessage } from "element-plus";

//定义文件上传的函数
const onChange = (file: any, _uploadFiles: any) => {
     let reader = new FileReader();
     reader.readAsDataURL(file.raw);
     reader.onload = (f) => {
          callUploadApi(file.name, f.target?.result);
     };
};
//文件上传的函数
const callUploadApi = (name: any, base64: any) => {
     uploadApi.uploadExcel.call({ name, base64 }).then((res: any) => {
          ElMessage.success("上传成功");
     });
};

</script>

请求配置:uploadApi.ts

java">import http from "@/http/index";
export default {
  uploadExcel: {
    name: "上传文件",
    url: "/api/upload/excel",
    call: async function name(params: any) {
      return await http.post(this.url, params);
    },
  },
};

index.ts

java">import uploadApi from "@/api/uploadApi";
export {uploadApi};

数据库文件

CREATE TABLE `person` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL COMMENT '姓名',
  `age` int(11) DEFAULT NULL COMMENT '年龄',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;

后端代码实现

导入操作excel的依赖poi

<!--poi-->
<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi-ooxml</artifactId>
    <version>5.0.0</version>
</dependency>

准备工作:1、一个与你上传数据相对于的实体类;

                  2、定义一个上传信息对象;

 实体类Person:为了方便演示我就定义两个字段,以供参考:

java">@Data
public class Person {
    private String name;
    private Integer age;
}

 上传信息对象UploadInfo :

java">@Data
public class UploadInfo {
    private String name;
    private String base64;
}

Controller层代码:

java">@RestController
@RequestMapping("/api/upload")
public class UploadExcel {
 
    @Autowired
    private SqlSessionFactory sqlSessionFactory;
    @Autowired
    private PersonDao personDao;
    @Autowired
    private UploadService uploadService;
 
 
    /**
     * 导入excle
     * @param uploadInfo
     * @return
     * @throws Exception
     */
    @PostMapping("/excel")
    public String upload1(@RequestBody UploadInfo uploadInfo) throws Exception {
        String name = uploadInfo.getName();
        String base64 = uploadInfo.getBase64();
        String[] strArray = StrUtil.splitToArray(base64, "base64,");
        byte[] bytes = Base64.decode(strArray[1]);

        //用于创建一个基于字节数组的输入流。它允许你从一个字节数组中读取数据。
        ByteArrayInputStream byteArrayInputStream = new ByteArrayInputStream(bytes);
        // 使用Hutool读取Excel文件
        ExcelReader reader = ExcelUtil.getReader(byteArrayInputStream);
        //将读取到的 reader 转化为 List<Man>集合
        List<Person> persons = reader.readAll(Person.class);

        //StopWatch类是 Hutool 工具库中的类,用于测量代码执行时间
        StopWatch stopWatch = new StopWatch();
        //读取数据的结束时间同时也是写入数据库的开始时间
        stopWatch.start();

        //sqlSessionFactory是通过ioc容器注入的  设置其SqlSession的执行器格式ExecutorType.SIMPLE(默认)
        SqlSession sqlSession = sqlSessionFactory.openSession(ExecutorType.BATCH);
        PersonDao mapper = sqlSession.getMapper(PersonDao.class);
        //循环将List<Man>中的数据插入数据库 方法一
        //for (Person person : persons) {
        //    PoItemMapper.xml.insert(person);
        //}
        //方法二:
        mapper.insertBatch(persons);
        sqlSession.commit();
        stopWatch.stop();
        sqlSession.close();
        System.out.println("插入数据库最终的结果为:" + stopWatch.getTotalTimeSeconds());

        return "ok";
    }

    /**
     * 导出Excel
     * @param response
     * @throws IOException
     */
    @GetMapping("/write")
    public void exportExcel(HttpServletResponse response) throws IOException {
        // 创建Excel写入器   参数 true 表示追加数据,即在已有的 Excel 文件上追加新数据。如果设为 false,则会覆盖已有的数据。
        List<Person> person = personDao.selectAll();
        // 创建ExcelWriter对象
        ExcelWriter writer = ExcelUtil.getWriter(true);
        int i = 0;
        while (true) {
            List<Person> list = person.stream().skip(i * 100000).limit(100000).parallel().collect(Collectors.toList());
            if (list.isEmpty()) {
                break;
            }
            writer.setSheet("person" + i);
            // 写入表头
            writer.addHeaderAlias("id", "Id");
            writer.addHeaderAlias("name", "姓名");
            writer.addHeaderAlias("age", "年龄");
            // 写入当前批次的数据
            writer.write(list, true);
            i++;
        }
        //response为HttpServletResponse对象   设置响应的内容类型为Excel文件
        response.setContentType("application/xlsx;charset=utf-8");
        //test.xls是弹出下载对话框的文件名,不能为中文,中文请自行编码
        //设置响应头,告诉浏览器以附件形式下载文件,文件名为test.xlsx。这样设置可以让浏览器弹出文件下载对话框。
        response.setHeader("Content-Disposition", "attachment;filename="+"test.xlsx");
        //获取响应输出流,它是用于将响应的数据发送给客户端的流。
        ServletOutputStream out = response.getOutputStream();
        //将Excel数据写入输出流。第二个参数为true表示追加写入,即将数据追加到已有的Excel文件中。
        writer.flush(out, true);
        writer.close();
        //关闭输出流
        out.close();
    }
}

dao层代码PersonDao :

java">@Mapper
public interface PersonDao {
    
    void insert(Person person);
 
    void insertBatch(List<Person> persons);
 
    List<Person> selectAll();
 
}

PersonMappr.xml:

java">
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.by.dao.PersonMapper">
    <!--新增数据-->
    <insert id="insert">
        insert into person(name,age)
        values (#{name},#{age})
    </insert>
    <!-- 批量新增数据 -->
    <insert id="insertBatch" >
        insert into person(name,age)
        values
        <foreach collection="persons" item="entity" separator=",">
            (#{entity.name},#{entity.age})
        </foreach>
    </insert>
    <select id="selectAll" resultType="com.by.upload.Person">
        select * from person
    </select>
</mapper>

 


http://www.niftyadmin.cn/n/5428715.html

相关文章

如何安装ES

Elasticsearch入门安装 ES的官方地址&#xff1a;Elasticsearch 平台 — 大规模查找实时答案 | Elastic 我们进到网页可以看到platform&#xff08;平台&#xff09; 我们可以看到Elasticsearch logstash kibanba beats 这几个产品 Elasticsearch&#xff1a;分布式&…

让el-input与其他组件能够显示在同一行

让el-input与其他组件能够显示在同一行 说明&#xff1a;由于el-input标签使用会默认占满一行&#xff0c;所以在某些需要多个展示一行的时候不适用&#xff0c;因此需要能够跟其他组件显示在同一行。 效果&#xff1a; 1、el-input标签内使用css属性inline 111<el-inp…

DM_SQL

DM_SQL 语言符合结构化查询语言 SQL 标准&#xff0c;是标准 SQL 的扩充。它集数据定义、数据查询、数据操纵和数据控制于一体&#xff0c;是一种统一的、综合的关系数据库语言。它功能强大&#xff0c;使用简单方便、容易为用户掌握。DM_SQL 语言具有如下特点&#xff1a; 1.…

Pandas教程15:多个DataFrame数据(保存+追加)为Excel表格数据

---------------pandas数据分析集合--------------- Python教程71&#xff1a;学习Pandas中一维数组Series Python教程74&#xff1a;Pandas中DataFrame数据创建方法及缺失值与重复值处理 Pandas数据化分析&#xff0c;DataFrame行列索引数据的选取&#xff0c;增加&#xff0c…

怎样使用pycharm的调试器?

持续到编写过程中&#xff0c;调试程序是必不可少的步骤。怎样使用pycharm的调试器进行程序调试呢&#xff1f; 看下面的截图&#xff1a; 入上入所示&#xff0c;第二行两个绿色的按钮&#xff0c;左边一个是运行按钮&#xff0c;右边一个是调试按钮。用鼠标点击右边的调试按…

Qt 线程池 QThreadPool

一.Qt 线程池 QThreadPool介绍 Qt线程池是一种管理多个线程的并发编程模型&#xff0c;通过使用线程池可以提高性能、控制并发度、提供任务队列和简化线程管理。 在Qt中&#xff0c;线程池的使用主要涉及以下几个步骤&#xff1a; 创建任务类&#xff1a;需要定义一个任务类&am…

python基于flask考研学习交流系统30vy7附源码django

考研在线学习与交流平台根据实际情况分为前后台两部分&#xff0c;前台部分主要是让用户使用的&#xff0c;包括用户的注册登录&#xff0c;首页&#xff0c;课程信息&#xff0c;在线讨论&#xff0c;系统公告&#xff0c;后台管理&#xff0c;个人中心等功能&#xff1b;后台…

【Python数据结构与判断7/7】数据结构小结

目录 序言 整体回忆 定义方式 访问元素 访问单个元素 访问多个与元素 修改元素 添加元素 列表里添加元素 字典里添加元素 删除元素 in运算符 实战案例 总结 序言 今天将对前面学过的三种数据结构&#xff1a;元组&#xff08;tuple&#xff09;、列表&#xff08;…