求助：如何基于React+Django实现Excel批量导入商品至数据库

前端（React）部分 #

• 做文件上传入口：用原生input type="file"或者UI组件库（比如Ant Design的Upload），设置accept=".xlsx,.xls"限制文件类型，避免用户传错格式。
• 构造请求数据：把选中的文件塞进FormData对象里，比如formData.append('excel_file', file)，然后用axios或者fetch发POST请求到你的Django接口。
• 处理交互：上传时显示加载状态，接口返回结果后提示用户成功导入多少条，或者哪些行数据有问题。

后端（Django）部分 #

• 写接收接口：在Django的view里写一个POST方法，用request.FILES.get('excel_file')获取上传的文件。
• 解析Excel：推荐用openpyxl（专门处理xlsx）或者pandas（适合复杂数据处理）。比如用openpyxl的话，加载文件后遍历工作表的行，跳过表头，把每一行转成商品字典。
• 数据校验：对每一行数据做合法性检查，比如商品名称不能为空、价格必须是数字、库存不能为负，把校验不通过的行记录下来。
• 批量入库：用Django的Model.objects.bulk_create()方法，把校验通过的商品对象批量插入数据库，比循环create效率高太多。
• 异常处理：捕获文件解析错误、数据库写入异常，返回包含成功条数、失败行信息的JSON响应，方便前端提示用户。

关键注意点 #

• 限制文件大小：在Django的settings里配置FILE_UPLOAD_MAX_MEMORY_SIZE，防止用户传超大文件拖垮服务器。
• 事务保护：用Django的transaction.atomic()包裹批量入库逻辑，确保要么所有数据都写入，要么都回滚，避免部分数据入库的情况。
• 前端预校验：除了限制文件类型，还可以在前端读取文件表头，和后端约定的字段对比，提前提示用户表头不对，减少无效请求。

内容的提问来源于stack exchange，提问作者sash