客户端发送的所有通过ＰＯＳＴ发出的请求信息都可以通过request.form获取．但是如果我们要生成表单的ＨＴＭＬ代码和验证提交的表单数据那么就需要采用另外的方法．Flask-WTF扩展可以把处理web表单的过程变得更简单．

Flask-WTF能保护所有表单免受ＣＳＲＦ的攻击．至于ＣＳＲＦ的原理参考http://www.cnblogs.com/zhanghongfeng/p/7787499.html这个帖子．为了实现ＣＳＴＦ保护，Ｆlask_WTF需要程序设置一个密钥．Flask-WTF用这个密钥生成加密令牌，在用令牌验证请求中表单数据的真伪．设置密钥的方法如下：

import os

app.config['SECRET_KEY']=os.urandom(20)

下面我们来看下表单类．首先来看下完整的代码：

from flask_wtf import Form,FlaskForm

from wtforms import StringField,SubmitField

from wtforms.validators import Required

class NameForm(FlaskForm):

name=StringField('what is your name?',validators=[Required()])

submit=SubmitField('Submit')

@app.route('/',methods=['GET','POST'])

def hello_world():

name=None

form=NameForm()

if form.validate_on_submit():

name=form.name.data

form.name.data=''

return render_template('index1.html',form=form,name=name)

index1的ＨＴＭＬ代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>flask test</title>

</head>

<body>

{{ name }}

<form method="POST">

{{ form.hidden_tag() }}

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

{{ form.submit() }}

</form>

</body>

</html>

当我们访问http://192.168.0.12:8000/的时候，网页显示如下

当我们在输入框中输入信息则显示出我们输入的信息

接下来我们就来看下代码是如何运行的．首先我们定义了一个表单类，每个表单类都继承自

FlaskForm．这个表单类中包含一个文本字段和一个提交按钮．

ＷＴＦorms中支持的ＨＴＭＬ标准字段如下

字段类型      说　　明

StringField 文本字段

TextAreaField 多行文本字段

PasswordField 密码文本字段

HiddenField 隐藏文本字段

DateField 文本字段，值为 datetime.date 格式

DateTimeField 文本字段，值为 datetime.datetime 格式

IntegerField 文本字段，值为整数

DecimalField 文本字段，值为 decimal.Decimal

FloatField 文本字段，值为浮点数

BooleanField 复选框，值为 True 和 False

RadioField 一组单选框

SelectField 下拉列表

SelectMultipleField 下拉列表，可选择多个值

FileField 文件上传字段

SubmitField 表单提交按钮

FormField 把表单作为字段嵌入另一个表单

FieldList 一组指定类型的字段

再来看下视图函数．app.route修饰器中添加的methods参数告诉Flask在ＵＲＬ映射中把这个视图函数注册为ＧＥＴ和ＰＯＳＴ请求的处理程序，否则没有methods参数，将只把视图函数注册为ＧＥＴ请求的处理程序．

用户第一次访问程序的时候，服务器会收到一个没有表单数据的ＧＥＴ请求．所以validate_on_submit将返回Flase．通过渲染模板处理请求，用户会看到浏览器中显示一个表单

用户提交表单后，服务器收到一个包含数据的ＰＯＳＴ请求，valide_on_submit()会调用name字段上附属的Required函数，如果名字不为空，就能通过验证．valide_on_submit返回True．并将名字赋值给局部变量name．最终在页面上被渲染出来

重定向和用户会话

前面的这个表单程序，当我们输入了用户名并且再一次刷新index的页面的时候，之前的信息已经不存在，又回到了表单提交的页面．也就说之前的用户会话没有保存下来，所以刷新后找不到之前的用户．那么要保存用户会话就要用到之前介绍的session会话

代码修改如下：

from flask import Flask,render_template,session,redirect,url_for

@app.route('/',methods=['GET','POST'])

def hello_world():

form=NameForm()

if form.validate_on_submit():

session['name']=form.name.data

return redirect(url_for('hello_world'))

print session.get('name')

return render_template('index1.html',form=form,name=session.get('name'))

首先将name的值赋值给session[‘name’] 然后进行重定向．这里重定向使用的是redirect函数，这里重定向使用的是redirect(url_for('hello_world'))．url_for(‘hello_world’)将生成对应的ＵＲＬ也就是’/’.这种使用方式的好处是保证ＵＲＬ和定义的路由兼容．url_for函数的第一个必须指定的参数名是端点名，即路由的内部名字．默认情况下，路由的端点是相应视图函数的名字，比如这里传入的是hello_world函数名

当然也可以简单点通过redirect(‘/’)的方式直接指定ＵＲＬ．

Flask:web表单的更多相关文章

  1. 轻量级Web框架Flask——Web表单

    安装 Flask-WTF及其依赖可使用pip安装 pip install flask_wtf 配置 要求应用配置一个密钥.密钥是一个由随机字符构成的唯一字符串,通过加密或签名以不同的方式提升应用的安全 ...

  2. flask web 表单验证 WTForms

    简介 WTForms 是一个flask集成框架,或者说是库,用于处理浏览器表单提交的数据,它在flask-WTF的基础上扩展并添加了一些随手可得的精巧帮助函数,这些函数将会是在flask里使用表单更加 ...

  3. Flask Web Development —— Web表单（上）

    Flask-WTF扩展使得处理web表单能获得更愉快的体验.该扩展是一个封装了与框架无关的WTForms包的Flask集成. Flask-WTF和它的依赖集可以通过pip来安装: (venv) $ p ...

  4. Flask学习 三 web表单

    web表单 pip install flask-wtf 实现csrf保护 app.config['SECRET_KEY']='hard to guess string' # 可以用来存储框架,扩展,程 ...

  5. flask 利用flask_wtf扩展 创建web表单

    在Flask中,为了处理web表单,我们一般使用Flask-WTF扩展,它封装了WTForms,并且它有验证表单数据的功能 创建语句格式: startTime = DateTimeField('计划开 ...

  6. Python——Flask框架——Web表单

    一.框架Flask-WTF 安装: pip install flask-wtf 需要程序设置一个密钥 app = Flask(__name__) app.config['SECRET_KEY'] = ...

  7. Flask教程 —— Web表单（上）

    第二章中介绍的request对象公开了所有客户端发送的请求信息.特别是request.form可以访问POST请求提交的表单数据. 尽管Flask的request对象提供的支持足以处理web表单,但依 ...

  8. Flask之模板web表单

    3.3 Web表单: web表单是web应用程序的基本功能. 它是HTML页面中负责数据采集的部件.表单有三个部分组成:表单标签.表单域.表单按钮.表单允许用户输入数据,负责HTML页面数据采集,通过 ...

  9. Flask 教程 第三章：Web表单

    本文翻译自 The Flask Mega-Tutorial Part III: Web Forms 这是Flask Mega-Tutorial系列的第三部分,我将告诉你如何使用Web表单. 在第二章中 ...

随机推荐

  1. Java NIO中的Channel接口

    1. Channel  通道,可以将指定文件的部分或全部直接映射成Buffer. 不能直接读写Channel中的数据,Channel只能与ByteBuffer交互. 读数据时,把Channel中的数据 ...

  2. Tiny4412 学习

    平台: Tiny4412ADK + S700 + 4GB FlashU-boot: 友善之臂提供的开源U-boot Linux: linux-3.0.31 Android: android_4_1_2 ...

  3. 聊聊、Zookeeper Windows启动

    Apache ZooKeeper is an effort to develop and maintain an open-source server which enables highly rel ...

  4. GestureDetector 完全解析

    个人原创 OnDown(MotionEvent e):用户触发DonenEvent就会执行onShowPress(MotionEvent e):用户触发DonenEvent后,在很短大概0.5秒内,没 ...

  5. MyEclipse Html自动提示功能的设置方法

    操作方法: windows------preferences----------搜索 html----------找到 html Source这项--------- 右边视图,找到 content a ...

  6. GIS可视化——聚散图

    一.简介 随着计算机的发展,浏览器的不断进步与完善,现今大部分浏览渲染效率有了很大的改善, 但是由于浏览器厂商的不同,浏览器种类繁多,性能不一,并且很多用户还使用着不少老的浏览, 那些如IE6.7等的 ...

  7. 【React Native开发】React Native控件之DrawerLayoutAndroid抽屉导航切换组件解说(13)

    ),请不要反复加群! 欢迎各位大牛,React Native技术爱好者增加交流!同一时候博客左側欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送! 该DrawerLayoutAndroid组件封 ...

  8. vue2.X slot 分发内容

    1.概述: 简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示.不显示.在哪个地方显示.如何显示,就是slot分发负责的活. 2.默认情况下 父组件在子组件内套的内容,是不显示的. ...

  9. typedef 与 define 的区别

    1.区别 (1)定义.执行时间.作用域 定义.执行时间: #define pchar char * typedef char *pchar; 定义的格式差别,显而易见的,要注意,define 是不能存 ...

  10. Struts2学习六----------默认Action

    © 版权声明:本文为博主原创文章,转载请注明出处 默认Action - 当访问action不存在时,可通过指定默认action的方式避免出现错误代码页面 - 使用default-action-ref指 ...