使用Hutool工具库

网址:https://www.hutool.cn/

非常好用的工具库 只需导入maven 按照开发文档操作即可

例如使用Excel的读写

首先导入maven

<!--        Hutool工具-->
        <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>

然后在Controller中设置导入导出(要与数据库中字段顺序一致)

 /**
     * 批量导出接口Excel
     */
    @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("id", "用户ID");
        writer.addHeaderAlias("username", "用户名");
        writer.addHeaderAlias("avatar", "头像");
        writer.addHeaderAlias("password", "密码");
        writer.addHeaderAlias("sex", "性别");
        writer.addHeaderAlias("age", "年龄");
        writer.addHeaderAlias("phoneNumber", "电话");
        writer.addHeaderAlias("address", "地址");
        writer.addHeaderAlias("role", "角色");
        writer.addHeaderAlias("status", "状态");
        writer.addHeaderAlias("create_time", "创建时间");
        writer.addHeaderAlias("update_time", "修改时间");


        // 一次性写出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();

    }

导入

/**
     * 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.setId(Integer.valueOf(row.get(0).toString()));
            user.setUsername(row.get(1).toString());
            user.setAvatar(row.get(2).toString());
            user.setPassword(row.get(3).toString());
            user.setSex(row.get(4).toString());
            user.setAge(Integer.valueOf(row.get(5).toString()));
            user.setPhoneNumber(row.get(6).toString());
            user.setAddress(row.get(7).toString());
            user.setRole(row.get(8).toString());
            user.setStatus(Boolean.parseBoolean(row.get(9).toString()));
            users.add(user);
        }

        userService.saveBatch(users);
        return true;
    }

在前端

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()
}

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")
}