第九篇 Flask 中的蓝图(BluePrint)

 

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

在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 中的蓝图(BluePrint)的更多相关文章

  1. Flask最强攻略 - 跟DragonFire学Flask - 第九篇 Flask 中的蓝图(BluePrint)

    蓝图,听起来就是一个很宏伟的东西 在Flask中的蓝图 blueprint 也是非常宏伟的 它的作用就是将 功能 与 主服务 分开怎么理解呢? 比如说,你有一个客户管理系统,最开始的时候,只有一个查看 ...

  2. Flask 中的蓝图(BluePrint)

    蓝图,听起来就是一个很宏伟的东西 在Flask中的蓝图 blueprint 也是非常宏伟的 它的作用就是将 功能 与 主服务 分开 怎么理解呢? 比如说,你有一个客户管理系统,最开始的时候,只有一个查 ...

  3. 9，Flask 中的蓝图(BluePrint)

    蓝图,听起来就是一个很宏伟的东西,在Flask中的蓝图 blueprint 也是非常宏伟的,它的作用就是将 功能 与 主服务 分开. 比如说,你有一个客户管理系统,最开始的时候,只有一个查看客户列表的 ...

  4. 第八篇 Flask中的蓝图

    随着业务代码的增加,将所有代码都放在单个程序文件中,是非常不合适的.这不仅会让代码阅读变得困难,而且会给后期维护带来麻烦.如下示例:我们在一个文件中写入多个路由,这会使代码维护变得困难. 如图所示,如 ...

  5. flask中的蓝图 Blueprint

    模块化 随着flask程序越来越复杂,我们需要对程序进行模块化的处理,之前学习过python的模块化管理,于是针对一个简单的flask程序进行模块化处理 简单来说,Blueprint 是一个存储操作方 ...

  6. flask中的蓝图（BluePrint）

    蓝图,听起来就是一个很宏伟的东西 在Flask中的蓝图 blueprint 也是非常宏伟的 它的作用就是将 功能 与 主服务 分开怎么理解呢? 比如说,你有一个客户管理系统,最开始的时候,只有一个查看 ...

  7. Flask中的蓝图（BluePrint）、

    蓝图 1.初识Flask蓝图(BluePrint) 创建一个项目然后将目录结构做成: user.py中的内容 from flask import Blueprint, render_template ...

  8. python 全栈开发，Day120(路由系统, 实例化Flask的参数, 蓝图(BluePrint), before_request after_request)

    昨日内容回顾 1.Flask: from flask import Flask app = Flask(__name__) # 从源码中可以看出,Flask集成的run方法是由werkzeug中的ru ...

  9. Flask 中的蓝图

    相当与django中的App 基础模板 1.初识Flask蓝图(blueprint) 创建一个项目然后将目录结构做成: s_view.py 文件中的内容   from flask import Blu ...

随机推荐

  1. ES - es为什么要移除type？

    1.index.type的初衷 之前es将index.type类比于关系型数据库(例如mysql)中database.table,这么考虑的目的是“方便管理数据之间的关系”. 2.为什么现在要移除ty ...

  2. Windows下面Node和NPM的绿色安装及配置

    1,Node安装 Windows版本可以在http://nodejs.org/#download下面选择msi安装版或者绿色版.其实Node的安装主要是Node.exe文件deploy和有关环境变量的 ...

  3. InfluxDB安装和简介

    InfluxDB是一个当下比较流行的时序数据库,InfluxDB使用 Go 语言编写,无需外部依赖,安装配置非常方便,适合构建大型分布式系统的监控系统. 一.InfluxDB 简介 InfluxDB ...

  4. 织梦dede文章列表调用标签的用法和规则

    织梦dede列表标签在任何模板的网站中都可能会使用到,而且我们在仿站的时候也经常要使用到列表标签.这里主机吧就给大家讲一下文章列表以及图片列表.软件列表以及分类信息列表标签的用法,和结合div+css ...

  5. udt的java实现

    udt协议是什么? 我就不回答了,可以网上搜索,一直都是c++的,java的实现已经很久没有修改了 经过测试,java版本有些一问题,现在已经将其修复,已经上传到csdn 另外自己根据实际的应用,再次 ...

  6. Laravel--查询构造器 方法 及聚合函数

    controller内内容如下 <?php /** * Created by PhpStorm. * User: work * Date: 2018/1/2 * Time: 20:36 */ n ...

  7. ios端滚动优化

    加入css -webkit-overflow-scrolling: touch;

  8. POIUtils 导出 poi Test 100w 600w 条数据

    依赖: <dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-l ...

  9. 11Linux_sshd_Apache

    1.Linux系统中一切都是文件. 2.配置服务实际上就是在修改配置文件. 3.重启相应服务来加载最新的配置参数. 4.为了保证下次还生效,加入到开机启动项中.

  10. Stack类常用api

    1.构造函数 Stack只有一个默认构造函数 Stack() Stack<Integer> stack = new Stack<Integer>(); 2.常用api (1)入 ...