我正在使用 Flask 构建一个购物车用于学习目的。我选择将 SQLite 与 peewee(ORM) 和 WTForms 一起使用。我将其设置为显示来自数据库的项目以及描述和图像。我有一个表格询问数量,然后它应该将项目及其数量添加到侧栏。
问题
当您输入数量并点击“添加”时,所有数量字段都将填充该数字,并将数据库中第一个项目的名称发布到具有该数量的侧边栏。
应用程序.py
@app.route('/cart', methods=['GET', 'POST'])
@login_required
def cart():
form = forms.PartsSelectForm()
if request.method == 'POST':
l_name = Parts.get(Parts.id).part_name
models.List.create(l_part_name=l_name,
l_part_qty=form.quantity.data)
parts = Parts.select()
list = List.select()
return render_template('cart.html', parts=parts, list=list, form=form)
表格.py
class PartsSelectForm(Form):
quantity = IntegerField()
购物车.html
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Image</th>
<th>Quantity</th>
<th>Action</th>
</tr>
</thead>
{% for part in parts %}
<tr>
<td>{{ part.part_name }}</td>
<td>{{ part.part_desc }}</td>
<td style="width: 200px; height:200px;"><img src="/static/img/{{ part.part_img }}" style="max-height:100%; max-width:100%"></td>
<form method="POST" action="">
<td>{{ form.quantity }}</td>
<td><button type="submit" id="submit" class="btn btn-success">Add</button></td>
</form>
</tr>
{% endfor %}
</table>