如何使用单一主表ID批量保存多个子表表单-html教程-PHP中文网

如何使用单一主表ID批量保存多个子表表单

本文介绍在django中通过一个通用id（如`mprep`实例）关联并批量保存多个`msform`子表单的完整实现方案，解决单次提交仅保存一条子记录的问题，并提供前端动态增行与后端正确处理的关键代码。

要实现“一次提交、多条子表单保存”，核心在于：使用 Django 的 modelformset_factory 替代单个 ModelForm，并确保主表（Mprep）实例在首次保存后获得有效主键（id），再将该 ID 正确赋值给每条子表单记录。原代码中 spe_form = MSForm(...) 仅创建单个表单，无法处理多行数据；且 prep.id = None 的写法不仅无效（prep 是主表对象，不应置空ID），还可能引发逻辑错误。

✅ 正确做法如下：

1. 后端：改用 modelformset_factory 处理多条子记录

from django.forms import modelformset_factory

def preps(request, prep=None):
    # 获取或初始化主表对象
    if prep:
        info = Mprep.objects.get(id=prep)
    else:
        info = Mprep()

    # 构建子表单集（支持0~n条记录）
    MSFormSet = modelformset_factory(
        model=MSprep,  # 子模型
        form=MSForm,
        extra=1,       # 默认显示1行空白
        can_delete=True
    )

    if request.method == 'POST':
        gen_form = MGForm(request.POST, instance=info)
        # 使用 queryset 绑定已有子记录（若存在），否则为空集
        spe_formset = MSFormSet(
            request.POST,
            queryset=MSprep.objects.filter(prep=info) if info.pk else MSprep.objects.none(),
            prefix='spe'
        )

        if gen_form.is_valid() and spe_formset.is_valid():
            # 先保存主表，确保 info 获得有效 id
            info = gen_form.save()  # 注意：必须赋值回 info，获取新生成的 pk

            # 批量保存子表单，并关联 prep 字段
            instances = spe_formset.save(commit=False)
            for instance in instances:
                instance.prep = info  # 关联主表
            # 批量入库
            for obj in instances:
                obj.save()
            # 处理被标记删除的记录
            for obj in spe_formset.deleted_objects:
                obj.delete()

            messages.success(request, '所有信息保存成功')
            return redirect('preps_view', prep=info.id)
        else:
            messages.error(request, '表单填写有误，请检查')
    else:
        gen_form = MGForm(instance=info)
        spe_formset = MSFormSet(
            queryset=MSprep.objects.filter(prep=info) if info.pk else MSprep.objects.none(),
            prefix='spe'
        )

    context = {'gen_form': gen_form, 'spe_formset': spe_formset}
    return render(request, 'base.html', context)

2. 前端模板：渲染 Formset 并支持动态增行（兼容 Django 表单集）

{% csrf_token %}

{% for form in spe_formset %} {{ form.id }} {% endfor %} {{ spe_formset.management_form }} {# 必须包含 #}

名称	数值	单位	操作
{{ form.name }}	{{ form.value }}	{{ form.unit }}	{{ form.DELETE }} 删除

⚠️ 关键注意事项：

前端设计引擎

使用此技能可创建独具特色、具备生产级质量的前端界面，设计品质高。当用户要求构建网页组件、页面、产物、海报或应用程序时（例如：网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 进行样式优化与视觉美化），请启用该能力。输出需为富有创意、精雕细琢的代码与 UI 设计，避免千篇一律的 AI 风格。

下载