欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Flask-WTF表單的使用方法

 更新時(shí)間:2019年07月12日 09:59:47   作者:天宇之游  
這篇文章主要介紹了Flask-WTF表單的使用方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

flask_wtf是flask框架的表單驗(yàn)證模塊,可以很方便生成表單,也可以當(dāng)做json數(shù)據(jù)交互的驗(yàn)證工具,支持熱插拔。

安裝

pip install Flask-WTF

Flask-WTF其實(shí)是對(duì)wtforms組件的封裝,使其支持對(duì)flask框架的熱插拔。

簡(jiǎn)單使用

# app.py
from flask import Flask, current_app, request, render_template
from forms import MyForm

app = Flask(__name__,template_folder='static/html')
@app.route('/',methods=['GET','POST'])
def login():
  form = MyForm()
  if form.validate_on_submit():
    return 'OK'
  return render_template('forms/index.html', form=form)
if __name__ == '__main__':
  app.run(host='127.0.0.1', port=80, debug=True)

# forms.py
from flask_wtf import FlaskForm
from wtforms import StringField
from wtforms.validators import DataRequired

class MyForm(FlaskForm):
  name = StringField('name', validators=[DataRequired()])

# forms/index.html
<form method="POST" action="/">
{{ form.csrf_token }}
{{ form.name.label }} {{ form.name(size=20) }}
<input type="submit" value="Go">
</form>

flask_wtf定義字段

flask_wtf完全使用wtforms組件的字段模型,wtforms對(duì)字段的定義在fields模塊;又分為core和simple,core模塊定義了普通使用的字段,simple在core模塊的基礎(chǔ)上擴(kuò)展了一些字段,這些字段會(huì)自動(dòng)進(jìn)行字段級(jí)別的校驗(yàn)。

字段類型

# core.py
__all__ = (
  'BooleanField', 'DecimalField', 'DateField', 'DateTimeField', 'FieldList',
  'FloatField', 'FormField', 'IntegerField', 'RadioField', 'SelectField',
  'SelectMultipleField', 'StringField',
)

常用字段說明:

  • BooleanField:布爾類型,如Flask,True
  • StringField:字符串類型
  • DecimalField:小數(shù)點(diǎn)文本字段,如:‘1.23'
  • DateField:日期字段,格式:'%Y-%m-%d'
  • DateTimeField:日期字段,格式:'%Y-%m-%d %H:%M:%S'
  • FieldList:統(tǒng)一字段類型組成列表,如:FieldList(StringField('Name', [validators.required()]))
  • FloatField:浮點(diǎn)數(shù)類型
  • IntegerField:整形
  • SelectMultipleField:多選框
  • RadioField:?jiǎn)芜x框

simple.py

  • TextAreaField:文本域,可接受多行輸入
  • PasswordField:密碼字段,輸入的不會(huì)直接在瀏覽器明文顯示
  • FileField:上傳文件,但不會(huì)處理驗(yàn)證文件,需要手動(dòng)處理
  • HiddenField:隱藏字段
  • SubmitField:按鈕
  • TextField:字符串類型的別名,棄用

表單定義

# 參數(shù):
class UserAdminForm(FlaskForm):
  username = StringField(label='用戶名', validators=[DataRequired(),Length(4,20)])
  password_hash = PasswordField(label='密碼',validators=[DataRequired(),Length(4,20)])
  limit = SelectField(label='用戶權(quán)限',
            choices=[('guest', '所有權(quán)限'),
                 ('operation', '可讀可寫不可刪除'),
                 ('management', '可讀不可寫')],
            default='guest') # 權(quán)限

# 字段一般的參數(shù)
# label:字段的名字
# default:默認(rèn)
# validators:字段的驗(yàn)證序列
# description:字段的描述
# choices:SelectField和他的子類有的字段,選擇框,多選一

字段的驗(yàn)證序列

字段的參數(shù)validators可以指定提交表單的驗(yàn)證序列,按照從左到右的順序,默認(rèn)的可選驗(yàn)證在wtforms.validators模塊,已經(jīng)封裝的驗(yàn)證方法有:

__all__ = (
  'DataRequired', 'data_required', 'Email', 'email', 'EqualTo', 'equal_to',
  'IPAddress', 'ip_address', 'InputRequired', 'input_required', 'Length',
  'length', 'NumberRange', 'number_range', 'Optional', 'optional',
  'Required', 'required', 'Regexp', 'regexp', 'URL', 'url', 'AnyOf',
  'any_of', 'NoneOf', 'none_of', 'MacAddress', 'mac_address', 'UUID'
)

模塊中大小寫有對(duì)應(yīng)的方式,如DataRequired對(duì)應(yīng)data_required。

  • DataRequired/data_required:驗(yàn)證數(shù)據(jù)是否真實(shí)存在,即不能為空,必須是非空白字符串,否則觸發(fā)StopValidation錯(cuò)誤。
  • InputRequired/input_required:和DataRequired的區(qū)別在于可以是空白字符串;
  • Required/required:data_required的別名
  • Email/email:驗(yàn)證符合郵件的格式,只有最基本的驗(yàn)證;
  • EqualTo/equal_to:比較兩個(gè)字段的值,比如密碼和確認(rèn)密碼,如果不相等就觸發(fā)錯(cuò)誤,equal_to(field,message),需要輸入另一個(gè)字段的名字。
  • IPAddress/ip_address:驗(yàn)證是否是ip地址,默認(rèn)驗(yàn)證IPV4地址。
  • MacAddress/mac_address:驗(yàn)證是否符合mac格式;
  • UUID:是否是uuid格式;
  • URL/url:驗(yàn)證是否符合url格式;
  • Regexp/regexp:用提供的正則表達(dá)式驗(yàn)證字段;Regexp(r"")
  • Length/length:設(shè)置字段值的長(zhǎng)度,Length(min,max);
  • NumberRange/number_range:設(shè)置一個(gè)數(shù)字字段的取值范圍,可以針對(duì)浮點(diǎn)數(shù)和小數(shù);NumberRange(min,max)
  • Optional/optional:允許字段為空并停止驗(yàn)證;
  • NoneOf/none_of:將傳入的數(shù)據(jù)和無效的比較,是拋出異常;Noneof(values).
  • Anyof/any_of:將傳入的數(shù)據(jù)和預(yù)設(shè)的數(shù)據(jù)比較,不是異常。Anyof(values).

自定義字段驗(yàn)證

如果默認(rèn)的驗(yàn)證序列不滿足我們的要求,我們可以通過繼承的方式自定義字段。

from wtforms.validators import DataRequired,Length,StopValidation
class NewStringField(StringField):
  """
  自定義一個(gè)新的字段
  """
  def pre_validate(self, form):
    """驗(yàn)證方法,在validators驗(yàn)證序列之前"""
    x:str = form.name.data
    if not x.startswith('g'):
      raise StopValidation("your data must be startswith 'g'")

  def post_validate(self, form, validation_stopped):
    """
    驗(yàn)證方法,在validators驗(yàn)證序列之后
    :param form:該字段所屬的表單對(duì)象
    :param validation_stopped:前面驗(yàn)證序列的結(jié)果,True表示驗(yàn)證通過,F(xiàn)alse表示驗(yàn)證失敗
    :return:
    """
    if not validation_stopped:
      raise ValueError("驗(yàn)證失敗了!")
    pass

觸發(fā)StopValidation異常會(huì)停止驗(yàn)證鏈;

自定義表單驗(yàn)證

一般來說,如果對(duì)表單有額外需要的驗(yàn)證,一般自定義表單的額外的驗(yàn)證方法而不是重新自定義新的字段,而form已經(jīng)為我們提供了這種方法。

看Form對(duì)象的源碼:

def validate(self):
  """
  Validates the form by calling `validate` on each field, passing any
  extra `Form.validate_<fieldname>` validators to the field validator.
  """
  extra = {}
  for name in self._fields:
    inline = getattr(self.__class__, 'validate_%s' % name, None)
    if inline is not None:
      extra[name] = [inline]

  return super(Form, self).validate(extra)

Form對(duì)象調(diào)用validate函數(shù)時(shí)會(huì)自動(dòng)尋找validate_%s的方法添加到驗(yàn)證序列,并在原先字段的驗(yàn)證序列驗(yàn)證完畢后執(zhí)行。

class MyForm(FlaskForm):
  name = StringField('name', validators=[DataRequired(), Length(4,20)])
  def validate_name(self, field):
    print(field.data)
    if hasattr(self, 'name') and len(self.name.data) > 5:
      print(self.name.data)
      return True
    raise ValidationError('超過5個(gè)字符')

# 在自定義的驗(yàn)證方法中,拋出異常使用ValidationError,validate會(huì)自動(dòng)捕捉。

表單對(duì)象

flask_wtf推薦使用Form對(duì)象的子類FlaskForm代替,該對(duì)象提供了所有表單需要的屬性和方法。那么Form對(duì)象是如何自動(dòng)實(shí)現(xiàn)表單功能的呢?

分析FlaskForm對(duì)象源碼:

class FlaskForm(Form):
  class Meta(DefaultMeta):
    def wrap_formdata(self, form, formdata):
      pass

  def __init__(self, formdata=_Auto, **kwargs):
    csrf_enabled = kwargs.pop('csrf_enabled', None)
    pass
  def is_submitted(self):
    pass
  def validate_on_submit(self):
    pass
  def hidden_tag(self, *fields):
    pass
  def validate(self):
    pass

  • FlaskForm內(nèi)部定義了一個(gè)Meta類,該類添加csrf保護(hù)的一些方法,所以創(chuàng)建表單的時(shí)候一定要導(dǎo)入FlaskForm而不是Form.
  • is_submitted:檢查是否有一個(gè)活躍的request請(qǐng)求;
  • validate_on_submit:調(diào)用is_submitted和validate方法,返回一個(gè)布爾值,用來判斷表單是否被提交;
  • validate:字段級(jí)別的驗(yàn)證,每個(gè)字段都有一個(gè)validate方法,F(xiàn)laskForm調(diào)用validate會(huì)對(duì)所有的字段調(diào)用validate方法驗(yàn)證,如果所有的驗(yàn)證都通過返回Ture,否則拋出異常。
  • hidden_tag:獲取表單隱藏的字段;
  • wrap_formdata:獲取request中的form,每次form對(duì)象初始化時(shí)會(huì)執(zhí)行該函數(shù)從request獲取form。

重要屬性

  • form.data:字段名字和值組成的字典;
  • form.errors:驗(yàn)證失敗的信息字典,在調(diào)用validate_on_submit方法后才有效;
  • form.name.data:字段name的值;
  • form.name.type:字段name的類型

常用場(chǎng)景

登錄驗(yàn)證

# froms.py
class UserPasswordForm(FlaskForm):
  """
  登錄提交的表單
  """
  username = StringField('User', validators=[DataRequired()])
  password = PasswordField('Password', validators=[DataRequired()])

# form.html
<form method="POST" action="/">
{{ form.csrf_token }}
{{ form.username.label }} {{ form.username(size=20) }}
{{ form.password.label }} {{ form.password }}
<input type="submit" value="Go">
</form>

# views.py
@app.route('/login',methods=['GET','POST'])
def login():
  form = UserPasswordForm()
  if form.validate_on_submit():
    # 驗(yàn)證表單
    if form.username.data == "xiaoming" and form.password.data == '123':
      return 'OK'
  return render_template('forms/index.html', form=form)

ajax請(qǐng)求轉(zhuǎn)化表單

有時(shí)候我們沒有html頁(yè)面的表單,只有ajax請(qǐng)求的數(shù)據(jù)交互,但是想借用Form來定義接口和驗(yàn)證接收的數(shù)據(jù),如果ajax的請(qǐng)求方法是('POST', 'PUT', 'PATCH', 'DELETE')中的一種,F(xiàn)laskForm會(huì)自動(dòng)從request對(duì)象中調(diào)用request.form和request.get_json()方法來接收數(shù)據(jù),因此這種方式十分方便。注意:get方法不再其中。

# form.py
class MyForm(FlaskForm):
  name = StringField('name', validators=[DataRequired(), Length(4,20)])
# view.py
@app.route('/form',methods=['GET','POST'])
def form():
  if request.method != "GET":
    form = MyForm() # form會(huì)獲取請(qǐng)求數(shù)據(jù)
    print(form.data)
    return 'ok'
  return ''
# test.py
import requests as req
import json

class ProTest():
  baseurl = 'http://127.0.0.1:80'
  def test_form(self):
    url = self.baseurl + '/form'
    rsp = req.post(url,json={'name':'hhhh'})
    # rsp = req.get(url,json={'name':'hhhh'})
if __name__ == '__main__':
  test = ProTest()
  test.test_form()

form啟用csrf保護(hù)

默認(rèn)csrf保護(hù)是開啟的,只要在html文件中添加{{ form.csrf_token }},app必須設(shè)置SECRET_KEY參數(shù)。

# 禁用保護(hù)
form = Form(csrf_enabled=False)
# 或配置app時(shí)
WTF_CSRF_ENABLED = False

一般數(shù)據(jù)csrf保護(hù)

同理必須設(shè)置SECRET_KEY參數(shù)。

from flask_wtf.csrf import CsrfProtect
csrf = CsrfProtect()

def create_app():
  app = Flask(__name__)
  csrf.init_app(app)

# 模板中添加一個(gè)隱藏域
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
<meta name="csrf-token" content="{{ csrf_token() }}">
# 如果是ajax請(qǐng)求,可以在腳本中
var csrftoken = "{{ csrf_token() }}"
# 然后每個(gè)請(qǐng)求添加 X-CSRFToken 頭部

# 全局禁用csrf
WTF_CSRF_CHECK_DEFAULT = False

# 對(duì)一些視圖跳過csrf檢查
@csrf.exempt
@app.route('/foo', methods=('GET', 'POST'))
def my_handler():
  return 'ok'

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論