如何在Django中处理多个关联模型的批量创建需求？

核心问题 #

当前实现的本质缺陷是前端提交的表单字段没有分组标识，后端无法区分不同问题下的选项，直接全局拉取所有字段用zip拼接自然无法对应长度不一致的问题、选项列表。你之前的尝试方案出错是因为zip返回的是迭代器，第一次遍历完就为空，后续循环问题时没有剩余的可选数据，所以所有选项都绑定到了第一个问题上。

解决方案 #

1. 前端改造（给字段加分组索引）

新增全局变量记录问题组的序号，生成动态字段时给name属性加上分组标识，确保同一问题下的所有字段都携带相同的索引：

// 初始化组索引，默认页面已有1个组，所以从1开始计数
let groupIndex = 1;

// 新增选项时，获取当前所属的组索引
$(document).on("click", ".addOption", function () {
  // 获取当前选项所在组的索引，从组内第一个input的name属性提取
  const currentGroupIdx = $(this).closest(".options").find('input[name^="title"]').attr("name").match(/\[(\d+)\]/)[1];
  const option = `<div class="item">
                  <div>
                    <input
                      class="form-control"
                      type="text"
                      name="title[${currentGroupIdx}][]"
                      placeholder="Enter title"
                    />
                  </div>
                  <div>
                    <select name="type[${currentGroupIdx}][]" class="form-control">
                      <option disabled>Select</option>
                      <option value="1">Option1</option>
                      <option value="2">Option2</option>
                    </select>
                  </div>`;
  $(this).closest(".options").prepend(option);
});

// 新增问题组时，使用自增的索引标记整组字段
$(document).on("click", ".newOptionGroup", function () {
  const group = `<input type="text" name="q_title[${groupIndex}]" placeholder="model A field" class="form-control q-title"/></div>
            <p>Options of that model (Another model fields)</p>
            <div class="options">
              <div class="item">
                <div>
                  <input
                    class="form-control"
                    type="text"
                    name="title[${groupIndex}][]"
                    placeholder="Enter title"/>
                </div>
                <div>
                  <select name="type[${groupIndex}][]" class="form-control">
                    <option disabled>Select</option>
                    <option value="1">Option1</option>
                    <option value="2">Option2</option>
                  </select>
                </div>
              </div>
              <div class="last">
                <button type="button" class="btn btn-icon-only addOption">
                  Add more
                </button>
                <div>
                  <div class="custom-control custom-switch">
                    <input
                      name="is_document[${groupIndex}]"
                      type="checkbox"
                      class="custom-control-input"
                      id="customSwitche${groupIndex}"
                      value="1"
                    />
                    <label class="custom-control-label" for="customSwitche${groupIndex}"
                      >Is File</label
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="option-group-new newOptionGroup">
            <button> Add New group</button>
          </div>
        </div>
        <div class="text-right mt-4">
          <button type="submit" class="btn btn-outline-grey">Submit</button>
        </div>`;
  $(".group-form").append(group);
  // 索引自增，避免下一个组冲突
  groupIndex++;
});

别忘了修改页面初始的静态表单字段，给默认的第一个组加上索引0：

<input type="text" name="q_title[0]" class="form-control q-title" placeholder="model A field name"/>
<!-- 选项字段 -->
<input class="form-control" type="text" name="title[0][]" placeholder="Enter title"/>
<select name="type[0][]" class="form-control">...</select>
<!-- 开关字段 -->
<input name="is_document[0]" type="checkbox" class="custom-control-input" id="customSwitche0" value="1"/>

2. 后端Django改造

按组索引解析字段，分别处理每个问题和对应的选项：

def your_view(request, **kwargs):
    # 提取所有问题组的索引
    group_indexes = set()
    for key in request.POST.keys():
        if key.startswith("q_title["):
            idx = key.split("[")[1].removesuffix("]")
            group_indexes.add(idx)
    # 按索引升序处理，保证和前端创建顺序一致
    group_indexes = sorted(group_indexes, key=int)
    
    all_options = []
    for idx in group_indexes:
        # 取当前组的问题属性
        q_title = request.POST.get(f"q_title[{idx}]")
        is_file = request.POST.get(f"is_document[{idx}]", "0") == "1"
        # 创建问题
        question = Question.objects.create(title=q_title, is_file=is_file)
        # 取当前组的所有选项
        titles = request.POST.getlist(f"title[{idx}][]")
        types = request.POST.getlist(f"type[{idx}][]")
        # 生成当前组的所有选项对象
        for title, type_val in zip(titles, types):
            all_options.append(Option(
                title=title,
                field_type=type_val,
                question=question
            ))
    # 批量创建所有选项，减少数据库IO
    Option.objects.bulk_create(all_options)

如果需要更高性能，可以先批量创建所有Question对象，再统一生成Option对象做批量插入，上述写法逻辑更直观，适合大部分业务场景。

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