Skip to content

导入导出脚手架(Import / Export)

场景

该示例展示 CSV 模板下载、数据导入校验、结果统计与错误回执导出的完整链路。

  • 路由:/examples/import-export
  • 页面:src/views/examples/scaffold/import-export/index.vue

核心能力

  • 导入模板下载(字段头统一)
  • CSV 导入解析与字段校验(必填、数值范围、整数校验)
  • 按业务主键增量更新(存在即更新,不存在即新增)
  • 导入汇总统计(总数、成功、更新、失败)
  • 错误回执导出(行号 + 原因 + 原始内容)

业务落地建议

  1. 明确唯一键(如 code),统一“新增/更新”判定逻辑。
  2. 校验失败要返回精确行号,方便业务方回填修复。
  3. 导入前做模板版本校验,避免历史模板字段不一致。
  4. 导入任务规模较大时改为异步任务,并提供进度查询。

推荐处理流程

  1. 下载模板并填充数据。
  2. 上传 CSV,先做表头校验。
  3. 逐行解析并校验字段合法性。
  4. 汇总成功/失败结果并提示。
  5. 导出错误回执进行二次修复导入。

相关文档

基于 MIT 许可发布