Flask 框架 網頁跳轉詳解。
阿新 • • 發佈:2018-12-25
在Flask框架中,網頁跳轉這是必不可少的。
如果沒有跳轉的網頁,就不算框架的內容,因此要想學會Flask框架,必須要學會跳轉。
那麼我就來個本人做過的列子。
————————————————————————————————————————
首先是主面板的程式碼。
# -*- encoding: utf-8 -*- # 導包 from flask import Flask,render_template,flash,session,redirect,requestapp=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>
大家可以看到以下效果。