Flask基礎

一,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 的安裝與HelloWorld

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三劍客

HTTPResponse

@app.route("/")  # app中的route裝飾器
def index():  # 視圖函數
    return "HelloWorld!!"  # HttpResponse

在Flask 中的HttpResponse 在咱們看來其實就是直接返回字符串

Redirect

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)
View Code

每當訪問"/redi"這個地址的時候,視圖函數redi會觸發redirect("/") 跳轉到url地址:  "/" 並會觸發"/"對應的視圖函數index()

render (render_template)

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 %}

Jinja2 的高階用法

<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>

執行Python函數

模板中執行函數,首先在文件中定義一個函數

後端代碼:

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中的特殊裝飾器

相關文章
相關標籤/搜索