Python 使用for循环在同一页上烧瓶wtf相同表单

我对编程一无所知。我想出了一个项目来帮助我学习，但我已经陷入困境了。我用的是烧瓶，烧瓶炼金术和烧瓶wtf

我正在尝试创建一个俱乐部出勤系统，列出会员名单，检查他们是否在场，并记录他们支付的金额（一节课15美元，或者一周25美元）。我有一个从数据库填充的表，如下所示：

{% for form in forms %}
<form action="" method="post">
{{ form.hidden_tag() }}
    <tr>
        <td>{{ form.member_name }}</td>
        <td>{{ members[loop.index0].grade }}</td>
        <td>{{ form.attend_date }}</td>
        <td>{{ form.has_paid }}</td>
        <td>{{ form.is_here }}</td>
        <td>{{ form.submit }}</td>
    </tr>
</form>
{% endfor %}

我想单击submit将此人标记为在场，但这会勾选列表中每个人的复选框，并将每个人的支付金额设置为相同

我试过很多东西。我在这里看到过类似的问题，有人建议使用FieldList和FormField——我尝试过，但没有成功。这是我的表格代码：

class MemberForm(Form):
    form_id = HiddenField()
    member_id = DecimalField('id')
    member_name = StringField('name')
    attend_date = StringField('date', default=todays_date())
    is_here = BooleanField('here')
    has_paid = SelectField('Amount', choices=[(15, '15'), (25, '25')])
    submit = SubmitField("Submit")

    def __init__(self, *args, **kwargs):
        super(MemberForm, self).__init__(*args, **kwargs)
        read_only(self.member_name)

我的控制器代码：

@app.route('/', methods=['GET', 'POST'])
def home():
    members = Member.query.order_by(Member.name).all()

    form = MemberForm()

    if request.method == 'POST': # TODO form validation and database stuff
        print('got this far')
        print(form.data)


    return render_template('index.html', title='Tong Long',
                           today=todays_date(), members=members,
                           form=form)

以及jinja2模板部分：

<table width="483" border="1">
    <tbody>
    <tr>
        <th width="271"><strong>Member</strong></th>
        <th width="152"><strong>Grade</strong></th>
        <th><strong>Last Seen</strong></th>
        <th width="38"><strong>Paid?</strong></th>
        <th><strong>Is Here?</strong></th>
        <th>Submit</th>
    </tr>

    {% for member in members %}
    <form action="" method="post" name="{{ member.id }}">
        <tr>
            <td>{{form.member_name(value=member.name)}}</td>
            {% for g in member.grade %}
            <td>{{ g.grade }}</td>
            {% endfor %}
            <td>{{ form.attend_date }}</td>
            <td>{{ form.has_paid }}</td>
            <td>{{form.is_here}}</td>
            <td>
                {{ form.submit }}
            </td>
        </tr>

    </form>
    {% endfor %}

    </tbody>
</table>

成员
等级
最后一次看到的
付费？
在吗？
提交
{members%中的成员为%s}
{{form.member_name（value=member.name）}
{%g在member.grade%}
{{g.grade}}
{%endfor%}
{{form.attement_date}
{{form.has_paid}}
{{form.is_here}}
{{form.submit}
{%endfor%}

查看呈现的HTML，我可以看到所有字段都具有相同的id。

---

我开始认为这不能用WTForms来完成。我可能需要使用javascript（我对它一无所知）。或者手动创建表单而不是使用WTF？感谢您的帮助

现在已经很晚了，但可能对某些人有帮助

葫芦所做的是创建一个表单，然后在模板中多次显示它

但是，为了实现预期结果（带有独立提交按钮的独立表单），需要在route功能中创建多个表单。它们可以作为列表传递给模板，然后循环。（更简单的解决方案是一个表单，带有一个提交按钮，并为每个成员动态创建“行”。请参阅FieldList…）

逻辑：

def home():
    members = Member.query.order_by(Member.name).all()
    forms = []
    for member in members:
        form = MemberForm(prefix=member.name)
        form.member_name.data = member.name
        forms.append(form)

    # validation:
    for form in forms:
        if form.submit.data and form.validate_on_submit():
            # do_something here for each form, e.g. write to database

    return render_template('index.html', title='Tong Long',
                          today=todays_date(),
                          forms=forms,
                          members=members)

不同的表单需要有单独的前缀。它们需要单独验证，并且需要检查使用了哪个提交按钮

注意：使用表单字段作为名称可能不是一个好主意，因为从members数据库条目中已经知道了该信息，并且可能不打算在此处更改它。在这种情况下，一个简单的文本标签会更有意义

模板中的表行可以如下所示：

{% for form in forms %}
<form action="" method="post">
{{ form.hidden_tag() }}
    <tr>
        <td>{{ form.member_name }}</td>
        <td>{{ members[loop.index0].grade }}</td>
        <td>{{ form.attend_date }}</td>
        <td>{{ form.has_paid }}</td>
        <td>{{ form.is_here }}</td>
        <td>{{ form.submit }}</td>
    </tr>
</form>
{% endfor %}

{%for forms%}
{{form.hidden_tag（）}}
{{form.member_name}
{{成员[loop.index0].grade}
{{form.attement_date}
{{form.has_paid}}
{{form.is_here}}
{{form.submit}
{%endfor%}

Hi。你有办法解决这个问题吗？我从来没有。我想不出来，这里没有人回应我。所以我改为使用Angular JS。