为什么在视图组件中设置了隐藏字段值之后，在Flask中提交WTForm时，我的post结果中会出现重复变量？

Question

当我在视图组件中设置隐藏字段的值并提交表单时，另一端的POST变量返回每个变量的两个实例，其中第一个为空，但第二个保存预期数据。我似乎无法从POST变量（这是一种不可变的multidict类型）检索或弹出数据。如果我将帖子转换为dict，则会丢失包括数据在内的第二个变量。此外，如果我尝试遍历POST变量并构建字典，则不会复制第二个变量。因此，基本上，即使我接受这种口是心非的说法，我也无法获得帖子数据

我在传统的MVC架构中使用Flask和WTForms

forms.py:

class TestForm(FlaskForm):
   the_int = HiddenField()
   the_string = HiddenField()
   the_list = HiddenField()
   the_dict = HiddenField()
   submit = SubmitField('Submit')

routes.py:

@app.route('/test')
def test():
    an_int = 1
    a_string = "ABC"
    a_list = ['One', 'Two']
    a_dict = {'First': 'A', 'Second': 'B'}
    form = TestForm()
    return render_template('test.html', an_int = an_int,
                                        a_string = a_string,
                                        a_list = a_list,
                                        a_dict = a_dict,
                                        form = form)


@app.route('/testresult', methods=['GET', 'POST'])
def testresult():
    if request.method == "POST":
        formdata = request.form
        dictdata = dict(request.form)
        builtdata = {}
        for k, v in request.form.items():
            builtdata.update({k: v})
        return render_template('testresult.html', formdata = formdata,
                                                  dictdata = dictdata,
                                                  builtdata = builtdata)
    return render_template('test')

test.html:

<h1>Test</h1>
<br>
<form action="testresult" method="POST">
    {{ form.hidden_tag() }}
    {{ form.the_int(value=an_int) }}
    {{ form.the_string(value=a_string) }}
    {{ form.the_list(value=a_list) }}
    {{ form.the_dict(value=a_dict) }}
    {{ form.submit() }}
</form>

testresult.html:

<h1>Result</h1>
<p>{{ formdata }}</p>
<p>{{ dictdata }}</p>
<p>{{ builtdata }}</p>

在testresult.html中生成结果：

Result

ImmutableMultiDict([('the_int', ''), ('the_int', '1'), ('the_string', ''), ('the_string', 'ABC'), ('the_list', ''), ('the_list', "['One', 'Two']"), ('the_dict', ''), ('the_dict', "{'First': 'A', 'Second': 'B'}"), ('csrf_token', 'IjN---kWw'), ('submit', 'Submit')])

{'the_int': '', 'the_string': '', 'the_list': '', 'the_dict': '', 'csrf_token': 'IjN---kWw', 'submit': 'Submit'}

{'the_int': '', 'the_string': '', 'the_list': '', 'the_dict': '', 'csrf_token': 'IjN---kWw', 'submit': 'Submit'}

Answer 1

form.hidden_tag()呈现表单中的所有隐藏字段。您还需要手动渲染隐藏字段，因此它们最终会被定义两次

这是documentation on hidden_tag

编写模板代码的正确方法是：

<h1>Test</h1>
<br>
<form action="testresult" method="POST">
    {{ form.hidden_tag() }}
    {{ form.submit() }}
</form>

要将值插入隐藏字段，请在view函数中执行此操作：

    form = TestForm()
    form.the_int.data = an_int
    form.the_string.data = a_string
    form.the_list.data = a_list
    form.the_dict.data = a_dict
    return render_template('test.html', form = form)

Answer 2

正如米格尔所解释的，你看到的是重复的，因为你在使用

{{ form.hidden_tag() }}

在您的模板中，正如您所发现的，当您忽略CSRF令牌时，它将丢失。也就是说，您可以通过使用手动将CSRF令牌作为隐藏字段添加回

{{ form.csrf_token }}

这种方法不会干扰您对自定义隐藏表单字段列表的迭代

https://flask-wtf.readthedocs.io/en/stable/csrf.html