我是编程新手。我想出了一个项目来帮助我学习,但我已经陷入困境。我正在使用Flask,Flask-SQLAlchemy和Flask-wtf。
我正在尝试创建一个俱乐部出勤系统,该系统列出成员并检查他们是否在场并记录他们支付的金额(一堂课15美元,或一周25美元)。我有一个从数据库中填充的表,如下所示:
我想单击提交以将该人标记为在场,但这会勾选列表中每个人的复选框,并将每个人的付款金额设置为相同。
我尝试了很多事情。我在这里看到过类似的问题,有人建议使用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>
查看呈现的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)
不同的形式需要有单独的前缀。它们需要单独进行验证,并且需要检查使用了哪个提交按钮。
注:使用表单字段作为名称可能不是一个好主意,因为该信息已从成员数据库条目中得知,因此可能不打算在此处进行更改。在这种情况下,简单的文本标签会更有意义。
模板中的表行可能看起来像这样:
{% 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 %}