Flask框架運(yùn)用WTForms實(shí)現(xiàn)用戶注冊(cè)的示例詳解
更新時(shí)間：2022年12月22日 16:08:14 作者：LyShark
WTForms 是用于web開(kāi)發(fā)的靈活的表單驗(yàn)證和呈現(xiàn)庫(kù)，它可以與您選擇的任何web框架和模板引擎一起工作，并支持?jǐn)?shù)據(jù)驗(yàn)證、CSRF保護(hù)、國(guó)際化等。本文將運(yùn)用WTForms實(shí)現(xiàn)用戶注冊(cè)功能，需要的可以參考一下
WTForms 是用于web開(kāi)發(fā)的靈活的表單驗(yàn)證和呈現(xiàn)庫(kù)，它可以與您選擇的任何web框架和模板引擎一起工作，并支持?jǐn)?shù)據(jù)驗(yàn)證、CSRF保護(hù)、國(guó)際化等，運(yùn)用WTForms框架并配合Flask可實(shí)現(xiàn)一個(gè)帶有基本表單驗(yàn)證功能的用戶注冊(cè)與登錄頁(yè)面，經(jīng)過(guò)美化的頁(yè)面可以直接應(yīng)用到項(xiàng)目中。
- WTForms 需要額外安裝PIP包
- pip install WTForms email_validator
實(shí)現(xiàn)用戶注冊(cè)頁(yè)面
在templates目錄下新建index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel='stylesheet' rel="external nofollow" rel="external nofollow" >
<link rel="external nofollow" rel="external nofollow" rel="stylesheet">
<link rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-offset-3 col-md-6">
<form action="/register" method="post" class="form-horizontal">
<span class="heading">用 戶 注 冊(cè)</span>
<div class="form-group">
{{ form.username }}
<i class="fa fa-user"></i>
<a href="/login" rel="external nofollow" class="fa fa-question-circle"></a>
</div>
<div class="form-group">
{{ form.email }}
<i class="fa fa-envelope"></i>
</div>
<div class="form-group">
{{ form.password }}
<i class="fa fa-lock"></i>
</div>
<div class="form-group">
{{ form.RepeatPassword }}
<i class="fa fa-unlock-alt"></i>
</div>
{{ form.submit }}
</form>
</div>
</div>
</div>
</body>
</html>Flask 后端部分使用如下代碼:
from flask import Flask, render_template, request, redirect
from wtforms import Form,validators,widgets
from wtforms.fields import simple
app = Flask(import_name=__name__,
static_url_path='/python', # 配置靜態(tài)文件的訪問(wèn)url前綴
static_folder='static', # 配置靜態(tài)文件的文件夾
template_folder='templates') # 配置模板文件的文件夾
class RegisterForm(Form):
username = simple.StringField(
#label='注冊(cè)用戶：',
validators=[
validators.DataRequired(message='用戶名不能為空'),
validators.Length(min=6, max=18, message='用戶名長(zhǎng)度必須大于%(min)d且小于%(max)d')
],
widget=widgets.TextInput(),
render_kw={'class': 'form-control',
"placeholder":"輸入注冊(cè)用戶名"}
)
email = simple.StringField(
#label='用戶郵箱：',
validators=[validators.DataRequired(message='郵箱不能為空'),validators.Email(message="郵箱格式輸入有誤")],
render_kw={'class':'form-control',
"placeholder":"輸入Email郵箱"}
)
password = simple.PasswordField(
#label='用戶密碼：',
validators=[
validators.DataRequired(message='密碼不能為空'),
validators.Length(min=5, message='用戶名長(zhǎng)度必須大于%(min)d'),
validators.Regexp(regex="[0-9a-zA-Z]{5,}",message='密碼不允許使用特殊字符')
],
widget=widgets.PasswordInput(),
render_kw={'class': 'form-control',
"placeholder":"輸入用戶密碼"}
)
RepeatPassword = simple.PasswordField(
#label='重復(fù)密碼：',
validators=[
validators.DataRequired(message='密碼不能為空'),
validators.Length(min=5, message='密碼長(zhǎng)度必須大于%(min)d'),
validators.Regexp(regex="[0-9a-zA-Z]{5,}",message='密碼不允許使用特殊字符'),
validators.EqualTo("password",message="兩次密碼輸入必須一致,龜孫")
],
widget=widgets.PasswordInput(),
render_kw={'class': 'form-control',
"placeholder":"再次輸入密碼"}
)
submit = simple.SubmitField(
label="用 戶 注 冊(cè)",
render_kw={ "class":"btn btn-success" }
)
@app.route('/register', methods=['GET', 'POST'])
def Register():
if request.method == 'GET':
RetForm = RegisterForm()
return render_template('index.html', form=RetForm)
else:
RetForm = RegisterForm(formdata=request.form)
if RetForm.validate():
print('接收到數(shù)據(jù)：', RetForm.data)
return '''<script>alert('您的注冊(cè)請(qǐng)求已提交!');</script>'''
else:
print(RetForm.errors)
return render_template('index.html', form=RetForm)
if __name__ == '__main__':
app.run(host="127.0.0.1", port=80, debug=False)
代碼運(yùn)行效果如下:
實(shí)現(xiàn)用戶登錄頁(yè)面
在templates目錄下新建index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel='stylesheet' rel="external nofollow" rel="external nofollow" >
<link rel="external nofollow" rel="external nofollow" rel="stylesheet">
<link rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-offset-3 col-md-6">
<form action="/login" method="post" class="form-horizontal">
<span class="heading">用 戶 登 錄</span>
<div class="form-group">
{{ form.username }}
<i class="fa fa-user"></i>
</div>
<div class="form-group help">
{{ form.password }}
<i class="fa fa-lock"></i>
<a href="#" rel="external nofollow" class="fa fa-question-circle"></a>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">登 錄 后 臺(tái)</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>Flask 后端部分使用如下代碼:
from flask import Flask, render_template, request, redirect
from wtforms import Form,validators,widgets
from wtforms.fields import simple,html5
app = Flask(import_name=__name__,
static_url_path='/python', # 配置靜態(tài)文件的訪問(wèn)url前綴
static_folder='static', # 配置靜態(tài)文件的文件夾
template_folder='templates') # 配置模板文件的文件夾
class LoginForm(Form):
username = simple.StringField(
validators=[
validators.DataRequired(message=''),
validators.Length(min=4, max=15, message=''),
validators.Regexp(regex="[0-9a-zA-Z]{4,15}", message='')
],
widget=widgets.TextInput(),
render_kw={"class":"form-control",
"placeholder":"請(qǐng)輸入用戶名或電子郵件"}
)
password = simple.PasswordField(
validators=[
validators.DataRequired(message=''),
validators.Length(min=5, max=15,message=''),
validators.Regexp(regex="[0-9a-zA-Z]{5,15}",message='')
],
widget=widgets.PasswordInput(),
render_kw={"class":"form-control",
"placeholder":"請(qǐng)輸入密碼"}
)
@app.route("/login",methods=['GET','POST'])
def Login():
if request.method == 'GET':
RetForm = LoginForm()
return render_template('index.html', form=RetForm)
else:
RetForm = LoginForm(formdata=request.form)
if RetForm.validate():
temp = RetForm.data
print("接收到數(shù)據(jù):",temp)
return '''<script type="text/javascript">alert('登錄完成!');</script>'''
return render_template('index.html', form=RetForm)
if __name__ == '__main__':
app.run(host="127.0.0.1", port=80, debug=False)
代碼運(yùn)行效果如下:
到此這篇關(guān)于Flask框架運(yùn)用WTForms實(shí)現(xiàn)用戶注冊(cè)的示例詳解的文章就介紹到這了,更多相關(guān)Flask WTForms用戶注冊(cè)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
解決Python中的modf()函數(shù)取小數(shù)部分不準(zhǔn)確問(wèn)題
這篇文章主要介紹了解決Python中的modf()函數(shù)取小數(shù)部分不準(zhǔn)確問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-05-05
服務(wù)端假設(shè)所有用戶提交的數(shù)據(jù)都是不可信任的，所以Django框架內(nèi)置了form組件來(lái)驗(yàn)證用戶提交的信息，這篇文章主要介紹了Django forms組件的使用教程，感興趣的小伙伴們可以參考一下2018-10-10
python3模擬實(shí)現(xiàn)xshell遠(yuǎn)程執(zhí)行l(wèi)inux命令的方法
今天小編就為大家分享一篇python3模擬實(shí)現(xiàn)xshell遠(yuǎn)程執(zhí)行l(wèi)inux命令的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-07-07
今天小編就為大家分享一篇python 讀取豎線分隔符的文本方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
python實(shí)現(xiàn)批量修改圖片格式和尺寸
這篇文章主要為大家詳細(xì)介紹了python實(shí)現(xiàn)批量修改圖片格式和尺寸的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
Starship定制shell提示符實(shí)現(xiàn)信息自由
這篇文章主要介紹了Starship定制shell提示符的實(shí)現(xiàn)，讓你需要的所有信息觸手可及，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-03-03
python3實(shí)現(xiàn)從kafka獲取數(shù)據(jù),并解析為json格式,寫入到mysql中
今天小編就為大家分享一篇python3實(shí)現(xiàn)從kafka獲取數(shù)據(jù),并解析為json格式,寫入到mysql中，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-12-12
python實(shí)現(xiàn)抽獎(jiǎng)小程序
這篇文章主要為大家詳細(xì)介紹了python實(shí)現(xiàn)抽獎(jiǎng)小程序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要為大家詳細(xì)介紹了python圖形工具turtle繪制國(guó)際象棋棋盤，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
jupyter閃退怎么辦?jupyter閃退問(wèn)題的解決
這篇文章主要介紹了jupyter閃退怎么辦？jupyter閃退問(wèn)題的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01