Flask同一表单类多实例提交仅保存首条答案的问题解决

你遇到的多题答案全部取第一题值的问题，核心原因是Flask-WTF默认读取表单数据时，对同名的输入字段只会返回第一个匹配到的值。你为每道题单独实例化GetQuestionContent()表单时，所有同类型作答输入的name属性完全一致（比如代码题输入全叫code_content），既没有做字段名区分，也没有用WTForms原生支持的重复字段集能力，导致每个表单实例取数时，都只能抓到提交数据列表里的第一个同名字段值，才会出现所有记录都存第一题答案的情况。
你临时用request.form.to_dict(flat=False)直接取原生多值列表的方式虽然能跑通，但绕开了Flask-WTF自带的CSRF校验、字段类型校验、XSS过滤等安全逻辑，不属于规范实现。

优先用WTForms原生的FieldList+FormField组合实现，这是框架专门为重复结构表单设计的能力，不需要手动处理字段索引、数据匹配，自动兼容所有表单校验逻辑。

方案1：FieldList+FormField 重构表单（推荐） #

第一步先重构表单类，把单题作答抽成关闭CSRF的子表单，外层用统一的总表单承载所有题目作答、提交按钮和全局CSRF校验：

from flask_wtf import FlaskForm
from wtforms import TextAreaField, SubmitField, FieldList, FormField

# 单道题的作答子表单，关闭独立CSRF，由父表单统一做校验
class SingleQuestionAnswerForm(FlaskForm):
    class Meta:
        csrf = False
    code_content = TextAreaField("代码作答")
    text_content = TextAreaField("文本作答")

# 作业提交总表单
class AssignmentSubmissionForm(FlaskForm):
    answers = FieldList(FormField(SingleQuestionAnswerForm), min_entries=1)
    submit = SubmitField("提交作业")

第二步调整后端路由逻辑，GET请求渲染页面前，提前给answers字段填充和题目数量一致的空条目，提交时直接按索引匹配题目和答案即可：

@app.route("/assignment/<int:assignment_id>", methods=["GET", "POST"])
def assignment_detail(assignment_id):
    # 读取当前作业下的所有题目，按固定顺序排序避免索引错位
    questions = Question.query.filter_by(owner=assignment_id).order_by(Question.id).all()
    form = AssignmentSubmissionForm()
    # 动态调整条目数，和题目总数匹配
    form.answers.min_entries = len(questions)
    while len(form.answers.entries) < len(questions):
        form.answers.append_entry()

    # 处理提交逻辑
    if form.validate_on_submit():
        for idx, question in enumerate(questions):
            answer = form.answers[idx].data
            submission = StudentQuestionSubmission(
                question_id=question.id,
                student_id=current_user.id
            )
            if question.type == "code":
                submission.question_content = answer["code_content"]
            elif question.type == "text":
                submission.question_content = answer["text_content"]
            db.session.add(submission)
        
        # 保存作业总提交记录
        db.session.add(StudentAssignmentSubmission(
            assignment_id=assignment_id,
            student_id=current_user.id,
            has_submitted=True,
            submission_date=date.today()
        ))
        db.session.commit()
        flash(f"作业'{Assignment.query.get(assignment_id).name}'提交成功")
        return redirect(url_for("classroom_assignments_list", class_id=class_id, paper_id=paper_id))

    return render_template("assignment_detail.html", questions=questions, form=form)

第三步调整前端模板，不需要循环生成多个表单实例，只需要渲染一次总表单的隐藏标签（含CSRF），循环题目时按索引取对应作答字段即可：

<form method="POST">
    <!-- 统一渲染CSRF等隐藏字段，只需要写一次，不要在循环里重复渲染 -->
    {{ form.hidden_tag() }}
    {% for question in questions %}
    <div class="accordion-item">
        <h2 class="accordion-header" id="heading{{ question.id }}">
            <button class="accordion-button collapsed" 
             type="button" 
             data-bs-toggle="collapse" 
             data-bs-target="#collapse{{ question.id }}" 
             aria-expanded="false" 
             aria-controls="collapse{{ question.id }}">
                 {{ question.title }}
             </button>
        </h2>
        <div id="collapse{{ question.id }}" 
        class="accordion-collapse collapse" 
        aria-labelledby="heading{{ question.id }}" 
        data-bs-parent="#questionsAccordion">
            <p>
                <small>
                    <strong>题目描述</strong>
                    <br>
                    {% if question.description %}
                    {{ question.description|safe }}
                    {% else %}
                    <em>出题人未提供本题描述</em>
                    {% endif %}
                </small>
            </p>
            {% if question.type == "code" %}
                <div class="code-box">
                    <!-- 注意不要给所有输入框加同一个id，用class绑定代码编辑器即可，避免JS初始化异常 -->
                    {{ form.answers[loop.index0].code_content(class_="code-editor") }}
                </div>
            {% endif %}
            {% if question.type == "text" %}
                {{ form.answers[loop.index0].text_content(class_="answer-textarea") }}
            {% endif %}                             
        </div>
    </div>
    {% endfor %}
    {% if current_user.account_type == "Student" %}
        {{ form.submit(class="btn btn-outline-success mt-3") }}
    {% endif %}
</form>

方案2：手动给字段加唯一标识（适配现有代码） #

如果不想大改现有表单结构，也可以手动给每道题的输入字段加带题目ID/索引的唯一name属性，提交时按字段名逐一取值即可。注意这种写法需要自己额外处理字段校验逻辑，维护成本更高，只适合小改动场景。
比如模板里渲染字段时手动指定name：

{{ form.hidden_tag() }}
{% for question in questions %}
    <!-- 其他结构不变 -->
    {% if question.type == "code" %}
        <div class="code-box">
            {{ question_content_forms[loop.index0].code_content(name="code_content_" ~ question.id, class_="code-editor") }}
        </div>
    {% endif %}
{% endfor %}

后端提交时通过request.form.get(f"code_content_{question.id}")的方式取值即可。

• 你之前在循环里给每个表单都渲染hidden_tag()，会生成多个重复的CSRF隐藏字段，虽然不影响校验，但会无意义增加请求体积，只需要在外层渲染一次即可
• 之前所有代码输入框都设置了相同的id="editor"，不符合HTML规范，会导致JS初始化代码编辑器时只能识别第一个输入框，后续题目编辑器功能异常，建议改用class绑定编辑器实例
• 直接读取request.form原生数据的写法，会丢失WTForms自带的输入过滤、长度校验、必填校验等能力，存在XSS安全隐患，正式环境不建议这么写

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