Vue中实现自定义excel下载

目录

第一种：后端生成excel

第二种：前端合成excel

总结

参考资料

---

最近在工作中遇到一个需求，就是需要在前端实现一个错误模板Excel的下载功能。

实现下载有两种方式，一种是后端生成一个excel，放在服务器指定目录下，然后前端直接去后端拿。第二种是后端传给前端一个json的list，前端用后端传过来的json的list直接在前端合成一个excel。

第一种：后端生成excel

java后端生成excel代码

生成excel工具方法

/**
     * @author: wu linchun
     * @creat: 2021-07-29 9:49
     * @desc: 将list集合转成Excel文件
     * list: 内容list
     * path: 上传的excel路径
     * fileName: 上传的excel名称
     **/
    public static String createExcel(List list, String path, String fileName) {
        String result = "";
        if (list.size() == 0 || list == null) {
            result = "没有对象信息";
        } else {
            Object o = list.get(0);
            Class clazz = o.getClass();
            String className = clazz.getSimpleName();
            //这里通过反射获取字段数组
            Field[] fields = clazz.getDeclaredFields();
            File folder = new File(path);
            if (!folder.exists()) {
                folder.mkdirs();
            }
            String name = fileName.concat(".xls");
            WritableWorkbook book = null;
            File file = null;
            try {
                file = new File(path.concat(File.separator).concat(name));
                //创建xls文件
                book = jxl.Workbook.createWorkbook(file);
                WritableSheet sheet = book.createSheet(className, 0);
                //列
                int i = 0;
                //行
                int j = 0;
                for (Field f : fields) {
                    j = 0;
                    //这里把字段名称写入excel第一行中
                    Label label = new Label(i, j, f.getName());
                    sheet.addCell(label);
                    j = 1;
                    for (Object obj : list) {
                        Object temp = getFieldValueByName(f.getName(), obj);
                        String strTemp = "";
                        if (temp != null) {
                            strTemp = temp.toString();
                        }
                        //把每个对象此字段的属性写入这一列excel中
                        sheet.addCell(new Label(i, j, strTemp));
                        j++;
                    }
                    i++;
                }
                book.write();
                result = file.getPath();
            } catch (Exception e) {
                // TODO Auto-generated catch block
                result = "SystemException";
                e.printStackTrace();
            } finally {
                fileName = null;
                name = null;
                folder = null;
                file = null;
                if (book != null) {
                    try {
                        book.close();
                    } catch (WriteException e) {
                        // TODO Auto-generated catch block
                        result = "WriteException";
                        e.printStackTrace();
                    } catch (IOException e) {
                        // TODO Auto-generated catch block
                        result = "IOException";
                        e.printStackTrace();
                    }
                }
            }
        }
        //最后输出文件路径
        return result;
    }

下载文件

 /**
     * @author: wu linchun
     * @creat: 2021-07-29 13:28
     * @desc: 下载错误模板
     **/
    @Override
    public ResponseEntity