SpringBoot+EasyExcel+thymeleaf+layui实现Excel上传下载

 

背景：

        在后台系统管理项目中，经常会用到excel的导入导出，而Apache POI又显得比较笨重，因此阿里巴巴封装了POI，发布了开源的轻量级的解析、生成excel的框架。

导入Excel：

前端代码：

html:

    
        导入成员信息
    
    

js:

 function uploadExcel() {
        var formData = new FormData();
        formData.append('excelFile', $('#excelFile')[0].files[0]);
        // formData.append('id', id);//将id追加再id中
        //console.log(formData);
        layer.msg('文件上传中', {icon: 16});
        $.ajax({
            type: "post",
            processData: false,
            contentType: false,
            url: "/importExcel",
            data: formData,
            success: function (data) {
                if (data.status == 1) {
                    layer.closeAll('loading');
                    layer.msg(data.msg, {icon: 1, time: 1000});
                    window.parent.location.reload();
                    return false;
                } else {
                    layer.msg(data.msg, {icon: 2, time: 1000});
                }
            }
        });

    }

后台代码：

控制层：

 @Autowired
    private UserService userService;
    @PostMapping("importExcel")
    public ServerResponse importExcel(@RequestParam("excelFile")MultipartFile excelFile){
        try {
            List objects = EasyExcel.read(excelFile.getInputStream(), User.class, null).sheet(0).doReadSync();
            for (int i=0;i

生成Excel：

前端代码：

​
                    

                        

                            

                                
                                    导出成员信息
                                
                            
                        
                    

​

后台代码：

 @RequestMapping("/export")
    public String ExporExcel(HttpServletResponse response) throws Exception { //throws IOException {
        ExcelWriter writer = null;
        OutputStream outputStream = response.getOutputStream();
        try {
            //添加响应头信息
            response.setHeader("Content-disposition", "attachment; filename=" + "小区信息表.xls");
            response.setContentType("application/msexcel;charset=UTF-8");//设置类型
            response.setHeader("Pragma", "No-cache");//设置头
            response.setHeader("Cache-Control", "no-cache");//设置头
            response.setDateHeader("Expires", 0);//设置日期头
            EasyExcel.write(outputStream,User.class).sheet("成员信息统计").doWrite(userService.writeData());
            writer.finish();
            outputStream.flush();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            try {
                response.getOutputStream().close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return null;
    }

踩坑：平时见到的弹窗几乎都是js来触发的，就习惯性的认为浏览器的下载弹窗也是靠js来触发的，殊不知其是靠后台代码，通过response来触发。