藍圖,聽起來就是一個很宏偉的東西
在Flask中的藍圖 blueprint 也是非常宏偉的
它的作用就是將 功能 與 主服務 分開怎么理解呢?
比如說,你有一個客戶管理系統,最開始的時候,只有一個查看客戶列表的功能,后來你又加入了一個添加客戶的功能(add_user)模塊, 然后又加入了一個刪除客戶的功能(del_user)模塊,然后又加入了一個修改客戶的功能(up_user)模塊,在這個系統中,就可以將
查看客戶,修改客戶,添加客戶,刪除客戶的四個功能做成藍圖加入到客戶管理系統中,本篇最后會做一個這樣的例子,但是首先我們要搞清楚什么是藍圖 blueprint
1.初識Flask藍圖(blueprint)
創建一個項目然后將目錄結構做成:
s_view.py 文件中的內容
from flask import Blueprint # 導入 Flask 中的藍圖 Blueprint 模塊 sv = Blueprint("sv", __name__) # 實例化一個藍圖(Blueprint)對象 @sv.route("/svlist") # 這里添加路由和視圖函數的時候與在Flask對象中添加是一樣的 def view_list(): return "svlist_view_list"
manager.py 文件中的內容
from flask import Flask # 導入此前寫好的藍圖模塊 from student_view import s_view app = Flask(__name__) # type:Flask # 在Flask對象中注冊藍圖模塊中的藍圖對象 s_view 中的 sv app.register_blueprint(s_view.sv) app.run("0.0.0.0",5000) # 現在Flask對象中並沒有寫任何的路由和視圖函數
開啟服務,然后訪問 http://127.0.0.1:5000/svlist 查看結果
很明顯,我們沒有在Flask對象中添加路由,但是我們注冊了有路由和視圖函數的sv藍圖對象
2.如何理解藍圖呢?
其實我們可以理解成一個沒有run方法的Flask對象,這個理論雖然有很多的漏洞,但是對於剛接觸藍圖的你來說,就這么樣理解,沒有錯
下面來看一下,在實例化藍圖的時候可以傳遞的參數都有什么,你就能完全理解了
這是目錄結構
s_view.py 文件中的內容 :
from flask import Blueprint # 導入 Flask 中的藍圖 Blueprint 模塊 from flask import render_template sv = Blueprint("sv", __name__, template_folder="sv_template", # 每個藍圖都可以為自己獨立出一套template模板文件夾,如果不寫則共享項目目錄中的templates static_folder="sv_static" # 靜態文件目錄也是可以獨立出來的 ) # 實例化一個藍圖(Blueprint)對象 @sv.route("/svlist") def view_list(): return render_template("svlist.html")
svlist.html 文件中的內容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> Hello ! I am sv_template <img src="/sv_static/DragonFire.png"> </body> </html>
打開頁面看結果
從這個例子中我們總結出:
Blueprint 其實可以理解為一個了沒有run方法的 Flask 對象
只要Blueprint被 Flask 注冊了,就一定會生效
坑來了!坑來了!
藍圖內部的視圖函數及route不要出現重復,否則~你們自己試試吧
3.使用藍圖,做一個增刪改查用戶
要有一個文件存放我們的原始數據
student_data.py 文件中的內容:
STUDENT = [ {'id': 1, 'name': 'Old', 'age': 38, 'gender': '中'}, {'id': 2, 'name': 'Boy', 'age': 73, 'gender': '男'}, {'id': 3, 'name': 'EDU', 'age': 84, 'gender': '女'} ]
然后我們根據以上內容進行增刪改查
3.1 使用藍圖進行web應用搭建:
__init__.py 文件中的內容:
from flask import Flask def create_app(): app = Flask(__name__) return app
這個文件我們會修改函數 create_app中的代碼
manager.py 文件中的內容
from student import create_app flask_app = create_app() flask_app.run("0.0.0.0",5000)
通過這種方式啟動 Flask 程序
3.2 使用Flask藍圖,查看學生信息
s_list.html 文件中的內容:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>學生列表</title> </head> <body> <table border="3xp"> <thead> <tr> <td>ID</td> <td>name</td> <td>age</td> <td>gender</td> <td>options</td> </tr> </thead> <tbody> {% for foo in student %} <tr> <td>{{ foo.id }}</td> <td>{{ foo["name"] }}</td> <td>{{ foo.get("age") }}</td> <td>{{ foo.gender }}</td> <td> <a href="/s_update/{{ foo.id }}">修改</a> | <a href="/s_del?id={{ foo.id }}">刪除</a> </td> </tr> {% endfor %} </tbody> </table> <a href="/s_add"> 添加學生 </a> </body> </html>
stu_select.py 文件中的內容:

from flask import Blueprint from flask import render_template from student_data import STUDENT ss_blueprint = Blueprint("ss_b", __name__, template_folder="html", static_folder="static") @ss_blueprint.route("/s_list") def s_list(): return render_template("s_list.html", student=STUDENT) stu_select.py
student/__init__.py 文件中的內容:

from flask import Flask from student_select import stu_select def create_app(): app = Flask(__name__) # type:Flask app.register_blueprint(stu_select.ss_blueprint) return app student/__init__.py
趕緊運行一下manager.py 來訪問一下,我們的成果
什么鏈接都不要點,因為點啥都不好使,之后咱們一個一個的做
3.3. 使用Flask藍圖,添加一個學生
s_add.html 文件中的內容

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>學生列表</title> </head> <body> <form method="post"> ID:<input type="text" name="id"> <br> 姓名:<input type="text" name="name"><br> 年齡:<input type="text" name="age"><br> 性別:<input type="text" name="gender"><br> <input type="submit" value="添加學生"> </form> </body> </html>
stu_add.py 文件中的內容

from flask import Blueprint from flask import redirect from flask import request from flask import render_template from student_data import STUDENT s_add = Blueprint("s_add", __name__, template_folder="html", static_folder="static") # type:Blueprint @s_add.route("/s_add",methods=["GET","POST"]) def s_add_view(): if request.method == "POST": stu_dic = { "id": request.form["id"], "name": request.form["name"], "age": request.form["age"], "gender": request.form["gender"] } STUDENT.append(stu_dic) return redirect("/s_list") return render_template("s_add.html")
這里面我們讓他添加完一個學生,就返回到s_list查看學生列表
student/__init__.py 文件中的內容

from flask import Flask from student_select import stu_select from student_add import stu_add def create_app(): app = Flask(__name__) # type:Flask app.register_blueprint(stu_select.ss_blueprint) app.register_blueprint(stu_add.s_add) return app
如果你要是重新啟動服務了,那么你剛剛添加的學生信息就沒有了
添加完成之后
添加學生的Blueprint已經做完了
3.4. 使用Flask藍圖,修改學生信息
s_update.html 文件中的內容:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>學生列表</title> </head> <body> <form method="post"> <input type="text" name="id" hidden value="{{ student.id }}"><br> 姓名:<input type="text" name="name" value="{{ student.name }}"><br> 年齡:<input type="text" name="age" value="{{ student.age }}"><br> 性別:<input type="text" name="gender" value="{{ student.gender }}"><br> <input type="submit" value="修改信息"> </form> </body> </html>
stu_update.py 文件中的內容:

from flask import Blueprint from flask import render_template from flask import redirect from flask import request from student_data import STUDENT s_update = Blueprint("s_update", __name__, template_folder="html", static_folder="static") @s_update.route("/s_update/<int:nid>",methods=["GET","POST"]) def s_update_view(nid): if request.method == "POST": stu_id = int(request.form["id"]) stu_dic = { "id": stu_id, "name": request.form["name"], "age": request.form["age"], "gender": request.form["gender"] } for index,stu in enumerate(STUDENT): if stu["id"] == stu_id: STUDENT[index] = stu_dic return redirect("/s_list") for stu in STUDENT: if stu["id"] == nid : return render_template("s_update.html", student=stu) return render_template("s_update.html", student="")
student/__init__.py 文件中的內容:

from flask import Flask from student_select import stu_select from student_add import stu_add from student_update import stu_update def create_app(): app = Flask(__name__) # type:Flask app.register_blueprint(stu_select.ss_blueprint) app.register_blueprint(stu_add.s_add) app.register_blueprint(stu_update.s_update) return app
試一下結果:
修改的功能也已經做完了,同學們自己嘗試做一下刪除吧
4.藍圖目錄:
其實學會了藍圖,我們的Flask項目目錄結構也就隨之出來了,那么Flask的藍圖目錄結構應該是什么樣子的呢?
如圖,這就是我們建立好的一個目錄結構,一層一層的看一下,首先是app目錄,它就是我們的主應用程序目錄了在這里面有一個__init__.py這個文件里面的內容如下

1 from flask import Flask 2 from .views.auto import auto_bp 3 from .views.motor import motor_bp 4 5 6 def create_app(): 7 my_app = Flask(__name__) # type:Flask 8 9 my_app.register_blueprint(auto_bp) 10 my_app.register_blueprint(motor_bp) 11 12 return my_app
由此見得__init__.py就是構建app的一個函數,並且將views中的似乎是藍圖的東西注冊進去了
接下來看static目錄,這個目錄從字面意思就可以理解了,就是我們的static靜態文件存放目錄了
然后就是templates目錄,模板存放目錄
views目錄,主角終於登場了,這里存放的就是視圖函數文件,也就是我們Blueprint,每一個文件就是一個Blueprint

1 from flask import Blueprint 2 3 auto_bp = Blueprint("auto",__name__) 4 5 @auto_bp.route("/auto") 6 def auto_func(): 7 return "my_app.auto"

1 from flask import Blueprint 2 3 motor_bp = Blueprint("motor",__name__) 4 5 @motor_bp.route("/motor") 6 def motor_func(): 7 return "my_app.motor"
這樣目錄結構就完成了,接下來就是關鍵性的一個文件manager.py項目的啟動文件

1 from app import create_app 2 my_app = create_app() 3 4 if __name__ == '__main__': 5 my_app.run()
以上就是我們Flask小型應用的項目結構目錄了,要牢記哦