Flask處理Web表單的實現方法

Posted on by

web表單是web應用程序的基本功能。

它是HTML頁面中負責數據采集的部件。表單有三個部分組成：表單標簽、表單域、表單按鈕。表單允許用戶輸入數據，負責HTML頁面數據采集，通過表單將用戶輸入的數據提交給服務器。

在Flask中，為瞭處理web表單，我們一般使用Flask-WTF擴展，它封裝瞭WTForms，並且它有驗證表單數據的功能。

WTForms支持的HTML標準字段

字段對象 說明
字段對象 說明
StringField 文本字段
TextAreaField 多行文本字段
PasswordField 密碼文本字段
HiddenField 隱藏文件字段
DateField 文本字段，值為 datetime.date 文本格式
DateTimeField 文本字段，值為 datetime.datetime 文本格式
IntegerField 文本字段，值為整數
DecimalField 文本字段，值為decimal.Decimal
FloatField 文本字段，值為浮點數
BooleanField 復選框，值為 True 和 False
RadioField 一組復選框
SelectField 下拉列表
SelectMutipleField 下拉列表可選擇多個值
FileField 文件上傳字段
SubmitField 表單提交按鈕
FormField 把表單作為字段嵌入另一個表單
FieldList 一組指定類型的字段

WTForms常用驗證函數

驗證函數 說明
DateRequired 確保字段中有數據
EqualTo 比較兩個字段的值，常用於比較兩次密碼的輸入
Length 驗證輸入的字符串長度
NumberRange 驗證輸入的值在數字范圍內
URL 驗證URL
AnyOf 驗證輸入值在可選列表中
NoneOf 驗證輸入值不在可選列表中

使用 Flask-WTF 需要配置參數 SECRET_KEY

CSRF_ENABLED是為瞭CSRF（跨站請求偽造）保護。 SECRET_KEY用來生成加密令牌，當CSRF激活的時候，該設置會根據設置的密匙生成加密令牌。在HTML頁面中直接寫form表單：

<form method='post'>
  <input type="text" name="username" placeholder='Username'>
  <input type="password" name="password" placeholder='password'>
  <input type="submit">
</form>

視圖函數中獲取表單數據：

from flask import Flask,render_template,request

@app.route('/login',methods=['GET','POST'])
def login():
  if request.method == 'POST':
    username = request.form['username']
    password = request.form['password']
    print username,password
  return render_template('login.html',method=request.method)123456789

使用 Flask-WTF 實現表單

配置參數 

app.config['SECRET_KEY'] = 'SECRET_KEY'1

模板頁面 

<form method="post">
 #設置csrf_token
 {{ form.csrf_token() }}
 {{ form.us.label }}
 <p>{{ form.us }}</p>
 {{ form.ps.label }}
 <p>{{ form.ps }}</p>
 {{ form.ps2.label }}
 <p>{{ form.ps2 }}</p>
 <p>{{ form.submit() }}</p>
 {% for x in get_flashed_messages() %}
   {{ x }}
 {% endfor %}
</form>1234567891011121314
視圖函數
#coding=utf-8
from flask import Flask,render_template,\
  redirect,url_for,session,request,flash

#導入wtf擴展的表單類
from flask_wtf import FlaskForm
#導入自定義表單需要的字段
from wtforms import SubmitField,StringField,PasswordField
#導入wtf擴展提供的表單驗證器
from wtforms.validators import DataRequired,EqualTo
app = Flask(__name__)
app.config['SECRET_KEY']='1'

#自定義表單類，文本字段、密碼字段、提交按鈕
class Login(FlaskForm):
  us = StringField(label=u'用戶名',validators=[DataRequired()])
  ps = PasswordField(label=u'密碼',validators=[DataRequired(),EqualTo('ps2','err')])
  ps2 = PasswordField(label=u'確認密碼',validators=[DataRequired()])
  submit = SubmitField(u'提交')

@app.route('/login')
def login():
  return render_template('login.html')

#定義根路由視圖函數，生成表單對象，獲取表單數據，進行表單數據驗證
@app.route('/',methods=['GET','POST'])
def index():
  form = Login()
  if form.validate_on_submit():
    name = form.us.data
    pswd = form.ps.data
    pswd2 = form.ps2.data
    print name,pswd,pswd2
    return redirect(url_for('login'))
  else:
    if request.method=='POST':
      flash(u'信息有誤，請重新輸入！')
    print form.validate_on_submit()

  return render_template('index.html',form=form)
if __name__ == '__main__':
  app.run(debug=True)

到此這篇關於Flask處理Web表單的實現方法的文章就介紹到這瞭,更多相關Flask處理Web表單內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：