1. 程式人生 > >Flask中的藍圖

Flask中的藍圖

lose borde 查看 update register lap __name__ foo doctype

一.前言

藍圖,聽起來高大上的一匹,在Flask中的藍圖 blueprint 也是一個非常高大上的東西,它的作用就是將功能與主服務分開

比如說,你有一個客戶管理系統,最開始的時候,只有一個查看客戶列表的功能,後來你又加入了一個添加客戶的功能(add_user)模塊, 然後又加入了一個刪除客戶的功能(del_user)模塊,然後又加入了一個修改客戶的功能(up_user)模塊,在這個系統中,就可以將:查看客戶,修改客戶,添加客戶,刪除客戶的四個功能做成藍圖加入到客戶管理系統中,本篇最後會做一個這樣的例子,但是首先我們要搞清楚什麽是藍圖 blueprint

二.初識Flask中的藍圖(blueprint)

1.創建一個項目,然後將目錄結構做成:

技術分享圖片

2.s_view.py文件中的內容

from flask import Flask, Blueprint  # 導入Flask中的藍圖Blueprint模塊

sbp = Blueprint("sbp", __name__)    # 實例化一個藍圖(Blueprint)對象

@sbp.route("/sbplist")  # 這裏添加路由和視圖函數的時候與在Flask對象中添加是一樣的
def view_list():
    return "sbp_view_list"

3.manager.py文件中的內容

from
flask import Flask # 導入此前寫好的藍圖模塊 from student import s_view app = Flask(__name__) # type:Flask # 在Flask對象中註冊藍圖模塊中的藍圖對象s_view中的sbp app.register_blueprint(s_view.sbp) app.run("0.0.0.0", 5000, debug=True)

開啟服務,然後訪問: http://127.0.0.1:5000/sbplist

技術分享圖片

很明顯,我們沒有在Flask對象中添加路由,但是我們註冊了有路由和視圖函數的sbp藍圖對象

4.如何理解藍圖:

其實我們可以理解成一個沒有run方法的Flask對象,這個理論雖然有很多的漏洞,但是對於剛接觸藍圖的你來說,就這麽樣理解,沒有錯

下面來看一下,在實例化藍圖的時候可以傳遞的參數都有什麽,你就能完全理解了

技術分享圖片

(1).s_view.py文件中的內容:

from flask import Blueprint, render_template  # 導入Flask中的藍圖Blueprint模塊

# template_folder:每個藍圖都可以為自己獨立出一套template模板文件夾,如果不寫則共享項目目錄中的templates
# static_folder:靜態文件目錄也是可以獨立出來的

sbp = Blueprint("sbp", __name__,
                template_folder="sbp_template",
                static_folder="sbp_static",
                )   # 實例化一個藍圖Blueprint對象

@sbp.route("/sbplist")
def view_list():
    return render_template("sbplist.html")

(2).sbplist.html文件中的內容:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>小老弟們,追海賊的舉個手</h1>
<img src="../sbp_static/timg.jpg" alt="">
</body>
</html>

技術分享圖片

總結: Blueprint 其實可以理解為一個了沒有run方法的 Flask 對象,只要Blueprint被 Flask 註冊了,就一定會生效

坑: 藍圖內部的視圖函數及route不要出現重復,否則~你們自己試試吧

三.使用藍圖,做一個增刪改查用戶

1.先來個文件存放我們的原始數據:student_data.py

student_data.py 文件中的內容:

STUDENT = [
    {id: 1, name: ‘huangjin, age: 18, gender: },
    {id: 2, name: ‘baiyin, age: 50, gender: },
    {id: 3, name: qingtong, age: 30, gender: }
]

然後我們根據以上內容進行增刪改查

2.使用藍圖進行web應用搭建

技術分享圖片

(1).__init__.py文件中的內容為:

from flask import Flask

def create_app():
    app = Flask(__name__)
    
    return app

這個文件我們會修改函數create_app中的代碼

(2).manager.py文件中的內容

from student import create_app

flask_app = create_app()

flask_app.run("0.0.0.0", 5000, debug=True)

通過這種方式啟動 Flask 程序

3.使用Flask藍圖,查看學生信息

技術分享圖片

(1).s_list.html文件中的內容

技術分享圖片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<table border="3px">
    <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>
View Code

(2).stu_select.py文件中的內容

from flask import Blueprint, render_template
from student_data import STUDENT

stu_blu = Blueprint("stu_blu", __name__, template_folder="stu_html")

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

(3).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.stu_blu)

    return app

技術分享圖片

4.使用FLask藍圖,添加一個學生

技術分享圖片

(1).s_add.html文件中的內容

技術分享圖片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="" method="post">
    ID: <input type="text" name="id">
    姓名: <input type="text" name="name">
    年齡: <input type="text" name="age">
    性別: <input type="text" name="gender">
    <input type="submit" value="添加學生">
</form>

</body>
</html>
View Code

(2).stu_add.py文件中的內容

技術分享圖片
from flask import Blueprint, request, redirect, render_template
from student_data import STUDENT

stu_add = Blueprint("stu_add", __name__, template_folder="add_html")    # type:Blueprint

@stu_add.route("/s_add", methods=["GET", "POST"])
def s_add_view():
    if request.method == "POST":
        stu_dict = {
            "id": request.form["id"],
            "name": request.form["name"],
            "age": request.form["age"],
            "gender": request.form["gender"],
        }

        STUDENT.append(stu_dict)

        return redirect("/s_list")
    return render_template("s_add.html")
View Code

(3).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.stu_blu)
    app.register_blueprint(stu_add.stu_add)

    return app

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

技術分享圖片

5.使用Flask藍圖,修改學生信息

技術分享圖片

(1).s_upd.html文件中的內容

技術分享圖片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="" 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>
View Code

(2).stu_upd.py文件中的內容

技術分享圖片
from flask import Blueprint, render_template, redirect, request
from student_data import STUDENT

stu_upd = Blueprint("stu_upd", __name__, template_folder="upd_html")

@stu_upd.route("/s_update/<int:nid>", methods=["GET", "POST"])
def s_upd_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_upd.html", student=stu)

    return render_template("s_upd.html", student="")
View Code

(3).student/__init__.py文件中的內容

from flask import Flask
from student_select import stu_select
from student_add import stu_add
from student_update import stu_upd

def create_app():
    app = Flask(__name__)   # type:Flask
    app.register_blueprint(stu_select.stu_blu)
    app.register_blueprint(stu_add.stu_add)
    app.register_blueprint(stu_upd.stu_upd)

    return app

技術分享圖片

5.使用Flask藍圖,刪除學生信息

技術分享圖片

(1).刪除不需要html

(2).stu_del.py文件中的內容:

from flask import Blueprint, render_template, redirect, request
from student_data import STUDENT

stu_del = Blueprint("stu_del", __name__, )

@stu_del.route("/s_del/<int:nid>", methods=["GET", "POST"])
def s_del_view(nid):
    stu_s = []
    if request.method == "GET":
        for stu in STUDENT:
            if stu.get("id") == nid:
                stu.clear()
                # continue
                # pass
            else:
                stu_s.append(stu)
        print(STUDENT)
        # return redirect("/s_list")
        return render_template("s_list.html", student=stu_s)

不怎麽完美,自己再試試吧

Flask中的藍圖