[Python]使用WTForms处理可变长的表单
程序员文章站
2022-05-04 17:03:02
...
在知乎上看到的问题:python flask的wtforms可以处理可变长的表单吗?
问题描述
form中的元素会变多。 比如有一个表格: 我喜欢的东西: 可以增加任意个物品(这几个物品填在不同的框),然后提交。 实现这个需求,需要用到FieldList
一个简单的例子 :
from wtforms import Form from wtforms.fields import FieldList, StringField class MyForm(Form): names = FieldList(StringField('名称'), label='物品列表', min_entries=1)
提交表单数据:
names-0=苹果 names-1=梨 names-2=香蕉
提交json数据:
{"names": ["苹果", "梨", "香蕉"]}
输出结果显示:
print(form.names.data) # ['苹果', '梨', '香蕉']
下面是再复杂一点的例子:
from wtforms import Form from wtforms.fields import FieldList, FormField, StringField, IntegerField class ProductForm(Form): name = StringField('名称') count = IntegerField('数量') class MyForm(Form): products = FieldList(FormField(ProductForm), label='产品列表', min_entries=1)
提交表单数据:
products-0-name=Iphone6 products-0-count=1 products-1-name=小米手机 products-1-count=2
提交json数据:
{"products": [{"name": "Iphone6", "count": 1}, {"name": "小米手机", "count": 2}]}
输出结果显示:
print(form.products.data) # [{'name': 'Iphone6', 'count': 1}, {'name': '小米手机', 'count': 2}]
那么问题来了,动态的关键是什么?
没错,就是你看到的字段名称中的以0开始的数字啊
想要加一项怎么办?
最大的数字加1,就是它!
那在html中js代码是实现动态的关键,相关代码就不展示了,这里只关注python的部分。
上一篇: 网页的布局方式之清除浮动
下一篇: 通过vuejs如何实现数据驱动视图原理