一,Flask初始html
Python三大Web框架對比前端
1.Django 主要特色是大而全,集成了不少組件,例如: Models Admin Form 等等, 無論你用獲得用不到,反正它全都有,屬於全能型框架web
2.Tornado 主要特色是原生異步非阻塞,在IO密集型應用和多任務處理上佔據絕對性的優點,屬於專一型框架json
3.Flask 主要特色小而輕,原生組件幾乎爲0, 三方提供的組件請參考Django 很是全面,屬於短小精悍型框架flask
Django 一般用於大型Web應用因爲內置組件足夠強大因此使用Django開發能夠一鼓作氣後端
Tornado 一般用於API後端應用,遊戲服務後臺,其內部實現的異步非阻塞真是穩得一批瀏覽器
Flask 一般應用於小型應用和快速構建應用,其強大的三方庫,足以支撐一個大型的Web應用安全
Django 優勢是大而全,缺點也就暴露出來了,這麼多的資源一次性所有加載,確定會形成一部分的資源浪費服務器
Tornado 優勢是異步,缺點是乾淨,連個Session都不支持websocket
Flask 優勢是精悍簡單,缺點是你不會!哈哈哈哈哈哈!
Flask: 1.輕,短小精悍 2.快,三行代碼開啓服務 缺點: 1.組件大部分來源於三方,flask-admin,flask-session 2.flask大版本更新,組件更新速度慢 Django: 1.大而全,admin,models,Form,中間件,session 2.一個框架解決全部問題 缺點: 1.一旦啓動,全部資源所有加載,用不到的,浪費了 2.太大了,結構複雜 3.全部的組件,所有由Django自身控制 Tornado: 1.原生websocket 2.異步io 3.非阻塞 缺點: 三方及原生組件幾乎爲0
Flask的安裝特別難,可是以一個多年奮鬥在程序界的我,確定會找出一個最簡單的方法教大家,具體操做以下:
pip install Flask
別問我還有沒有複雜的方法,沒有!
Flask安裝完成了,下面使用Flask走一遍儀式:
三行代碼
from flask import Flask app = Flask(__name__) app.run()
默認端口是5000,由於沒有定義路由,因此報404。可是服務是起來了!
六行代碼
from flask import Flask # 導入Flask類 app = Flask(__name__) # 實例化Flask對象app @app.route("/") # app中的route裝飾器 def index(): # 視圖函數 return "HelloWorld!!" # 返回響應體
# 監聽地址爲0.0.0.0,表示服務器的全部網卡 # 5000是監聽端口 # debug=True表示啓動debug模式。當代碼有改動時,Flask會自動加載,無序重啓! app.run() # 啓動Flask服務
注意:默認的debug模式是關閉的。若有有代碼改動,須要重啓flask才行生效!
可是開啓debug模式,代碼一有改動,會馬上加載,無需重啓!
還有一點,app = Flask(__name__)。這裏面的__name__表示 標識模塊的名字的一個系統變量
還能夠是 app= Flask("fdsafejisi"),這樣運行也沒有問題。那麼爲何要用__name__呢?
後面學習到藍圖會用到!
啓動了Flask,獲得了返回值,打印在頁面上
2、Response三劍客
@app.route("/") # app中的route裝飾器
def index(): # 視圖函數
return "HelloWorld!!" # HttpResponse
在Flask 中的HttpResponse 在咱們看來其實就是直接返回字符串
from flask import Flask # 導入Flask類 from flask import redirect # 導入flask中的redirect app = Flask(__name__) # app中的route裝飾器,用來指定視圖函數的URL地址 @app.route("/redi") def redi(): # 視圖函數 return redirect("/") # redirect跳轉至"/" @app.route("/") def index(): # 視圖函數 return "hello" if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
每當訪問"/redi"這個地址的時候,視圖函數redi會觸發redirect("/") 跳轉到url地址: "/" 並會觸發"/"對應的視圖函數index()
from flask import Flask # 導入Flask類 from flask import render_template # 導入flask中的render_template app = Flask(__name__) @app.route("/home") def home(): # 視圖函數 # 渲染html模板,返回html頁面 return render_template("home.html") if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
在當前py文件目錄中建立templates,在此目錄下建立文件home.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>Flask</h1> </body> </html>
目錄結果以下:
./
├── demo.py
└── templates
└── home.html
爲何要必定要建立templates文件夾呢?叫abc,行不行呢?不行!
看這一行代碼
app = Flask(__name__)
使用Ctrl+鼠標左鍵,點擊Falsk,查看源碼
def __init__( self, import_name, static_url_path=None, static_folder='static', static_host=None, host_matching=False, subdomain_matching=False, template_folder='templates', instance_path=None, instance_relative_config=False, root_path=None ):
看到template_folder變量沒有?文件夾必須叫這個名字!
3、Request(全局變量,獨有機制--Flask請求上下文管理)
每一個框架中都有處理請求的機制(request),可是每一個框架的處理方式和機制是不一樣的
爲了瞭解Flask的request中都有什麼東西,首先咱們要寫一個先後端的交互
基於HTML + Flask 寫一段先後端的交互
先寫一段兒HTML form表單中提交方式是post action地址是 /req
在templates目錄建立文件login.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>歡迎登錄</h1> <form action="/req" method="post"> <p> <input type="text" name="user" placeholder="請輸入用戶名"> </p> <p> <input type="password" name="pwd" placeholder="請輸入密碼"> </p> <input type="submit" value="提交"> </form> </body> </html>
寫好一個標準 form 表單,一點提交,搜就向後端提交一個POST請求過去了
後端的接收方式就 666 了
首先要從 flask 包中導入 request 模塊 , 至於爲何要導入 request 呢? 這裏不作解釋,暫時你就知道 request 若是要用,須要導入
from flask import Flask # 導入Flask類
from flask import render_template # 導入flask中的render_template
from flask import request # 導入flask中的request
app = Flask(__name__) @app.route("/login") def login(): return render_template("login.html") @app.route("/req",methods=["POST"]) # 只容許POST
def home(): # 視圖函數
print(request) # request對象
print(request.method) # POST看來可使用這種方式來驗證請求方式
# ImmutableMultiDict([('user', 'xiao'), ('pwd', '123')])
print(request.form) # ImmutableMultiDict 它看起來像是Dict,使用字典方式取值
print(request.form["user"]) # xiao
print(request.form.get("pwd")) # 123
# 字典迭代器對象,keys表示獲取全部值
print(request.form.keys()) # 既然是迭代器,就可使用for循環了
for i in request.form.keys(): print(i) return "ok"
if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
解釋一個 @app.route("/req",methods=["POST"]) :
methods=["POST"] 表明這個url地址只容許 POST 請求,是個列表也就是意味着能夠容許多重請求方式,例如GET之類的
儲存數據:
1.request.args
request.args.get("name") url中取值 print(request.args) # ImmutableMultiDict([('id', '1'), ('age', '20')])
print(request.args["id"]) # 1
print(request.args.get("age")) # 20
print(list(request.args.keys())) # ['id', 'age']
print(list(request.args.values())) # ['1', '20']
req_dict = dict(request.args) # {'id': ['1'], 'age': ['20']}
print(req_dict)
2.request.form
Form表單中傳遞過來的值 使用 request.form 中拿到
print(request.form) # ImmutableMultiDict([('user', 'xiao'), ('pwd', '123')]) # ImmutableMultiDict 它看起來像是的Dict 就用Dict的方法取值試一下吧 print(request.form["user"]) # xiao print(request.form.get("pwd")) # 123 # 看來所有才對了, ImmutableMultiDict 彷佛就是個字典,再來玩一玩它 print(list(request.form.keys())) # ['user', 'pwd'] 看來是又纔對了 #若是以上全部的方法你都以爲用的不爽的話 req_dict = dict(request.form) print(req_dict) # 若是你以爲用字典更爽的話,也能夠轉成字典操做(這裏有坑)
3.request.json
若是在請求中寫入了 "application/json" 使用 request.json 則返回json解析數據, 不然返回 None
4.request.data
若是處理不了的就變成字符串兒存在data裏面
5..request.values(禁用)
只要是個參數我都要
屬性數據:
1.request.method : 驗證請求方式
2.request.url request.path
# 獲取當前的url路徑 print(request.path) # /req # 當前url路徑的上一級路徑 print(request.script_root) # # 當前url的所有路徑 print(request.url) # http://127.0.0.1:5000/req # 當前url的路徑的上一級所有路徑 print(request.url_root) # http://127.0.0.1:5000/
3.request.files : 給我一個文件我幫你保管
若是遇到文件上傳的話,request.files 裏面存的是你上傳的文件,可是 Flask 在這個文件的操做中加了必定的封裝,讓操做變得極爲簡單
print(request.files) # ImmutableMultiDict([('file', <FileStorage: 'DragonFire.txt' ('text/plain')>)])
print(request.files["file"]) # <FileStorage: 'DragonFire.txt' ('text/plain')>
my_file = request.files["file"] my_file.save("OldBoyEDU.txt") # 保存文件,裏面能夠寫完整路徑+文件名
注意:前端頁面必須設置enctype="multipart/form-data",不然提交時,會報錯
<form action="/req" method="post" enctype="multipart/form-data">
4.request.headers : 用來獲取本次請求的請求頭
5.request.cookies : 存在瀏覽器端的字符串兒也會一塊兒帶過來
前提是你要開啓瀏覽器的 cookies
request.cookies 是將cookies中信息讀取出來
*form表單的坑
若是url和form中的Key重名的話,form中的同名的key中value會被url中的value覆蓋
<form action="/req?id=1&user=20" method="post"> <p> <input type="text" name="user" placeholder="請輸入用戶名"> </p> <p> <input type="password" name="pwd" placeholder="請輸入密碼"> </p> <input type="submit" value="提交"> </form>
若是url和form中的Key重名的話,form中的同名的key中value會被url中的value覆
4、模板語言 Jinja2
Flask中默認的模板語言是Jinja2
Jinja2模板語言中的 for
{% for foo in g %} {{ foo }} {% endfor %}
Jinja2模板語言中的 if
{% if g %} {% elif g %} {% else %} {% endif %}
<input type='text' name='user' value='xiao'>
safe 顯示渲染後的效果
後端代碼:
from flask import Flask # 導入Flask類 from flask import render_template # 導入flask中的render_template app = Flask(__name__) @app.route("/") def index(): tag = "<input type='text' name='user' value='xiao'>" return render_template("index.html",tag=tag) if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
前端代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ tag|safe }} </body> </html>
或者
後端代碼:
from flask import Flask # 導入Flask類 from flask import render_template # 導入flask中的render_template from flask import Markup # 導入 flask 中的 Markup 模塊 app = Flask(__name__) @app.route("/") def index(): tag = "<input type='text' name='user' value='xiao'>" # Markup幫助我們在HTML的標籤上作了一層封裝,讓Jinja2模板語言知道這是一個安全的HTML標籤 markup_tag = Markup(tag) # <input type='text' name='user' value='DragonFire'> <class 'markupsafe.Markup'> print(markup_tag,type(markup_tag)) return render_template("index.html", tag=markup_tag) if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
前端代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ tag }} </body> </html>
模板中執行函數,首先在文件中定義一個函數
後端代碼:
from flask import Flask # 導入Flask類 from flask import render_template # 導入flask中的render_template app = Flask(__name__) #定義一個函數,把它傳遞給前端 def a_b_sum(a,b): return a+b @app.route("/") def index(): return render_template("index.html", tag=a_b_sum) if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
前端代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {{ tag }} <br> {#傳入2個參數#} {{ tag(99,1) }} </body> </html>
還能夠定義全局函數,無需後端傳遞給前端,Jinja2直接就能夠執行的函數
後端代碼:
from flask import Flask # 導入Flask類 from flask import render_template # 導入flask中的render_template app = Flask(__name__) @app.template_global() # 定義全局模板函數 def a_b_sum(a, b): return a + b @app.template_filter() # 定義全局模板函數 def a_b_c_sum(a, b, c): return a + b + c @app.route("/") def index(): return render_template("index.html", tag="") if __name__ == '__main__': app.run("0.0.0.0", 5000, debug=True)
前端代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> {#函數#} {{ a_b_sum(99,1) }} <br> {#過濾器#} {{ 1 | a_b_c_sum(197,2) }} </body> </html>
兩個函數的調用方式不太同樣
尤爲是@app.template_filter() 它的調用方式比較特別,這是兩個Flask中的特殊裝飾器