web表單的學習
一,用html寫form表單–html形式
二,用WTF寫表單模板 --類形式
下邊的代碼中,有兩種形式,一個是html形式,一個是WTF模板寫的類形式…
最終生成的網頁也是有兩個輸入賬號密碼的地方,其功能是一樣的,但是一個是html形式—即所有的排版等內容均在html中寫出;
下邊的是web表單形式,代碼相對簡單,在html代碼中是從<hr>
開始區分的,上邊是傳統HTML,下邊是表單形式
需要import import Flask-WTF
研究這個的代碼:
from flask import Flask,render_template,request,flash
#導入wtf擴展的表單類
from flask_wtf import FlaskForm
#導入自定義表單需要的字段
from wtforms import SubmitField,StringField,PasswordField
#導入wtf擴展提供的表單驗證器
from wtforms.validators import DataRequired , EqualTo
# 解決編碼問題
# import sys
# sys.setdefaultencoding("utf-8")
app = Flask(__name__)
app.secret_key='sumer'
'''
目的:實現一個簡單的登錄的邏輯處理
1.路有需要有get和post兩種請求方式-->xuyaopanduan qingqiufangshi
2.獲取請求的參數
3.判斷參數是否填寫 & 密碼是否相同
4.判斷都沒有問題,就返回一個success
'''
'''
給模板傳遞消息
flash -->需要對內容加密,因此需要設置secret_key,做加密消息的混淆
模板中需要遍歷消息
'''
'''
使用WTF實現表單
自定義表單類
'''
class LoginForm(FlaskForm):
username=StringField('用戶名:', validators=[DataRequired()])
password = PasswordField('密碼:', validators=[DataRequired()])
password2 = PasswordField('確認密碼:', validators=[DataRequired(),EqualTo('password', '密碼輸入不一致')])
submit = SubmitField('點擊提交:')
@app.route('/form',methods=['GET','POST'])
def login():
login_form = LoginForm()
#1. 判斷請求參數
if request.method =='POST':
# 2.獲取請求參數
username = request.form.get('username')
password = request.form.get('password')
password2 = request.form.get('password2')
# 3.驗證參數,WTF可以一句話實現所有校驗
if login_form.validate_on_submit():
# print(username,password)
return 'success yes!'
else:
flash('參數有da誤')
return render_template('index.html', form=login_form)
@app.route('/',methods=['GET','POST'])
def index():
#request:請求對象-->獲取請求方式,數據
#1. 判斷請求參數
if request.method =='POST':
#2.獲取請求參數
username = request.form.get('username')
password = request.form.get('password')
passwor2 = request.form.get('password2')
print(username,password)
# 3.判斷參數食肉填寫,和密碼是否相同
if not all([username,password,passwor2]):
# print('參數不全')
flash(u'參數不全') # u 意思utf8
elif passwor2 != password :
# print('密碼不一致')
flash(u'密碼不一致')
else :
return 'success'
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
下邊是html部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form method="post">
<label>用戶名:</label><input type="text" name="username"><br>
<label>密碼:</label><input type="password" name="password"><br>
<label>確認密碼:</label><input type="password" name="password2"><br>
<input type="submit" value="提交"><br>
{# 使用遍歷接受消息 #}
{% for message in get_flashed_messages() %}
{{ message }}
{% endfor %}
</form>
<hr>
<form method="post">
{{ form.csrf_token() }}
{{ form.username.label }}{{ form.username }}<br>
{{ form.password.label }}{{ form.password }}<br>
{{ form.password2.label }}{{ form.password2 }}<br>
{{ form.submit }}<br>
</form>
</body>
</html>