蓝图,听起来就是一个很宏伟的东西

在Flask中的蓝图 blueprint 也是非常宏伟的

它的作用就是将 功能 与 主服务 分开怎么理解呢?

比如说,你有一个客户管理系统,最开始的时候,只有一个查看客户列表的功能,后来你又加入了一个添加客户的功能(add_user)模块, 然后又加入了一个删除客户的功能(del_user)模块,然后又加入了一个修改客户的功能(up_user)模块,在这个系统中,就可以将

查看客户,修改客户,添加客户,删除客户的四个功能做成蓝图加入到客户管理系统中,本篇最后会做一个这样的例子,但是首先我们要搞清楚什么是蓝图 blueprint

1.初识Flask蓝图(blueprint)

创建一个项目然后将目录结构做成:

s_view.py 文件中的内容

  1. from flask import Blueprint # 导入 Flask 中的蓝图 Blueprint 模块
  2.  
  3. sv = Blueprint("sv", __name__) # 实例化一个蓝图(Blueprint)对象
  4.  
  5. @sv.route("/svlist") # 这里添加路由和视图函数的时候与在Flask对象中添加是一样的
  6. def view_list():
  7. return "svlist_view_list"

manager.py 文件中的内容

  1. from flask import Flask
  2.  
  3. # 导入此前写好的蓝图模块
  4. from student_view import s_view
  5.  
  6. app = Flask(__name__) # type:Flask
  7.  
  8. # 在Flask对象中注册蓝图模块中的蓝图对象 s_view 中的 sv
  9. app.register_blueprint(s_view.sv)
  10.  
  11. app.run("0.0.0.0",5000)
  12. # 现在Flask对象中并没有写任何的路由和视图函数

开启服务,然后访问 http://127.0.0.1:5000/svlist 查看结果

很明显,我们没有在Flask对象中添加路由,但是我们注册了有路由和视图函数的sv蓝图对象

2.如何理解蓝图呢?

其实我们可以理解成一个没有run方法的Flask对象,这个理论虽然有很多的漏洞,但是对于刚接触蓝图的你来说,就这么样理解,没有错

下面来看一下,在实例化蓝图的时候可以传递的参数都有什么,你就能完全理解了

这是目录结构

s_view.py 文件中的内容 :

  1. from flask import Blueprint # 导入 Flask 中的蓝图 Blueprint 模块
  2. from flask import render_template
  3.  
  4. sv = Blueprint("sv",
  5. __name__,
  6. template_folder="sv_template", # 每个蓝图都可以为自己独立出一套template模板文件夹,如果不写则共享项目目录中的templates
  7. static_folder="sv_static" # 静态文件目录也是可以独立出来的
  8. ) # 实例化一个蓝图(Blueprint)对象
  9.  
  10. @sv.route("/svlist")
  11. def view_list():
  12. return render_template("svlist.html")

svlist.html 文件中的内容

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. Hello ! I am sv_template
  9. <img src="/sv_static/DragonFire.png">
  10. </body>
  11. </html>

打开页面看结果

露脸了,露脸了~

从这个例子中我们总结出:

Blueprint 其实可以理解为一个了没有run方法的 Flask 对象

只要Blueprint被 Flask 注册了,就一定会生效

坑来了!坑来了!

蓝图内部的视图函数及route不要出现重复,否则~你们自己试试吧

3.使用蓝图,做一个增删改查用户

要有一个文件存放我们的原始数据

student_data.py 文件中的内容:

  1. STUDENT = [
  2. {'id': 1, 'name': 'Old', 'age': 38, 'gender': '中'},
  3. {'id': 2, 'name': 'Boy', 'age': 73, 'gender': '男'},
  4. {'id': 3, 'name': 'EDU', 'age': 84, 'gender': '女'}
  5. ]

然后我们根据以上内容进行增删改查

3.1 使用蓝图进行web应用搭建:

__init__.py 文件中的内容:

  1. from flask import Flask
  2.  
  3. def create_app():
  4. app = Flask(__name__)
  5.  
  6. return app

这个文件我们会修改函数 create_app中的代码

manager.py 文件中的内容

  1. from student import create_app
  2.  
  3. flask_app = create_app()
  4.  
  5. flask_app.run("0.0.0.0",5000)

通过这种方式启动 Flask 程序

3.2 使用Flask蓝图,查看学生信息

s_list.html 文件中的内容:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>学生列表</title>
  6. </head>
  7. <body>
  8. <table border="3xp">
  9. <thead>
  10. <tr>
  11. <td>ID</td>
  12. <td>name</td>
  13. <td>age</td>
  14. <td>gender</td>
  15. <td>options</td>
  16. </tr>
  17. </thead>
  18. <tbody>
  19. {% for foo in student %}
  20. <tr>
  21. <td>{{ foo.id }}</td>
  22. <td>{{ foo["name"] }}</td>
  23. <td>{{ foo.get("age") }}</td>
  24. <td>{{ foo.gender }}</td>
  25. <td> <a href="/s_update/{{ foo.id }}">修改</a> | <a href="/s_del?id={{ foo.id }}">删除</a> </td>
  26. </tr>
  27. {% endfor %}
  28. </tbody>
  29. </table>
  30. <a href="/s_add"> 添加学生 </a>
  31. </body>
  32. </html>

s_list.html

stu_select.py 文件中的内容:

  1. from flask import Blueprint
  2. from flask import render_template
  3. from student_data import STUDENT
  4.  
  5. ss_blueprint = Blueprint("ss_b", __name__, template_folder="html", static_folder="static")
  6.  
  7. @ss_blueprint.route("/s_list")
  8. def s_list():
  9. return render_template("s_list.html", student=STUDENT)

stu_select.py

student/__init__.py 文件中的内容:

  1. from flask import Flask
  2. from student_select import stu_select
  3.  
  4. def create_app():
  5. app = Flask(__name__) # type:Flask
  6.  
  7. app.register_blueprint(stu_select.ss_blueprint)
  8.  
  9. return app

student/__init__.py

赶紧运行一下manager.py 来访问一下,我们的成果

什么链接都不要点,因为点啥都不好使,之后咱们一个一个的做

3.3. 使用Flask蓝图,添加一个学生

s_add.html 文件中的内容

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>学生列表</title>
  6. </head>
  7. <body>
  8. <form method="post">
  9. ID:<input type="text" name="id"> <br>
  10. 姓名:<input type="text" name="name"><br>
  11. 年龄:<input type="text" name="age"><br>
  12. 性别:<input type="text" name="gender"><br>
  13. <input type="submit" value="添加学生">
  14. </form>
  15.  
  16. </body>
  17. </html>

s_add.html

stu_add.py 文件中的内容

  1. from flask import Blueprint
  2. from flask import redirect
  3. from flask import request
  4. from flask import render_template
  5. from student_data import STUDENT
  6.  
  7. s_add = Blueprint("s_add", __name__, template_folder="html", static_folder="static") # type:Blueprint
  8.  
  9. @s_add.route("/s_add",methods=["GET","POST"])
  10. def s_add_view():
  11. if request.method == "POST":
  12. stu_dic = {
  13. "id": request.form["id"],
  14. "name": request.form["name"],
  15. "age": request.form["age"],
  16. "gender": request.form["gender"]
  17. }
  18.  
  19. STUDENT.append(stu_dic)
  20.  
  21. return redirect("/s_list")
  22.  
  23. return render_template("s_add.html")

stu_add.py

这里面我们让他添加完一个学生,就返回到s_list查看学生列表

student/__init__.py 文件中的内容

  1. from flask import Flask
  2. from student_select import stu_select
  3. from student_add import stu_add
  4.  
  5. def create_app():
  6. app = Flask(__name__) # type:Flask
  7.  
  8. app.register_blueprint(stu_select.ss_blueprint)
  9. app.register_blueprint(stu_add.s_add)
  10.  
  11. return app

student/__init__.py

如果你要是重新启动服务了,那么你刚刚添加的学生信息就没有了

添加完成之后

添加学生的Blueprint已经做完了

3.4. 使用Flask蓝图,修改学生信息

s_update.html 文件中的内容:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>学生列表</title>
  6. </head>
  7. <body>
  8. <form method="post">
  9. <input type="text" name="id" hidden value="{{ student.id }}"><br>
  10. 姓名:<input type="text" name="name" value="{{ student.name }}"><br>
  11. 年龄:<input type="text" name="age" value="{{ student.age }}"><br>
  12. 性别:<input type="text" name="gender" value="{{ student.gender }}"><br>
  13. <input type="submit" value="修改信息">
  14. </form>
  15.  
  16. </body>
  17. </html>

s_update.html

stu_update.py 文件中的内容:

  1. from flask import Blueprint
  2. from flask import render_template
  3. from flask import redirect
  4. from flask import request
  5. from student_data import STUDENT
  6.  
  7. s_update = Blueprint("s_update", __name__, template_folder="html", static_folder="static")
  8.  
  9. @s_update.route("/s_update/<int:nid>",methods=["GET","POST"])
  10. def s_update_view(nid):
  11. if request.method == "POST":
  12. stu_id = int(request.form["id"])
  13. stu_dic = {
  14. "id": stu_id,
  15. "name": request.form["name"],
  16. "age": request.form["age"],
  17. "gender": request.form["gender"]
  18. }
  19.  
  20. for index,stu in enumerate(STUDENT):
  21. if stu["id"] == stu_id:
  22. STUDENT[index] = stu_dic
  23.  
  24. return redirect("/s_list")
  25.  
  26. for stu in STUDENT:
  27. if stu["id"] == nid :
  28. return render_template("s_update.html", student=stu)
  29.  
  30. return render_template("s_update.html", student="")

stu_update.py

student/__init__.py 文件中的内容:

  1. from flask import Flask
  2. from student_select import stu_select
  3. from student_add import stu_add
  4. from student_update import stu_update
  5.  
  6. def create_app():
  7. app = Flask(__name__) # type:Flask
  8.  
  9. app.register_blueprint(stu_select.ss_blueprint)
  10. app.register_blueprint(stu_add.s_add)
  11. app.register_blueprint(stu_update.s_update)
  12.  
  13. 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. def create_app():
  6. my_app = Flask(__name__) # type:Flask
  7.  
  8. my_app.register_blueprint(auto_bp)
  9. my_app.register_blueprint(motor_bp)
  10.  
  11. 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小型应用的项目结构目录了,要牢记哦

第九篇,完结

Flask最强攻略 - 跟DragonFire学Flask - 第九篇 Flask 中的蓝图(BluePrint)的更多相关文章

  1. Flask最强攻略 - 跟DragonFire学Flask - 第七篇 Flask 中路由系统

    Flask中的路由系统其实我们并不陌生了,从一开始到现在都一直在应用 @app.route("/",methods=["GET","POST" ...

  2. Flask最强攻略 - 跟DragonFire学Flask - 第一篇 你好,我叫Flask

    首先,要看你学没学过Django 如果学过Django 的同学,请从头看到尾,如果没有学过Django的同学,并且不想学习Django的同学,轻饶过第一部分 一. Python 现阶段三大主流Web框 ...

  3. Flask最强攻略 - 跟DragonFire学Flask - 第十六篇 Flask-Migrate

    终于到了Flask-Migrate,之前在学习Flask-SQLAlchemy的时候,有的同学就提过类似的问题,Flask支持 makemigration / migrate 吗? 答案在这里该诉你, ...

  4. Flask最强攻略 - 跟DragonFire学Flask - 第十五篇 Flask-Script

    其实本章就是为下一章做的铺垫啦,但是也要认真学习哦 Flask-Script 从字面意思上来看就是 Flask 的脚本 是的,熟悉Django的同学是否还记得Django的启动命令呢? python ...

  5. Flask最强攻略 - 跟DragonFire学Flask - 第十四篇 Flask-SQLAlchemy

    前不久刚刚认识过了SQLAlchemy,点击这里复习一下 当 Flask 与 SQLAlchemy 发生火花会怎么样呢? Flask-SQLAlchemy就这么诞生了 首先要先安装一下Flask-SQ ...

  6. Flask最强攻略 - 跟DragonFire学Flask - 第三篇 Flask 中的 request 之 先知道有这么个东西

    每个框架中都有处理请求的机制(request),但是每个框架的处理方式和机制是不同的 为了了解Flask的request中都有什么东西,首先我们要写一个前后端的交互 基于HTML + Flask 写一 ...

  7. Flask最强攻略 - 跟DragonFire学Flask - 第十篇 before_request after_request

    Flask我们已经学习很多基础知识了,现在有一个问题 我们现在有一个 Flask 程序其中有3个路由和视图函数,如下: from flask import Flask app = Flask(__na ...

  8. Flask最强攻略 - 跟DragonFire学Flask - 第八篇 实例化Flask的参数 及 对app的配置

    Flask 是一个非常灵活且短小精干的web框架 , 那么灵活性从什么地方体现呢? 有一个神奇的东西叫 Flask配置 , 这个东西怎么用呢? 它能给我们带来怎么样的方便呢? 首先展示一下: from ...

  9. Flask最强攻略 - 跟DragonFire学Flask - 第六篇 Flask 中内置的 Session

    Flask中的Session非常的奇怪,他会将你的SessionID存放在客户端的Cookie中,使用起来也非常的奇怪 1. Flask 中 session 是需要 secret_key 的 from ...

随机推荐

  1. String引用数据类型

    一.String类的第一种方式 (原文地址:https://blog.csdn.net/wangdajiao/article/details/52087302)1.直接赋值 例:String str ...

  2. PythonStudy——集合 Set

    # 空集合:不能用{},因为用来标示空字典 s = set() print(s, type(s)) # 概念:# 1.set为可变类型 - 可增可删# 2.set为去重存储 - set中不能存放重复数 ...

  3. Redis使用规范

    突出强调部分 [强制]key名不要包含特殊字符,如空格.换行.单双引号以及其他转义字符 [强制]拒绝bigkey(防止网卡流量.慢查询) [强制]控制key的生命周期,redis不是垃圾桶 [强制]技 ...

  4. MySQL 烂笔头 备份和还原

    备份 mysqldump -u root -p testdb > d:/backupfile.sql 还原 mysql -u root -p testdb2 <d:/backupfile. ...

  5. JDK各个版本的区别

    jdk1.5的新特性: 1. 泛型    ArrayList list=new ArrayList()------>ArrayList<Integer>list=new ArrayL ...

  6. Spark资源配置(核数与内存)

    转载自:http://blog.csdn.net/zrc199021/article/details/54020692 关于所在节点核数怎么看? =========================== ...

  7. 验证代理ip是否可用

    改编自:http://www.jianshu.com/p/588241a313e7 # _*_ coding:utf-8 _*_ import urllib2 import re class Test ...

  8. delphi 下载

    最新(更多)内容,请到  http://www.cnblogs.com/key-ok/p/3465486.html  Borland Pascal v7.1 (13.89 Mb)  Delphi 1 ...

  9. node压缩文件夹

    前几天遇到一个需求,将一个10G的文件夹打包压缩,并去除黑名单上的文件. node自带的只能压缩文件.网上看了集中方案要么对大文件操作不行,要么只能直接操作文件夹,无法对文件夹遍历筛选. 后来确定使用 ...

  10. LeetCode——727.Minimum Window Subsequence

    一.题目链接:https://leetcode.com/problems/minimum-window-substring/ 二.题目大意: 给定两个字符串S和T,要求从S中找出包含T中所有字母的最短 ...