第九篇 Flask 中的藍圖(BluePrint)


藍圖,聽起來就是一個很宏偉的東西

在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>
s_list.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
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
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>
s_add.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")
stu_add.py

這里面我們讓他添加完一個學生,就返回到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
student/__init__.py

如果你要是重新啟動服務了,那么你剛剛添加的學生信息就沒有了

添加完成之后

添加學生的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>
s_update.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="")
stu_update.py

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
student/__init__.py

試一下結果:

 修改的功能也已經做完了,同學們自己嘗試做一下刪除吧

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
app/__init__.py

由此見得__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"
views/auto.py
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"
views/motor.py

這樣目錄結構就完成了,接下來就是關鍵性的一個文件manager.py項目的啟動文件

1 from app import create_app
2 my_app = create_app()
3 
4 if __name__ == '__main__':
5     my_app.run()
manager.py

以上就是我們Flask小型應用的項目結構目錄了,要牢記哦

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM