快捷導(dǎo)航

Flask處理Web表單的實現(xiàn)方法

更新時間：2021年01月31日 15:20:20 作者：流芳

這篇文章主要介紹了Flask處理Web表單的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

web表單是web應(yīng)用程序的基本功能。

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

在Flask中，為了處理web表單，我們一般使用Flask-WTF擴展，它封裝了WTForms，并且它有驗證表單數(shù)據(jù)的功能。

WTForms支持的HTML標準字段

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

WTForms常用驗證函數(shù)

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

使用 Flask-WTF 需要配置參數(shù) SECRET_KEY

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

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

視圖函數(shù)中獲取表單數(shù)據(jù)：

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 實現(xiàn)表單

配置參數(shù)

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

模板頁面

<form method="post">
 #設(shè)置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
視圖函數(shù)
#coding=utf-8
from flask import Flask,render_template,\
  redirect,url_for,session,request,flash

#導(dǎo)入wtf擴展的表單類
from flask_wtf import FlaskForm
#導(dǎo)入自定義表單需要的字段
from wtforms import SubmitField,StringField,PasswordField
#導(dǎo)入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')

#定義根路由視圖函數(shù)，生成表單對象，獲取表單數(shù)據(jù)，進行表單數(shù)據(jù)驗證
@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)

到此這篇關(guān)于Flask處理Web表單的實現(xiàn)方法的文章就介紹到這了,更多相關(guān)Flask處理Web表單內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: