导出数据为zip压缩文件,解压后为json文件

  1. 前端只要将要导出的数据的ids传回后端就行了

比如

复制代码
    handleExportApp(row) {
      const ids = row ? [row.id] : this.checkedRows.map(v => v.id); 
      //exportApp为后端导出接口
      exportApp(ids.join(","));
    },
  1. 后端接口

    复制代码
     public void exportApp(String ids, HttpServletResponse response) {
         if (StringUtils.isBlank(ids)) {
             throw new BusinessException("参数不能为空");
         }
         List<String> idsList = Arrays.asList(ids.split(","));
         List<App> list = appService.findAppAllListByIds(idsList);
         //创建HttpServerResponse的输出流
         OutputStream out = null;
         try {
             out = response.getOutputStream();
             BufferedInputStream bis;
             File file = new File("应用数据包.zip");
             //通过ZipOutputStream定义要写入的对象
             ZipOutputStream zos = null;
             zos = new ZipOutputStream(new FileOutputStream(file));
             writeZos(list, zos);
             zos.close();
             //定义返回类型
             response.setContentType("text/html; charset=UTF-8");
             response.setContentType("application/octet-stream");
             response.setHeader("Content-Disposition", "attachment;filename=".concat(String.valueOf(URLEncoder.encode("应用数据包.zip", "UTF-8"))));
             bis = new BufferedInputStream(new FileInputStream(file));
             //定义byte,长度就是要转成zip文件的byte长度,避免浪费资源
             byte[] buffer = new byte[bis.available()];
             bis.read(buffer);
             out.flush();
             out.write(buffer);
             file.delete();
         } catch (IOException e) {
             logger.error("应用数据包流写入异常{}", e.getMessage());
             throw new BusinessException("系统异常");
         } finally {
             if (out != null) {
                 try {
                     out.close();
                 } catch (IOException e) {
                     e.printStackTrace();
                 }
             }
         }
      }
    
    
    
     public void writeZos(List<App> list, ZipOutputStream zos) {
         list.forEach(a -> {
             ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
             try {
                 byteArrayOutputStream.write(JSONUtil.toJsonStr(a).getBytes());
                 zos.putNextEntry(new ZipEntry(a.getName() + ".json"));
                 byte[] excelStream = byteArrayOutputStream.toByteArray();
                 zos.write(excelStream);
                 zos.closeEntry();
             } catch (IOException e) {
                 logger.error("应用数据包流写入异常{}", e.getMessage());
                 throw new BusinessException("系统异常");
             }
         });
     }

拓展

如果只是导出json文件,不需要压缩包的话
前端

复制代码
    handleExportApp(row) {
      this.ids = row ? [row.id] : this.checkedRows.map(v => v.id);
      this.loading = true;
      this.exportData(this.ids);
    },

    exportData(ids) {
      if (ids.length > 0) {
        const currentId = ids.shift(); // 取出数组中的第一个id
        simulateClick(exportApp(currentId)); // 导出单个数据
        setTimeout(() => {
          this.exportData(ids); // 递归调用导出函数,继续下一个数据
        }, 10000); // 设置递归的间隔时间,以免处理过多数据造成性能问题
      }
    },

后端

复制代码
        if (StringUtils.isBlank(ids)) {
            throw new BusinessException("参数不能为空");
        }
        List<String> idsList = Arrays.asList(ids.split(","));

        for (String id : idsList) {
            App app = appService.getById(id);

            // 忽略未找到的应用程序
            if (app == null) {
                continue;
            }
            ObjectMapper objectMapper = new ObjectMapper();
            try {
            	//把对象转成json字符串
                String jsonString = objectMapper.writeValueAsString(app);

                // 设置响应头部信息
                response.setContentType("application/json");
                response.setCharacterEncoding("UTF-8");
                response.setHeader("Content-Disposition", "attachment;filename=".concat(String.valueOf(URLEncoder.encode("应用_" + app.getName() + ".json", "UTF-8"))));

                // 获取输出流并写入JSON字符串
                PrintWriter writer = response.getWriter();
                writer.write(jsonString);
                writer.flush();
                writer.close();
            } catch (IOException e) {
                logger.error("导出应用数据异常:{}", e.getMessage());
                throw new BusinessException("系统异常");
            }
        }

但是这样有一个不好的地方,就是前端用户体验感不是很好,需要等待前端一个个文件导出。

相关推荐
智慧地球(AI·Earth)1 天前
用 Python 构建一个“记性好”的 AI 助手:JSON本地存储和向量检索
人工智能·python·json
五阿哥永琪2 天前
MySQL 中 VARCHAR、TEXT 与 JSON 类型:区别、场景与选型指南
数据库·mysql·json
liliangcsdn3 天前
从长字符串中解析合法json结构的示例
json
ZC跨境爬虫3 天前
3D地球卫星轨道可视化平台开发Day2(轨道错位Bug修复+模块化结构优化)
前端·3d·html·json·bug
ZC跨境爬虫3 天前
3D 地球卫星轨道可视化平台开发 Day1(3D 场景、卫星渲染与筛选交互实现)
前端·3d·html·json·交互
20YC编程社区4 天前
一分钟了解JSON格式,使用场景,和它的优缺点
json
二月十六4 天前
SQL Server 2022 新特性:JSON_OBJECT、JSON_ARRAY、JSON_PATH_EXISTS 详解
json·sqlserver 、
HIT_Weston4 天前
47、【Agent】【OpenCode】本地代理增强版分析(JSON解析)
人工智能·json·agent·opencode
SuperEugene5 天前
Vue3 配置驱动弹窗:JSON配置弹窗内容/按钮,避免重复开发弹窗|配置驱动开发实战篇
前端·javascript·vue.js·前端框架·json
五仁火烧5 天前
前端最常用的两种请求数据格式application/json 和 multipart/form-data 完全解析
前端·javascript·vue.js·json