SpringBoot实现导入导出(excel)

这里使用的还是hutools工具

https://gitee.com/link?target=https%3A%2F%2Fwww.hutool.cn%2Fdocs%2F%23%2Fpoi%2FExcel%25E5%25B7%25A5%25E5%2585%25B7-ExcelUtil

导出

  1. 经典导包环节
<dependency>
    <groupId>cn.hutool</groupId>
    <artifactId>hutool-all</artifactId>
    <version>5.7.20</version>
</dependency>
 <dependency>
     <groupId>org.apache.poi</groupId>
     <artifactId>poi-ooxml</artifactId>
     <version>4.1.2</version>
 </dependency>

2.浏览器写出格式参考

 response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8");
 String fileName = URLEncoder.encode("用户信息", "UTF-8");
 response.setHeader("Content-Disposition", "attachment;filename=" + fileName + ".xlsx");
  1. 导出接口
/**
     * 导出接口
     */
    @GetMapping("/export")
    public void export(HttpServletResponse response) throws Exception {
        // 从数据库查询出所有的数据
        List<User> list = userService.list();
        // 通过工具类创建writer 写出到磁盘路径
//        ExcelWriter writer = ExcelUtil.getWriter(filesUploadPath + "/用户信息.xlsx");
        // 在内存操作,写出到浏览器
        ExcelWriter writer = ExcelUtil.getWriter(true);
        //自定义标题别名
        writer.addHeaderAlias("username", "用户名");
        writer.addHeaderAlias("password", "密码");
        writer.addHeaderAlias("nickname", "昵称");
        writer.addHeaderAlias("email", "邮箱");
        writer.addHeaderAlias("phone", "电话");
        writer.addHeaderAlias("address", "地址");
        writer.addHeaderAlias("createTime", "创建时间");
        writer.addHeaderAlias("avatarUrl", "头像");

        // 一次性写出list内的对象到excel,使用默认样式,强制输出标题
        writer.write(list, true);

        // 设置浏览器响应的格式
        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8");
        String fileName = URLEncoder.encode("用户信息", "UTF-8");
        response.setHeader("Content-Disposition", "attachment;filename=" + fileName + ".xlsx");

        ServletOutputStream out = response.getOutputStream();
        writer.flush(out, true);
        out.close();
        writer.close();

    }
  1. vue导出
<el-button type="primary" @click="exp" class="ml-5">导出 <i class="el-icon-top"></i></el-button>

exp() {
	window.open("http://localhost:9090/user/export")
}

导入

1.使用起别名的方式,来识别表头的中文标题

  /**
     * excel 导入
     * @param file
     * @throws Exception
     */
    @PostMapping("/import")
    public Boolean imp(MultipartFile file) throws Exception {
        InputStream inputStream = file.getInputStream();
        ExcelReader reader = ExcelUtil.getReader(inputStream);
        // 方式1:(推荐) 通过 javabean的方式读取Excel内的对象,但是要求表头必须是英文,跟javabean的属性要对应起来
//        List<User> list = reader.readAll(User.class);

        // 方式2:忽略表头的中文,直接读取表的内容 但是是手动的不推荐
        // List<List<Object>> list = reader.read(1);
        // List<User> users = CollUtil.newArrayList();
        // for (List<Object> row : list) {
        //     User user = new User();
        //     user.setUsername(row.get(0).toString());
        //     user.setPassword(row.get(1).toString());
        //     user.setNickname(row.get(2).toString());
        //     user.setEmail(row.get(3).toString());
        //     user.setPhone(row.get(4).toString());
        //     user.setAddress(row.get(5).toString());
        //     user.setAvatarUrl(row.get(6).toString());
        //     users.add(user);
        // }
        HashMap<String, String> headerAlias = new HashMap<>(6);
        headerAlias.put("用户名", "username");
        headerAlias.put("昵称", "nickname");
        headerAlias.put("邮箱", "email");
        headerAlias.put("电话", "phone");
        headerAlias.put("地址", "address");
        headerAlias.put("头像", "avatarUrl");
        reader.setHeaderAlias(headerAlias);

        List<User> list = reader.readAll(User.class);

        System.out.println(list);

      //上传的excel数据,保存到数据库中
        userService.saveBatch(list);
        return true;
    }
  1. 使用vue导入
<el-upload action="http://localhost:9090/user/import" :show-file-list="false" accept="xlsx" :on-success="handleExcelImportSuccess" style="display: inline-block">
  <el-button type="primary" class="ml-5">导入 <i class="el-icon-bottom"></i></el-button>
</el-upload>

handleExcelImportSuccess() {
    this.$message.success("导入成功")
    this.load()
}

导入表头是中文问题

1.去掉导出的别名

2.在实体类起别名

3.导入接口也可以去掉设置别名了

posted @ 2022-07-15 13:10  长情c  阅读(3782)  评论(0)    收藏  举报