一、初識Flask

Python三大主流Web框架對比

1、三大框架的特點

Django 主要特點是大而全,集成了很多元件,例如: Models Admin Form 等等, 不管你用得到用不到,反正它全都有,屬於全能型框架
Tornado 主要特點是原生非同步非阻塞,在IO密集型應用和多工處理上佔據絕對性的優勢,屬於專注型框架
Flask 主要特點小而輕,原生元件幾乎為0, 三方提供的元件請參考Django 非常全面,屬於短小精悍型框架

2、三大框架的優缺點　

Django 通常用於大型Web應用由於內建元件足夠強大所以使用Django開發可以一氣呵成
Tornado 通常用於API後端應用,遊戲服務後臺,其內部實現的非同步非阻塞真是穩得一批

Flask 通常應用於小型應用和快速構建應用,其強大的三方庫,足以支撐一個大型的Web應用
Django 優點是大而全,缺點也就暴露出來了,這麼多的資源一次性全部載入,肯定會造成一部分的資源浪費
Tornado 優點是非同步,缺點是乾淨,連個Session都不支援
Flask 優點是精悍簡單,缺點是元件大都來自第三方等

關於上面的總結

Django：

　　優點：

　　　　大而全，admin，models，Form，中介軟體，session

　　　　一個框架解決所有問題

　　缺點：

　　　　一旦啟動，所有資源全部載入，用不到的，浪費了

　　　　太大了，結構複雜

　　　　所有的元件，全部由Django自身控制

Flask：

　　優點：

　　　　輕、短小精悍

　　　　快、最短三行程式碼就能開啟服務

　　缺點：

　　　　元件大部分都來自第三方，如flask-admin, flask-session

　　　　flask大版本更新，元件更新速度慢

Tornado：

　　優點：

　　　　原生的websocket

　　　　非同步io

　　　　非阻塞

　　缺點：

　　　　三方和原元件幾乎為零

Flask的準備工作

首先我們要安裝Flask，具體操作如下：

　　pip install Flask

也可以通過pycharm在裡面直接搜尋Flask點選安裝就好。還有其他的一些安裝在這裡就不在說了

三行程式碼啟動Flask

from flask import Flask
app = Flask(__name__)
app.run()

　　執行上面的程式碼我麼在控制檯可以看到一下一行程式碼

* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

從上面可以看出預設訪問的埠是5000，

我們訪問該頁面

上面給我的提示是沒有相應的路由，因為我們根本沒有配置，不過這個時候服務已經起來了

這個就是三行程式碼啟動Flask服務

我們來寫一個真正的第一個flask程式

from flask import Flask  # 匯入Flask類

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


# url與檢視對映
@app.route('/')  # app中的route裝飾器
def hello_world():  # 檢視函式
    return 'Hello World!'  # 返回的響應體


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

啟動上面程式碼並訪問相應的頁面我們在頁面上就會看到'Hello World'的字樣

路由系統

url傳參的方式

普通的傳參

@app.route('/user/<id>/')  # app中的route裝飾器
def hello_world(id):  # 檢視函式
    return '你是第{}個使用者'.format(id)  # 返回的響應體

指定引數型別

有以下幾種引數型別：

string：預設的資料型別
int：接收整型
float：浮點型
path：和string類似，這裡可以接收斜槓
any：可以指定多個路徑
uuid：只接受uuid字串

（1） any

@app.route('/<any(blog,user):url_path>/<id>/')
def detail(url_path,id):
    if url_path == 'blog':
        return '部落格詳情{}'.format(id)
    else:
        return '使用者詳情{}'.format(id)

注意：上面的路由 '/<any(blog,user):url_path>/<id>/'寫的時候一定要加上'/'反斜槓，要不會出錯

（2）path

@app.route('/article/<path:test>/')
def test_article(test):
    return 'test_article:{}'.format(test)

有上面的圖片可以看出來只要是前面匹配成功了，後面所有的包含'/'都會當做path。

endpoint

endpoint:反向生成url

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import url_for

app = Flask(__name__)


# 這裡的endpoint我們可以不寫，不寫就預設為index和函式名一樣
@app.route('/index/', endpoint='first')
def index():
    print(url_for('first'))  # 如果上面沒有穿endpoint得話就寫'index'
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問：http://127.0.0.1:5000/index/

pycharm控制檯得到

/index/

這個不算是完整的url要想得到完整的url我們修改後為

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import url_for

app = Flask(__name__)


# 這裡的endpoint我們可以不寫，不寫就預設為index和函式名一樣
@app.route('/index/', endpoint='first')
def index():
    print(url_for('first',_external=True))  # 如果上面沒有穿endpoint得話就寫'index'
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

pycharm控制檯輸出為：

http://127.0.0.1:5000/index/

這樣還是不夠當我們後面有引數的時候怎麼辦

使用下面的方式：

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import url_for,request

app = Flask(__name__)


# 這裡的endpoint我們可以不寫，不寫就預設為index和函式名一樣
@app.route('/index/', endpoint='first')
def index():
    stu_id = int(request.args['id'])
    print(url_for('first', _external=True, id=stu_id))  # 如果上面沒有穿endpoint得話就寫'index'
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問：http://127.0.0.1:5000/index/?id=1

pycharm控制檯得到的輸出為：

http://127.0.0.1:5000/index/?id=1

defaults

defaults : 檢視函式的引數預設值{"nid":100}

注意：檢視函式必須要設定形參nid，否則報錯！

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import url_for,request

app = Flask(__name__)


# 這裡的endpoint我們可以不寫，不寫就預設為index和函式名一樣
@app.route('/index/', endpoint='first', defaults={'nid':100})
def index(nid):
    stu_id = int(request.args['id'])
    print(url_for('first', _external=True, id=stu_id))  # 如果上面沒有穿endpoint得話就寫'index'
    print(nid)
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問：http://127.0.0.1:5000/index/?id=1

pycharm得到的結果為：

http://127.0.0.1:5000/index/?id=1
100

訪問一個結尾不帶斜線的url會被flask重定向到一個帶斜線的規範url去，所以我們在寫的時候還是要在路由後面加一個斜線

響應

響應體 HttpResponse、Render、Redirect、jsonify

HttpResponse

@app.route("/")  # app中的route裝飾器
def index():  # 檢視函式
    return "Hello World!"  # HttpResponse

在flask中的HttpResponse 其實就是直接返回字串

redirect

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import redirect

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


# url與檢視對映
@app.route('/redi/')
def redi():
    return redirect('/')  # redirect跳轉至"/"


@app.route('/')
def index():
    return 'Hello Word!'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

在上面我們啟動後訪問： http://127.0.0.1:5000/redi/

會看到Hello World

render

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)

@app.route('/index/')
def index():
    return render_template('index.html')


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

在當前的py檔案的同級目錄下建立一個templates目錄然後在該目錄下建立一個index.html檔案

index.html內容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

我們可以重啟後訪問後會出現一下結果

在上面我們寫return render_template('index.html')

會發現index.html這個飄黃我們可以在pycharm的右擊templates -> Mark Directory as-->Template Folder

會跳出來一個選項選擇yes就好，然後出來一個介面在右邊有一個Tempalte language在後面我們選擇Jinja2然後點選確定就好

如果我們使用pycharm建立一個Flask專案就不會出現這個問題，但是現階段建議自己手動操作，有利於更好的熟悉flask

jsonify

後端程式碼為

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import jsonify  # 匯入flask中的jsonify

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/index/')
def index():
    return jsonify({'k1':'v1'})


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問http://127.0.0.1:5000/index/

得到下圖：

定製響應頭。

flask如何給自己定製一個響應頭資訊

後端程式碼為

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import make_response  # make_response專門是用來設定響應頭的

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/index/')
def index():
    obj = make_response('qwer')
    obj.headers['aaaa'] = '123'
    obj.set_cookie('key', 'value')
    return obj


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問：http://127.0.0.1:5000/index/

我們可以看到瀏覽器中資訊

頁面為：

點選右鍵選擇檢查（使用的是Google Chrome）

可以看到我們在上面設定的請求頭在這裡能夠看到

再看看我們的cookie

這個就是我們定製的響應頭

request相關

每個框架中都有處理請求的機制(request),但是每個框架的處理方式和機制是不同的

為了瞭解Flask的request中都有什麼東西,首先我們要寫一個前後端的互動

基於HTML + Flask 寫一段前後端的互動

先寫一段兒HTML form表單中提交方式是post action地址是 /test

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>歡迎登陸</h1>
<form action="/test/" 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>

我們寫的flask的程式碼為

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/login/')
def index():
    return render_template('login.html')


@app.route('/test/')
def home():
    print(request)
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

我們訪問http://127.0.0.1:5000/login/頁面後隨便輸入使用者名稱和密碼或者直接提交就會出現下面的圖示

這個提示是其請求的方式不被允許。

這個請求的方式不被允許是因為預設的路由只允許GET，我們提交的是POST所以這裡不通過

request.methods

修改我們的flask程式碼

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/login/')
def index():
    return render_template('login.html')


@app.route('/test/', methods=['POST'])  # 表示只允許POST請求
def home():
    print(request)  # request物件
    print(request.method)
    print(request.form)
    print(request.form['user'])
    print(request.form.get('pwd'))
    print(request.form.keys())
    for i in request.form.keys():
        print(i)
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

重啟後再次訪問login然後輸入使用者名稱和密碼都是admin，

控制檯的輸出為

<Request 'http://127.0.0.1:5000/test/' [POST]>
POST
ImmutableMultiDict([('user', 'admin'), ('pwd', 'admin')])
admin
admin
<dict_keyiterator object at 0x00000252AD6A0F48>
user
pwd

上面的@app.route('/test/', methods=['POST'])

後面的methods後面是列表，這個表示可以有多個值，所以我們想要允許什麼的請求就在這裡寫上就好。

request.form

上面我們Form表單提交的資料我們可以通過request.form拿到提交的資料。

print(request.form)  # ImmutableMultiDict([('user', 'xiao'), ('pwd', '123')])
# ImmutableMultiDict 它看起來像是的Dict 就用Dict的方法取值試一下吧
print(request.form["user"])  # admin
print(request.form.get("pwd"))  # admin
# 看來全部才對了, ImmutableMultiDict 似乎就是個字典,再來玩一玩它
print(list(request.form.keys()))  # ['user', 'pwd'] 看來是又才對了
#如果以上所有的方法你都覺得用的不爽的話
req_dict = dict(request.form)
print(req_dict)  # 如果你覺得用字典更爽的話,也可以轉成字典操作(這裡有坑)

request.args

request.args中儲存的是url中傳遞的引數

修改後端的GET

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/login/')
def index():
    return render_template('login.html')


@app.route('/test/', methods=['POST', 'GET'])  # 表示只允許POST請求
def home():
    print(request.args)
    print(request.args['id'])
    print(request.args.get('age'))
    print(list(request.args.keys()))
    print(list(request.args.values()))
    req_dic = dict(request.args)
    print(req_dic)
    # print(request)  # request物件
    # print(request.method)
    # print(request.form)
    # print(request.form['user'])
    # print(request.form.get('pwd'))
    # print(request.form.keys())
    # for i in request.form.keys():
    #     print(i)
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

然後在url位址列輸入下面的url

http://127.0.0.1:5000/test/?id=13&age=28

得到如下頁面

控制檯我們得到的輸出是

ImmutableMultiDict([('id', '13'), ('age', '28')])
13
28
['id', 'age']
['13', '28']
{'id': ['13'], 'age': ['28']}

有上面的示列可以看出request.form和request.args的區別

request.form是獲取form表單中的引數

request.args是獲取url中引數的

request.values

前端程式碼改動部位為黃色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>歡迎登陸</h1>
<form action="/test?id=18&age=20" 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>

後端程式碼為

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/login/')
def index():
    return render_template('login.html')


@app.route('/test', methods=['POST', 'GET'])  # 表示只允許POST和GET請求
def home():
    print(request.values)
    print(request.values.get('id'))
    print(request.values['user'])
    print(request.values.to_dict())
    # print(request.args)
    # print(request.args['id'])
    # print(request.args.get('age'))
    # print(list(request.args.keys()))
    # print(list(request.args.values()))
    # req_dic = dict(request.args)
    # print(req_dic)
    # print(request)  # request物件
    # print(request.method)
    # print(request.form)
    # print(request.form['user'])
    # print(request.form.get('pwd'))
    # print(request.form.keys())
    # for i in request.form.keys():
    #     print(i)
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問http://127.0.0.1:5000/login/輸入使用者名稱和密碼分別為admin(這個使用者名稱和密碼隨便輸入)提交後在管理控制檯的輸出為

CombinedMultiDict([ImmutableMultiDict([('id', '18'), ('age', '20')]), ImmutableMultiDict([('user', 'admin'), ('pwd', 'admin')])])
18
admin
{'user': 'admin', 'pwd': 'admin', 'id': '18', 'age': '20'}

上面我們可以看到只要是一個引數我們都可以使用request.values來拿到

form表單的坑

如果我們url和form表單中的key重名的話，form中的同名的key中value會被url中的value覆蓋

我們只要修改前端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>歡迎登陸</h1>
<form action="/test?id=18&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>
</body>
</html>

　　我們還是訪問登入頁面輸入使用者名稱和密碼都是admin看看控制檯的輸出

CombinedMultiDict([ImmutableMultiDict([('id', '18'), ('user', '20')]), ImmutableMultiDict([('user', 'admin'), ('pwd', 'admin')])])
18
20
{'user': '20', 'pwd': 'admin', 'id': '18'}

我們發現user變成了20，在這裡我們輸入的是admin

如果URL和form表單中的key重名的話，form表單的同名的key的value值會被URL中同名的key的value值覆蓋。

request.cookies

request.cookies顧名思義就是讀取cookies中的資訊

注意：這個要想讀取到cookies的資訊就要開始瀏覽器的cookies

我們修改上面的程式碼中的home檢視函式

@app.route('/test', methods=['POST', 'GET']) 
def home():
    print(request.cookies)
    return 'ok'

我們訪問 http://127.0.0.1:5000/login/然後輸入使用者名稱和密碼

在pycharm的控制檯我們可以看到

{'csrftoken': 'b0km4BAdzLjbMtXzfGTjv6z4tyac0DMK6tznTZzBjzkGEWA05tLgNyO9gKE2oQFn', 'sessionid': 'nh9jpx3dtnztxbkykof4f8fltbi8q85n'}

request.headers　

根據表面的意思就是用來獲取本次請求的請求頭

修改程式碼中的home檢視函式

@app.route('/test', methods=['POST', 'GET']) 
def home():
    print(request.headers)
    return 'ok'

我們在訪問前面的http://127.0.0.1:5000/login/然後輸入使用者名稱和密碼

在pycharm控制檯得到的輸出為

Host: 127.0.0.1:5000
Connection: keep-alive
Content-Length: 20
Cache-Control: max-age=0
Origin: http://127.0.0.1:5000
Upgrade-Insecure-Requests: 1
Content-Type: application/x-www-form-urlencoded
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Referer: http://127.0.0.1:5000/login/
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Cookie: csrftoken=b0km4BAdzLjbMtXzfGTjv6z4tyac0DMK6tznTZzBjzkGEWA05tLgNyO9gKE2oQFn; sessionid=nh9jpx3dtnztxbkykof4f8fltbi8q85n

request.data

這個就是處理不了的就變成字串存在request.data裡面

request是基於mimetype進行處理的，這個如果不知道可以去百度一下。

關於mimetype的型別以及字串可以看這個：http://www.w3school.com.cn/media/media_mimeref.asp

如果出現不屬於杉樹型別的描述，request就會將這些無法處理的引數轉換為JSON資料存入data中

修改程式碼中home檢視函式

@app.route('/test', methods=['POST', 'GET'])  
def home():
    print(request.data)
    return 'ok'

再重複上面的操作我們在pycharm的控制檯上可以看到

b''

這裡顯示的是空，由上面的解釋我們可以知道因為我們request能夠處理，所以顯示為空

request.files

如果遇到檔案上傳的話,request.files 裡面存的是你上傳的檔案,但是 Flask 在這個檔案的操作中加了一定的封裝,讓操作變得極為簡單

前端的html程式碼為：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h4>歡迎登陸</h4>
<form action="/test" method="post" enctype="multipart/form-data">
    <p>
        <input type="file" name="file">
    </p>
    <input type="submit" value="提交">
</form>
</body>
</html>

後端完整的程式碼為

#!/usr/bin/env python
# -*-coding:utf-8-*-
from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request

# 例項化一個Flask物件，傳遞__name__引數進去
app = Flask(__name__)


@app.route('/login/')
def login():
    return render_template('login.html')


@app.route('/test/', methods=['POST', 'GET'])  # 表示只允許POST和GET請求
def test():
    print(request.files)  # ImmutableMultiDict([('file', <FileStorage: 'test.txt' ('text/plain')>)])
    print(request.files["file"])  # <FileStorage: 'test.txt' ('text/plain')>
    my_file = request.files["file"]
    my_file.save("test3.txt")  # 儲存檔案,裡面可以寫完整路徑+檔名
    return 'ok'


if __name__ == '__main__':
    # 這裡面的埠我們是可以自己設定的，我這裡就沒有設定了還是預設的5000
    # debug=True表示啟動debug模式。當代碼有改動時,Flask會自動載入,無序重啟！預設是關閉的
    app.run(debug=True)  # 啟動Flask服務

訪問http://127.0.0.1:5000/login/

選擇一個檔案上傳

點選提交後

再看看我們pycharm的控制檯的輸出

ImmutableMultiDict([('file', <FileStorage: 'test.txt' ('text/plain')>)])
<FileStorage: 'test.txt' ('text/plain')>

request.獲取各種路徑

關於下面的這些路徑我們知道有這個就好

# 獲取當前的url路徑
print(request.path)  
# 當前url路徑的上一級路徑
print(request.script_root)  
# 當前url的全部路徑
print(request.url)  
# 當前url的路徑的上一級全部路徑
print(request.url_root)

request.json

如果在請求中我們寫入"application/json" ，在使用request.json則返回json解析資料，否則返回None

模板語言Jinja2

Jinja2

Flask中預設的模板語言就是Jinja2

我們在後端定義幾個資料，用於傳遞到前端使用。

STUDENT = {'name': '溫碧霞', 'age': 18, 'gender': '女'}

STUDENT_LIST = [
    {'name': '溫碧霞', 'age': 18, 'gender': '女'},
    {'name': '胡歌', 'age': 22, 'gender': '男'},
    {'name': '楊冪', 'age': 26, 'gender': '女'}
]

STUDENT_DICT = {
    1: {'name': '溫碧霞', 'age': 18, 'gender': '女'},
    2: {'name': '胡歌', 'age': 22, 'gender': '男'},
    3: {'name': '楊冪', 'age': 26, 'gender': '女'},
}

下面來學習一下關於Jinja2模板中的一些流程控制：

for

{% for foo in val %}
{{ foo }}
{% endfor %}

if

{% if val0 %}

{% elif val %}
    
{% else %}
    
{% endif %}

下面我們對上面的幾種資料分別進行傳遞，並在前端顯示成表格。

字典

1、使用STUDENT字典傳遞至前端

目錄結構：

後端程式碼

from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request  # 匯入flask中的request

app = Flask(__name__)

STUDENT = {'name': '溫碧霞', 'age': 18, 'gender': '女'}

STUDENT_LIST = [
    {'name': '溫碧霞', 'age': 18, 'gender': '女'},
    {'name': '胡歌', 'age': 22, 'gender': '男'},
    {'name': '楊冪', 'age': 26, 'gender': '女'}
]

STUDENT_DICT = {
    1: {'name': '溫碧霞', 'age': 18, 'gender': '女'},
    2: {'name': '胡歌', 'age': 22, 'gender': '男'},
    3: {'name': '楊冪', 'age': 26, 'gender': '女'},
}


@app.route("/student")
def student():
    return render_template("student.html", student=STUDENT)


if __name__ == '__main__':
    app.run(debug=True)

前端student.html程式碼（這個tudent.html在後端程式碼統計目錄下的templates下）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>學生列表</h3>
<div>{{ student }}</div>
<table border="1px">
    <tr>
        <td>{{ student.name }}</td>
        <td>{{ student["age"] }}</td>
        <td>{{ student.get("gender") }}</td>
    </tr>
</table>
</body>
</html>

訪問http://127.0.0.1:5000/student可以得到

從這個例子中,可以看出來,字典傳入前端Jinja2 模板語言中的取值操作, 與Python中的Dict操作極為相似,並且多了一個student.name的物件操作

列表

目錄結構：

2. STUDENT_LIST 列表傳入前端Jinja2 模板的操作:

後端：

from flask import Flask  # 匯入Flask類
from flask import render_template  # 匯入flask中的render_template
from flask import request  # 匯入flask中的request

app = Flask(__name__)

STUDENT = {'name': '溫碧霞', 'age': 18, 'gender': '女'}

STUDENT_LIST = [
    {'name': '溫碧霞', 'age': 18, 'gender': '女'},
    {'name': '胡歌', 'age': 22, 'gender': '男'},
    {'name': '楊冪', 'age': 26, 'gender': '女'}
]

STUDENT_DICT = {
    1: {'name': '溫碧霞', 'age': 18, 'gender': '女'},
    2: {'name': '胡歌', 'age': 22, 'gender': '男'},
    3: {'name': '楊冪', 'age': 26, 'gender': '女'},
}


@app.route("/student_list")
def student_list():
    return render_template("student.html", student=STUDENT_LIST)


if __name__ == '__main__':
    app.run(debug=True)

後端:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>學生列表</h3>
<div>{{ student }}</div>
<table border="1px">
    {% for foo in student %}
    <tr>
        <td>{{ foo }}</td>
        <td>{{ foo.name }}</td>
        <td>{{ foo.get('age') }}</td>
        <td>{{ foo['gender'] }}</td>
    </tr>
    {% endfor %}
</table>
</body>
</html>

訪問　　http://127.0.0.1:5000/student_list

從上面我們可以看出，如果需要迴圈遍歷的話Jinja2給出的方案是

{% for foo in student %}
    <tr>
        <td>{{ foo }}</td>
    </tr>
{% endfor %}

前端修改後：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>學生列表</h3>
<div>{{ student }}</div>
<table border="1px">
    {% for foo in student %}
        <tr>
            <td>{{ foo }}</td>
        </tr>
    {% endfor %}
</table>
</body>
</html>

還是訪問剛剛那個網址：http://127.0.0.1:5000/student_list

大字典

目錄結構和上面的一樣

後端：

from flask import Flask  # 匯入Flask類
from 
 
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    python之初識Flask
      一、初識Flask 
Python三大主流Web框架對比 
1、三大框架的特點 
 
 Django 主要特點是大而全,集成了很多元件,例如: Models Admin Form 等等, 不管你用得到用不到,反正它全都有,屬於全能型框架 
 Tornado 主要特點是原生非同步非阻塞,在IO密集型應用和多工處 

  
 

    

    
    Python之初識函數
      end   傳遞參數   req   信息   pos   過程   int   接收   pycharm   閱讀目錄
一、為什麽要使用函數
二、函數的定義與調用
三、函數返回值
四、函數的參數
五、本章小結
 
一、函數流程圖：
　　
 
　　函數名的命名規則：
　　1、函數名必須由字母下劃線數字組成，不 

  
 

    

    
    python 之 初識模塊
      order   clas   模塊導入   url   平臺   同名   簡單的   sys.path   相同   什麽是模塊什麽是模塊一個.py文件 就是一個模塊我們使用import加載的模塊分為4個通用類別1、py文件2、包好一組模塊的包（帶__init__.py文件的文件夾）3、內置模塊4、已被編譯 

  
 

    

    
    Python之初識遞迴
      什麼是遞迴 
　　在函式中呼叫函式本身，就是遞迴，當然不能無限制呼叫，呼叫深度為997，想要修改遞迴深度，用sys模組 
 
 import sys
sys.setrecursionlimit(100000)  # 修改深度為100000,具體到多少得看及計算機效能 
 
斐波那契數列 
 
 # 函式形式的 

  
 

    

    
    python之初識面向物件
      面向過程，函式式，面向物件三者之間的區別：

面向過程：根據業務邏輯從上到下寫壘程式碼
函式式：將某功能程式碼封裝到函式中，日後便無需重複編寫，僅呼叫函式即可
面向物件：對函式進行分類和封裝，讓開發“更快更好更強...

1.類的基本結構class A:    name = 'alex' #  靜態屬性，靜態 

  
 

    

    
    零基礎學習 Python 之初識生成器
       
 
  
  
 寫在之前 
 昨天的文章中（Python 拓展之迭代器）我們學了「迭代器」，今天我們就來學學另一個 – 「生成器」。如果不出意外的話，「生成器」這個部分是我們在“類”裡面的最後一個知識點，堅持就是勝利。 
 生成器 
 不知道你還記得麼，在昨天出現了一個單詞我們還沒說： 
 >&g 

  
 

    

    
    Python之路—初識Python
      containe   out   width   pri   lin   創建   大數據   集成   最新   



Python簡介 




Python前世今生
python的創始人為吉多·範羅蘇姆（Guido van Rossum）。1989年的聖誕節期間，吉多·範羅蘇姆為了在阿姆斯特丹打發時間 

  
 

    

    
    《Python基礎篇》之初識Python一
      file   dff   lam   lag   port   nag   elong   dir   car   %E4%BD%BF%E7%94%A8CHttpFile%E4%BB%8E%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%AD%A3%E7%A1%AE%E7%9A% 

  
 

    

    
    Python學習第一章：第一次的親密接觸之初識程序（二）
      inpu   alt   blog   put   分享   裏的   hello   格式   img   上次我們講到print（Hello Word）及變量的使用，下面我們繼續：
比如我們想在程序中實現格式化輸出如：

那麽我們我們就要進行簡單的格式化定義，一個很簡單的input語法實現，案例如下：

 

  
 

    

    
    Python之路 - 面向對象初識
      wid   編程語言   構造函數   問題   tac   兩種   idt   效率   self.   本章內容

編程範式介紹
類與實例
屬性與方法
構造函數
命名空間
屬性(靜態和動態) 與類的關系
對象交互與類的組合

一、編程範式
編程是程序員用 特定的語法 + 數據結構  

  
 

    

    
    python之模塊初識
      sys os前面講過輸入密碼隱藏時的調用的模塊getpass.模塊的調用方法就是import [MOD_NAME]
WINDOWS下我們系統所帶的模塊在其安裝目錄lib目錄裏。我們自己寫的模塊一般放於lib/site-packages目錄下，就可以調用了，否則的話會報錯
簡單認識兩個模塊sys、os
impo 

  
 

    

    
    05-python之函數初識
      成了   ans   lse   close   簡單   分享圖片   字典   調用函數   研究    









一，什麽是函數？
現在有這麽個情況：python中的len方法不讓用了，你怎麽辦？
來測試一下‘hello word’ 的長度：
 

  
 

    

    
    python之celery在flask中使用
      .org   python3   單獨   per   ext   由於   不支持   需要   dev   現在繼續學習在集成的框架中如何使用celery.
在Flask中使用celery
在Flask中集成celery需要做到兩點：

創建celery的實例對象的名字必須是flask應用程序app的名字 

  
 

    

    
    python之路——初識函數
      擴展性   分別是   起名字   width   規則   www   兩種   字典   clas   為什麽要用函數
現在python屆發生了一個大事件，len方法突然不能直接用了。。。
讓你計算‘hello world‘的長度，你怎麽計算？
這個需求對於現在的你其實不難，我們一起來寫一下。


s1  

  
 

    

    
    三十、python之Flask框架(二)檢視：返回狀態碼、重定向、狀態保持、請求鉤子
       
 
  
  
 一、返回狀態碼和abort函式 
 1.return直接返回狀態碼: 
 return可以返回自定義的不符合http協議的狀態碼。 作用：實現前後端的資料互動。 程式碼： 
 from flask import Flask
app = Flask(__name__)


@app.rou 

  
 

    

    
    python之路-day15-初識面向物件
      初識面向物件一、面向物件和麵向過程(重點理解)1、面向過程： 一切以事物的流程為核心。核心是"過程"二字，過程是指解決問題的步驟。即，先幹什麼，後幹什麼。基於該思想編寫程式就好比在編寫一套流水線。是一種機械式的程式設計思維。 優點：負責問題流程化，編寫相對簡單 缺點：可擴充套件性差2、面向物件：一切以物件為中 

  
 

    

    
    Python之路由與網路--flask
       
  
  
 flask的基本安裝 1.全域性安裝 命令：sudo pip install flask 2.虛擬環境安裝（Anaconda） 進入虛擬環境：source activate xxxx 安裝命令：pip install flask 1.預備知識緒論 1.匯入Flask 2.例項化一個Flask 

  
 

    

    
    Python之路（一）：初識
      .cn   出現   gif   文件中   分享   讀取文件   file   數據   無需   Python基礎介紹
 


Python開發
　　開發語言
　　　　高級語言：Python，Java，PHP，C#，go.....  ==》字符碼
　　　　低級語言：C，匯編　　　　　　　　　　　　　== 

  
 

    

    
    Python學習從0到1 ① 之 初識
       
 
 
 Python學習之路①
 初識Python
 
 瞭解基本的概念之後，書寫第一個Hello World程式，採用檔案執行py程式方式，得到如下結果
 
 
  驗證Python3支援中文示例
 
 
 
 
  在此基礎上實現使用者互動功能示例
 
 ##注意：input接受的所有資料都是字串， 

  
 

    

    
    Flask之初識
      Flask初識 
　　1.和幾種框架的對比　 
　　Django ： 　　　　優點：大 元件全 session models  　　　　缺點：所有資源全部載入，造成資源上一定的浪費  　　Flask ： 　　　　優點：小 短小精悍 session 三方元件多太多了 　　　　缺點：穩定性相對而言較差  　　To