Flask表单（Flask-WTF实现）

目录

一、依赖配置

二、创建表单类

三、表单渲染

四、视图函数处理表单

    模板是让信息从服务器流向用户，但网络上的页面不都仅仅是一个展示的功能，往往伴随着和用户的交互，服务器需要根据用户提交的信息进行处理后返回给用户特定的信息，这个时候就需要用到表单功能。

        传统的表单Form通过POST请求提交之后，可以通过request.form对象访问用户提交的数据，假如有很多表单的操作，这样的方式会进行繁琐且重复的操作。Flask-WTF扩展就可以很好的解决这个问题，使得处理表单变得简单。直接pip install flask-wtf安装。

一、依赖配置

        Flask-WTF无需在应用层初始化，但要求配置一个密匙，用来为表单生成安全令牌防止CSRF（跨站请求伪造）攻击，详细的可参考CSRF

配置代码如下：

app = Flask(__name__)
app.config['SECRET_KEY'] = 'hard to guess string'

二、创建表单类

先上代码：

from flask_wtf import FlaskForm  # 表单的基类
from wtforms import StringField, SubmitField  # 表单组件
from wtforms.validators import DataRequired  # 数据验证函数class NameForm(FlaskForm):  # 所有的表单类都继承与FlaskForm# StringField 表示 type="text"的html 元素，name表示元素的id="name"， validators表示数据需要经过那些验证，所以是一个列表name = StringField('What is your name?', validators=[DataRequired()])# 表示submit = SubmitField()

        解释释加载了代码上，基本上和直接看代码理解的一样，相当于用Python写了个前端的表单。字段和验证函数是从wtforms包导入的：

支持的HTML标准字段如下：

支持的验证函数如下：

三、表单渲染

假设视图函数处理后传递给模板一个表单form，模板可以按照以下方式渲染表单：

{{ form.hidden_tag() }}  {{ form.name.label }} {{ form.name(id='my-text-field')}} {{ form.submit() }}

这样的方式显得繁琐且丑陋，可以使用bootstrap组件进行渲染，方式如下：

{% import "bootstrap/wtf.html" as wtf %}  
{{ wtf.quick_form(form) }}

四、视图函数处理表单

视图函数在表单处理时有两个任务，一个是渲染表单，一个是接收表单提交的数据，方式如下：

@app.route('/', methods=['GET', 'POST'])  # 需要支持POST请求
def index():name = Noneform = NameForm()if form.validate_on_submit():  # 验证表单是否提交且数据经过验证name = form.name.dataform.name.data = ''return render_template('index.html', form=form, name=name)  # 初始化时和表单提交时，返回的方式统一处理

        这其中有一个点，提交的时候数据怎么是到form对象里的呢？这是组件已经封装好了的，具体的有知道的小伙伴可以告诉我，十分感谢。因为模板、表单，在实际开发中我们并用不到，处理的基本都是JSON数据，所以这一部分写的也不是很详细，了解就好。

参考资料：《Flask Web开发（第二版）》

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！