欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

[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的部分。