在Flask框架中,網頁跳轉這是必不可少的。
如果沒有跳轉的網頁,就不算框架的內容,因此要想學會Flask框架,必須要學會跳轉。
那么我就來個本人做過的列子。
————————————————————————————————————————
首先是主面板的代碼。
# -*- encoding: utf-8 -*-
# 導包
from flask import Flask,render_template,flash,session,redirect,request
app=Flask(__name__)
app.config.from_pyfile('config.ini')
@app.route('/showlogin')
def sssss():
讀取數據的代碼。
return render_template('lianxitiao.html',username=session['username'],password=session['password'],password1=session['password1'],radio=session['radio'])
@app.route('/',methods=['GET','POST'])
def index():
if request.method == 'POST':
username=request.form.get('username')
password=request.form.get('password')
password1=request.form.get('password1')
radio=request.form.get('radio')
if not all([username, password, password1]):
# 利用閃現消息來提醒用戶
flash('參數不足')
elif password != password1:
flash('密碼不一致')
else:
flash('注冊成功')
在session服務端里存數據
session['username']=username
session['password']=password
session['password1']=password1
session['radio']=radio
跳轉到showlogin網頁的頁面
return redirect('http://127.0.0.1:666/showlogin')
return render_template('lianxi4.html')
if __name__ == "__main__":
app.run(port=666)
——————————————————————————-
然后接着是建個html模板在這個html模板里 渲染就能實現網上的效果了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>showlogin</title>
</head>
<body>
<center>
<form method="POST">
<h1>歡迎進入男神鵬的直播空間</h1><br>
<h2>請輸入你的信息:</h2>
<input type="text" name="username" placeholder="請輸入用戶名"><br>
<input type="password" name="password" placeholder="請輸入密碼"><br>
<input type="password" name="password1" placeholder="請確認密碼"><br>
<input type="radio" name="radio" value="男">男
<input type="radio" name='radio' value="女">女<br>
{% for message in get_flashed_messages() %}
{{message}}
{% endfor%}
<input type="submit" value="注冊">
</form>
</center>
</body>
</html>
————————————————————————————————
如果要想看注冊時候的信息在另一個頁面顯示,可以參考以下代碼。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>用戶名密碼顯示模板</title>
</head>
<body>
用戶名:{{username}}<br>
密碼:{{password}}<br>
確認密碼:{{password1}}<br>
性別:{{radio}}
</body>
</html>
大家可以看到以下效果。