Flask框架WTForm表單用法示例

更新時(shí)間：2018年07月20日 11:13:28 作者：鎧甲巨人

這篇文章主要介紹了Flask框架WTForm表單用法,結(jié)合登錄驗(yàn)證的具體實(shí)例分析了Flask框架WTForm表單相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了Flask框架WTForm表單用法。分享給大家供大家參考，具體如下：

運(yùn)行環(huán)境：

python2.7

flask 0.11

flask-wtf 0.14.2

wtform能夠通過(guò)一個(gè)類(lèi)定義一些字段，這些字段會(huì)在前端生成標(biāo)簽，并且通過(guò)設(shè)置字段的驗(yàn)證規(guī)則，自動(dòng)判斷前端輸入數(shù)據(jù)的格式。

一般用于用戶(hù)登錄，用戶(hù)注冊(cè)等信息錄入。

示例：

from wtforms import Form
from flask import Flask,render_template,request,redirect
from wtforms.fields import core
from wtforms.fields import html5
from wtforms.fields import simple
from wtforms import validators
from wtforms import widgets
import sys
reload(sys)
sys.setdefaultencoding('utf8')
#python2.7 轉(zhuǎn)碼用的，避免顯示中文為亂碼
app = Flask(__name__,template_folder='templates')
app.debug=True
class LoginForm(Form):
  name = simple.StringField(
    label='用戶(hù)名',  #前端顯示中文
    validators=[
      validators.DataRequired(message='用戶(hù)名不能為空'),
      validators.Length(min=6,max=18,message='用戶(hù)名長(zhǎng)度必須大于%(min)d且小于%(max)d')
    ],  #字段的驗(yàn)證規(guī)則
    widget=widgets.TextInput(), #頁(yè)面上顯示的標(biāo)簽
    render_kw={'class':'form=control'} #給上面插件生成的時(shí)候添加屬性，比如bootstrap的屬性
  )
  pwd = simple.PasswordField(
    label='密碼',
    validators=[
      validators.DataRequired(message='密碼不能為空'),
      validators.Length(min=8,message='用戶(hù)名長(zhǎng)度必須大于%(min)d'),
      validators.Regexp(regex="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*/&]{8,}",
               message='密碼至少8個(gè)字符，至少1個(gè)大寫(xiě)字母，1個(gè)小寫(xiě)字母'),
    ],
    widget=widgets.PasswordInput(),
    render_kw={'class':'from-control'}
  )
#字段，內(nèi)部包含正則表達(dá)式
@app.route('/login',methods=['GET','POST'])
def login():
  if request.method == 'GET':
    form = LoginForm()
    return render_template('login.html',form=form)
    #將form對(duì)象傳給前端
  else:
    form = LoginForm(formdata=request.form) #從請(qǐng)求體from中取值
    if form.validate():  #驗(yàn)證
      print "用戶(hù)提交數(shù)據(jù)通過(guò)，提交的值為:",form.data
    else:
      print form.errors  #錯(cuò)誤信息
    return render_template('login.html',form=form)
@app.route('/')
def hello_world():
  return 'Hello World!'
if __name__ == '__main__':
  app.run()

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Title</title>
</head>
<body>
<h1>登陸</h1>
<form method="post">
  <p>{{ form.name.label }} {{ form.name }} {{ form.name.errors[0] }}</p>
  <p>{{ form.pwd.label }} {{ form.pwd }} {{ form.pwd.errors[0] }}</p>
  <input type="submit" value="提交">
</form>
</body>
</html>

在前端，直接通過(guò)Form對(duì)象來(lái)取字段中的值，以及該值中的錯(cuò)誤信息，錯(cuò)誤信息我們一般取第一個(gè)即可，已經(jīng)能夠告訴用戶(hù)信息錯(cuò)誤了。

希望本文所述對(duì)大家基于Flask框架的Python程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: