flask笔记二

web表单

web表单是浏览者和网之间的一个互动平台，完成浏览器和服务器之间的数据交互。

1、用Flask-WTF来处理表单

　　（1）在根目录下编辑扩展配置--config.py

CSRF_ENABLED = True
SECRET_KEY = 'you-will-never-guess'

CSRF_ENABLED配置跨站点保护，就是防止程序挟持用户执行非本意的操作，是一种web的攻击行为，这个设置会提高web的安全性。

SECRET_KEY是当CSRE（跨站请求伪造）激活时执行，实现加密用来验证表单，避免网站的恶意攻击。

　　（2）在Flask中读取该配置文件，(文件 app/__init__.py):

from flask import Flask

app = Flask(__name__)
app.config.from_object('config')

from app import views

2、用户登录表单的实现

使用 Flask-WTF 时，每个 Web 表单都由一个继承自 Form 的类表示。这个类定义表单中的一组字段，每个字段都用对象表示。字段对象可

附属一个或多个验证函数。验证函数用来验证用户提交的输入值是否符合要求。在这个小程序中是由OpenId完成用户的验证的，类似于Hadoop中的SSH加密算法，不需要

调用数据库中的用户名和密码登录，浏览器会根据用户产生的cookie对用户进行识别。

现在新建第一个表单（app/forms.py）：

from flask.ext.wtf import Form
from wtforms import StringField, BooleanField
from wtforms.validators import DataRequired

class LoginForm(Form):
    openid = StringField('openid', validators=[DataRequired()])
    remember_me = BooleanField('remember_me', default=False)

解释：StringField类表示属性为 type="text" 的 <input> 元素；BooleanField表示复选框，选择true或者flase。DataRequired 验证器只是简单地检查相应域提交的数据是否是空。

WTForms支持的HTML标准字段：

WTForms内置的验证函数：

3、创建表单模板

创建好表单，那么现在该做的就是用HTML模板实现表单中的功能。接着用HTML写出布局。

这里就是我们登录的模板(文件 app/templates/login.html):

 1 <!-- extend from base layout -->
 2 {% extends "base.html" %}
 3 
 4 {% block content %}
 5 <h1>Sign In</h1>
 6 <form action="" method="post" name="login">
 7     {{form2.hidden_tag()}}
 8     <p>
 9         Please enter your OpenID:<br>
10         {{form2.openid(size=80)}}<br>
11     </p>
12     <p>{{form2.remember_me}} Remember Me</p>
13     <p><input type="submit" value="Sign In"></p>
14 </form>
15 {% endblock %}

♦需要注意的是，创建表单模板需要将表单中 “class LoginForm(Form)” 类中的功能通过参数（这里是form2）传入模板。当我们编写渲染这个模板的视图函数的时候，我们将会特别注意传送这个模板参数到模板中。

♦form.hidden_tag() 模板参数将被替换为一个隐藏字段，用来是实现在配置中激活的 CSRF 保护。如果你已经激活了 CSRF，这个字段需要出现在你所有的表单中。

4、创建表单视图

现在完成渲染模板，因为功能已经在表单中实现，所以只需要在视图中调用一下表单即可。下面是视图文件( app/views.py)：

 1 from flask import render_template, flash, redirect
 2 from app import app
 3 from .forms import LoginForm
 4 
 5 # index view function suppressed for brevity
 6 
 7 @app.route('/login', methods = ['GET', 'POST'])
 8 def login():
 9     form = LoginForm()
10     return render_template('login.html',
11         title = 'Sign In',
12         form2 = form)

在这里我特别将form2和form区别开来，form2其实就是模板中抽象的概念，没有实际的意义，只有在视图文件中指定它的功能时才被赋予form=LoginForm()的实

例化的功能。也就是上面的模板中form2可以换成任意的变量，只要在视图中赋值就可以了。