hutool工具网址
pom依赖
<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>
导出接口
实体类属性加上@Alias注解,加上这个注解导入文件时表头是中文的也可以。
用法:@Alias("用户名")
以下代码中有些注释掉的代码是其他的用法,@Alias注解这个方法比较方便,可能还有更好的方法大家自行探索。
user.java
package com.qing.springboot.entity;
import cn.hutool.core.annotation.Alias;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import java.io.Serializable;
import java.time.LocalDateTime;
import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Data;
/**
* <p>
*
* </p>
*
* @author Dong
* @since 2024-07-20
*/
@Data
@TableName("sys_user" )
@ApiModel(value = "User对象", description = "" )
public class User implements Serializable {
private static final long serialVersionUID = 1L;
@ApiModelProperty("id" )
@TableId(value = "id", type = IdType.AUTO)
@Alias("id")
private Integer id;
@ApiModelProperty("用户名" )
@Alias("用户名")
private String username;
@ApiModelProperty("密码" )
@Alias("密码")
private String password;
@ApiModelProperty("昵称" )
@Alias("昵称")
private String nickname;
@ApiModelProperty("邮箱" )
@Alias("邮箱")
private String email;
@ApiModelProperty("电话" )
@Alias("电话")
private String phone;
@ApiModelProperty("地址" )
@Alias("地址")
private String address;
@ApiModelProperty("创建时间" )
@Alias("创建时间")
private LocalDateTime createTime;
@ApiModelProperty("头像" )
@Alias("头像")
private String avatarUrl;
}
UserController.java
/**
* 导出接口
*/
@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();
}
导入接口
/**
* 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内的对象,但是要求表头必须是英文(使用@Alias则中文的也可以),跟javabean的属性要对应起来
// reader.addHeaderAlias("username", "用户名");
// reader.addHeaderAlias("password", "密码");
// reader.addHeaderAlias("nickname", "昵称");
// reader.addHeaderAlias("email", "邮箱");
// reader.addHeaderAlias("phone", "电话");
// reader.addHeaderAlias("address", "地址");
// reader.addHeaderAlias("createTime", "创建时间");
// reader.addHeaderAlias("avatarUrl", "头像");
List<User> list = reader.readAll(User.class);
userService.saveBatch(list);
// 方式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);
// }
// userService.saveBatch(users);
return true;
}
Vue上传文件
Vue中上传文件可以用element ui组件的组件。
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")
}
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()
}