1. hutool 工具介绍unset

这个我就不用过多介绍了，它是一个非常好用的 Java 工具类库。我们在日常工作中用到的工具类，他都有。

官网：https://plus.hutool.cn/

unsetunset2. SpringBoot 项目引入依赖unset

<!-- hutool -->
<dependency>
    <groupId>cn.hutool</groupId>
    <artifactId>hutool-all</artifactId>
    <version>5.7.15</version>
</dependency>
<!--  poi -->
<dependency>
    <groupId>org.apache.poi</groupId>
    <artifactId>poi-ooxml</artifactId>
    <version>5.0.0</version>
</dependency>

unsetunset3. 导入Excelunset

3.1 controller

/**
 * 导入用户
 * @param file
 * @return
 */
@PostMapping("/import")
public Result importUser(@RequestParam("file") MultipartFile file){
    boolean flag = sysUserService.importUser(file);
    if (flag) {
        return Result.success();
    } else {
        return Result.fail();
    }
}

3.2 service

/**
 * 导入用户信息
 * @param file
 * @return
 */
boolean importUser(MultipartFile file);

3.3 serviceImpl(核心实现)

/**
 * 导入用户信息
 *
 * @param file
 * @return
 */
@Override
@Transactional(rollbackFor = Exception.class)
public boolean importUser(MultipartFile file) {
    InputStream inputStream;
    try {
        inputStream = file.getInputStream();
        ExcelReader reader = ExcelUtil.getReader(inputStream);
        // 忽略表头
        List<List<Object>> readResults = reader.read(1);

        for (List<Object> result : readResults) {
            SysUser sysUser = new SysUser();
            // ....业务代码
            // 保存用户信息
            saveUser(sysUser);
        }
        return true;
    } catch (Exception e) {
       throw new RuntimeException(e.getMessage());
    }
}

3.4 vue3 代码

前端页面用的 element plus 的 el-upload，这里不再过多介绍。

核心代码主要是将文件封装成 formData，然后向后端发起 post 请求。

// 导入用户信息
const importUser = () => {
  if (fileList.value.length === 0) {
    ElMessage.error(`请先上传文件！`);
    return;
  }
  const formData = new FormData();
  formData.append("file", fileList.value[0].raw);
  UserApi.importUser(formData)
    .then((res) => {
      if (res.data.code == 200) {
        ElMessage.success(`导入成功！`);
      } else {
        ElMessage.error("导入失败：" + res.data.message);
      }
    })
    .catch((error) => {
      ElMessage.error(error);
    })
    .finally(() => {
      cancelImport();
    });
};

unsetunset4. 导出Excelunset

4.1.案例一：将 map 数据导出 Excel

LinkedHashMap 是有序的。

 Map<String, Object> row1 = new LinkedHashMap<>();
  row1.put("姓名", "张三");
  row1.put("年龄", 23);
  row1.put("成绩", 88.32);
  row1.put("是否合格", true);
  row1.put("考试日期", DateUtil.date());

  Map<String, Object> row2 = new LinkedHashMap<>();
  row2.put("姓名", "李四");
  row2.put("年龄", 33);
  row2.put("成绩", 59.50);
  row2.put("是否合格", false);
  row2.put("考试日期", DateUtil.date());
  ArrayList<Map<String, Object>> rows = CollUtil.newArrayList(row1, row2);
  // 通过工具类创建writer
  ExcelWriter writer = ExcelUtil.getWriter("d:/writeMapTest.xlsx");
// 合并单元格后的标题行，使用默认标题样式
  writer.merge(row1.size() - 1, "一班成绩单");
// 一次性写出内容，使用默认样式，强制输出标题
  writer.write(rows, true);
// 关闭writer，释放内存
  writer.close();

4.2 案例二：将 bean 数据导出 Excel

SysUser sysUser1 = new SysUser();
sysUser1.setName("张三");
sysUser1.setPhone("13956365525");
sysUser1.setEmail("1232454@qq.com");
SysUser sysUser2 = new SysUser();
sysUser2.setName("李四");
sysUser2.setPhone("13956365526");
sysUser2.setEmail("1232454@qq.com");
List<SysUser> rows = CollUtil.newArrayList(sysUser1, sysUser2);
// 通过工具类创建writer
ExcelWriter writer = ExcelUtil.getWriter("d:/用户信息.xlsx");
//自定义标题别名
writer.addHeaderAlias("name", "姓名");
writer.addHeaderAlias("phone", "手机号");
writer.addHeaderAlias("email", "邮箱");
// 默认的，未添加alias的属性也会写出，如果想只写出加了别名的字段，可以调用此方法排除之
writer.setOnlyAlias(true);
// 合并单元格后的标题行，使用默认标题样式
writer.merge(2, "用户信息");
// 一次性写出内容，使用默认样式，强制输出标题
writer.write(rows, true);
// 关闭writer，释放内存
writer.close();

4.3 案例三：导出复杂表头

SysUser sysUser1 = new SysUser();
sysUser1.setPhone("13956365525");
sysUser1.setEmail("1232454@qq.com");
sysUser1.setName("张三");
SysUser sysUser2 = new SysUser();
sysUser2.setPhone("13956365526");
sysUser2.setEmail("1232454@qq.com");
sysUser2.setName("李四");

List<SysUser> rows = CollUtil.newArrayList(sysUser1, sysUser2);
List<List<String>> collect = rows.stream().map(w -> {
    List<String> record = new ArrayList<>();
    record.add(w.getName());
    record.add(w.getPhone());
    record.add(w.getEmail());
    return record;
}).collect(Collectors.toList());
// 通过工具类创建writer
ExcelWriter writer = ExcelUtil.getWriter("d:/用户信息.xlsx");
//  当列数大于1时才能进行合并单元格操作
writer.merge(0,1,0,0,"姓名",true);
writer.merge(0,0,1,2,"联系方式",true);
writer.writeCellValue(1, 1, "手机号");
writer.setStyle(StyleUtil.createHeadCellStyle(writer.getWorkbook()), 1, 1);
writer.writeCellValue(2, 1, "邮箱");
writer.setStyle(StyleUtil.createHeadCellStyle(writer.getWorkbook()), 2, 1);
// 跳过标题行
writer.passRows(2);
// ------------------ 单元格样式 ------------------
// 设置单元格字体
Font font = writer.createFont();
// 设置字体颜色
font.setColor(Font.ANSI_CHARSET);
// 设置字体大小
font.setFontHeight((short) 300);
//第二个参数表示是否忽略头部样式
writer.getStyleSet().setFont(font, true);
// -------------------- 表头样式 ----------------------
CellStyle headCellStyle = writer.getHeadCellStyle();
headCellStyle.setFillBackgroundColor(IndexedColors.GREEN.getIndex());
// 水平居中
headCellStyle.setAlignment(HorizontalAlignment.CENTER);
//垂直居中
headCellStyle.setVerticalAlignment(VerticalAlignment.CENTER);
// ----------------- 单元格行高和列高 -----------------------------------
// 设置行高
writer.setRowHeight(0, 20);
writer.setRowHeight(1, 25);
// 设置列宽度
writer.setColumnWidth(0, 15);
writer.setColumnWidth(1, 20);
writer.setColumnWidth(2, 20);
// 一次性写出内容，使用默认样式，强制输出标题
writer.write(collect, true);
// 关闭writer，释放内存
writer.close();

writer.merge() 方法用来合并单元格，合并的前提是列数大于 1。其中行数和列数都是从 0 开始。

writer.writeCellValue( )用来将数据写入特定单元格。

writer.setStyle(StyleUtil.createHeadCellStyle()) 表示写入的数据是表头数据。

4.4 导出 Excel 综合实战

1.controller

/** 
 * 导出订单
 * @param response
 * @param orderParam
 * @throws IOException
 */
@PostMapping("/export")
public void exportOrder(HttpServletResponse response, @RequestBody OrderParam orderParam) throws IOException {
    orderService.exportOrder(response, orderParam);
}

2. serviceImpl(核心代码)

/**
 * 导出订单
 *
 * @param response
 * @param orderParam
 */
@Override
public void exportOrder(HttpServletResponse response, OrderParam orderParam) throws IOException {
    ExcelWriter writer = ExcelUtil.getWriter(true);
    // ------------------ 单元格样式 ------------------
    // 设置单元格字体
    Font font = writer.createFont();
    // 设置字体颜色
    font.setColor(Font.ANSI_CHARSET);
    // 设置字体大小
    font.setFontHeight((short) 240);
    //第二个参数表示是否忽略头部样式
    writer.getStyleSet().setFont(font, true);
    // -------------------- 表头样式 ----------------------
    CellStyle headCellStyle = writer.getHeadCellStyle();
    headCellStyle.setFillBackgroundColor(IndexedColors.GREEN.getIndex());
    // 水平居中
    headCellStyle.setAlignment(HorizontalAlignment.CENTER);
    //垂直居中
    headCellStyle.setVerticalAlignment(VerticalAlignment.CENTER);
    // ----------------- 单元格行高和列高 -----------------------------------
    // 设置行高
    writer.setRowHeight(0, 20);
    // 设置列宽度
    for (int i = 0; i <12 ; i++) {
        if(i<6){
            writer.setColumnWidth(i, 28);
        }else{
            writer.setColumnWidth(i, 18);
        }
    }
    Page<Order> orderPage = new Page<>();
    orderPage.setSize(1000);
    Page<Order> pageResult = getOrderPage(orderPage, orderParam);
    List<Order> records = pageResult.getRecords();
    if (CollectionUtil.isNotEmpty(records)) {
        // 封装数据
        List<Map<String, Object>> exportData = records.stream().map(order -> {
            // HashMap 是无序的，这里是有序的
            Map<String, Object> map = new LinkedHashMap<>();
            map.put("订单编号", order.getOrderNumber());
            ------根据实际业务编写
            return map;
        }).collect(Collectors.toList());
        writer.write(exportData, true);
        response.setContentType("application/vnd.ms-excel;charset=utf-8");
        ServletOutputStream out = response.getOutputStream();
        // 导出输出流
        writer.flush(out, true);
        //关闭writer，释放内存
        writer.close();
        // 关闭Servlet流
        IoUtil.close(out);
    }
}

3. vue3 核心代码

// 导出订单
const exportOrder = () => {
  instance({
    url: "/order/export",
    method: "post",
    data: searchForm,
    responseType: "blob", // 表明返回服务器返回的数据类型
  })
    .then((res) => {
      let blob = new Blob([res.data], {
        type: "application/vnd.ms-excel;charset=utf-8",
      });
      const url = window.URL.createObjectURL(blob); // 设置路径
      const link = window.document.createElement("a"); // 创建a标签
      link.href = url;
      link.download = "订单信息.xlsx"; // 设置文件名
      link.style.display = "none";
      link.click();
      URL.revokeObjectURL(url); //
    })
    .catch((error) => {});
};

responseType: "blob" 这个很重要