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

在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

试一下结果:

蓝图-BluePrint的更多相关文章

  1. 第九篇 蓝图 blueprint

    在Flask中的蓝图 blueprint 的作用就是将 功能 与 主服务 分开 比如说,你有一个客户管理系统,最开始的时候,只有一个查看客户列表的功能,后来你又加入了一个添加客户的功能(add_use ...

  2. 第九篇 Flask 中的蓝图(BluePrint)

    第九篇 Flask 中的蓝图(BluePrint)   蓝图,听起来就是一个很宏伟的东西 在Flask中的蓝图 blueprint 也是非常宏伟的 它的作用就是将 功能 与 主服务 分开怎么理解呢? ...

  3. Flask路由与蓝图Blueprint

    需求分析: 当一个庞大的系统中有很多小模块,在分配路由的时候怎么处理呢?全部都堆到一个py程序中,调用@app.route? 显然这是很不明智的,因为当有几十个模块需要写路由的时候,这样程序员写着写着 ...

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

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

  5. Flask 中的蓝图(BluePrint)

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

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

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

  7. 5. 使用Flask蓝图(blueprint)

    一直到现在都没有怎么写代码,可能更得比较慢. 作业回顾 先来看一下文章4的作业吧,使用logbook的时候,遇到了时区不对的情况.那么我们怎么去解决这个问题呢? 实际上logbook默认采用的是世界标 ...

  8. 蓝图(Blueprint)详解

    Blueprint 模块化 随着flask程序越来越复杂,我们需要对程序进行模块化的处理,针对一个简单的flask程序进行模块化处理 举例来说: 我们有一个博客程序,前台界面需要的路由为:首页,列表, ...

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

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

随机推荐

  1. Hive（二）hive的基本操作

    一.DDL操作(定义操作) 1.创建表 (1)建表语法结构 CREATE [EXTERNAL] TABLE [IF NOT EXISTS] table_name[(col_name data_type ...

  2. Linux之系统信息操作20170330

    介绍一下Linux系统中一些自带信息的获取操作等,首先从源码中找到系统信息结构体进行分析. 1.系统信息结构体说明与获取方法: 含义: struct sysinfo { long uptime;    ...

  3. Stanford机器学习---第十四讲.机器学习应用举例之Photo OCR

    http://blog.csdn.net/l281865263/article/details/50278745 本栏目(Machine learning)包括单参数的线性回归.多参数的线性回归.Oc ...

  4. Codeforces Round #417 (Div. 2)A B C E 模拟 枚举 二分 阶梯博弈

    A. Sagheer and Crossroads time limit per test 1 second memory limit per test 256 megabytes input sta ...

  5. HDU--2962

    原题链接:http://acm.hdu.edu.cn/showproblem.php?pid=2962 分析:最短路+二分. #include<iostream> #include< ...

  6. 徒手创建一个 jsp 项目

    在开始之前,先回顾一下 jsp 和 servlet,jsp 和 servlet 本质是一样的,因为 jsp 最终必须编译成 servlet 才能运行. 因为 jsp 的那些标签 jvm 是无法直接运行 ...

  7. MySQL建表时列名同保留字重复问题解决办法

    建表时遇到遇到属性名同MySQL的保留字相同导致不能建表的问题,如下SQL语句: CREATE TABLE TBL_ACCOUNT_FROZEN_RECORD ( ID BIGINT NOT NULL ...

  8. 前端PHP入门-023-重点日期函数之程序执行时间检测

    我们有的时经常需要做程序的执行时间执行效率判断. 实现的思路如下: <?php //记录开始时间 //记录结整时 // 开始时间 减去(-) 结束时间 得到程序的运行时间 ?> 可是大家不 ...

  9. [DeeplearningAI笔记]卷积神经网络1.6-1.7构造多通道卷积神经网络

    4.1卷积神经网络 觉得有用的话,欢迎一起讨论相互学习~Follow Me 1.6多通道卷积 原理 对于一个多通道的卷积操作,可以将卷积核设置为一个立方体,则其从左上角开始向右移动然后向下移动,这里设 ...

  10. js控制treeview默认展开

    bootStrapTreeview 在bootstrap的treeview官网,可以找到这个方法,用js控制可以写成:$('#xxx').treeview('collapseNode',{silent ...