导入导出脚手架(Import / Export)
场景
该示例展示 CSV 模板下载、数据导入校验、结果统计与错误回执导出的完整链路。
- 路由:
/examples/import-export - 页面:
src/views/examples/scaffold/import-export/index.vue
核心能力
- 导入模板下载(字段头统一)
- CSV 导入解析与字段校验(必填、数值范围、整数校验)
- 按业务主键增量更新(存在即更新,不存在即新增)
- 导入汇总统计(总数、成功、更新、失败)
- 错误回执导出(行号 + 原因 + 原始内容)
业务落地建议
- 明确唯一键(如
code),统一“新增/更新”判定逻辑。 - 校验失败要返回精确行号,方便业务方回填修复。
- 导入前做模板版本校验,避免历史模板字段不一致。
- 导入任务规模较大时改为异步任务,并提供进度查询。
推荐处理流程
- 下载模板并填充数据。
- 上传 CSV,先做表头校验。
- 逐行解析并校验字段合法性。
- 汇总成功/失败结果并提示。
- 导出错误回执进行二次修复导入。
