• Flask框架学习：蓝图的使用

    参考链接：Flask 蓝图的基本使用

    在之前的学习中，所有的页面处理逻辑都是放在同一个文件中的，随着业务的增加，把所有代码都放在同一个文件中是不合适的。不仅是阅读变得困难，而且代码的维护也很麻烦。比如：现在我们的页面有以下几个页面：
    在这里插入图片描述
    现在的情况是，我们把这几个页面的处理代码都放在了app.py这个文件里面，随着页面的继续增加，这个文件里的代码就变得越来越多，越来越难以阅读，这样显示是不好的。所以这时候就用到了蓝图。

    怎么理解蓝图呢？在这里就是把 /news/society/ 和 /news/tech/ 的相关功能组成一个蓝图 news；程序将 /products/car/ 和 /products/baby/ 的相关功能组成一个蓝图 products。
    这里的一个蓝图就是news，products是一个单独的py文件。

    这时候程序的文件就变成了这样：2个蓝图，共3个文件
    在这里插入图片描述
    假设访问的页面路径是 /products/car，Flask 框架在蓝图 news 和蓝图 products 中查找匹配该页面路径的路由，发现在蓝图 products 中，存在和路径 /products/car 相应的处理函数 car_products，最后将请求转发给函数 car_products 处理。

    蓝图news.py
    #这是蓝图文件
from flask import Blueprint

#蓝图的url前缀，前缀路径，在蓝图下面还有路径
bp = Blueprint('news',__name__,url_prefix='/news')


#他们的绝对路径是/news/society
@bp.route('/society')
def society_news():
    return '社会新闻板块'

@bp.route('/tech')
def tech_news():
    return 'IT 新闻板块'

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    首先是导入蓝图Blueprint

    然后创建蓝图对象：
    第1个参数’news’是蓝图的名称，暂时还不知道用处是什么。

    第2个参数 __name__ 是该蓝图所在的模块名，该蓝图的实现文件是 news.py，因此 __name__ 是 ‘news’；注意:蓝图文件是需要被导入的，如果是在news.py文件右键执行的时候，__name__ == '__main__'，但是在被导入的时候，代码执行，__name__=='news'，也就是模块名。

    第 3 个参数是指定页面的 URL 前缀为 ‘/news’，它会影响路由中路径的设置。就是说，在news.py文件中的路由，它的绝对路径是/news/society，/news/tech，相当于是在/news这个路由下面的子路由。

    创建一个蓝图对象，bp，然后使用bp.route('/society')设置这个蓝图内的路由，注意：是蓝图内的路由，在这个蓝图下的路由，而蓝图之外，访问需要使用前缀，就是/news/society.

    蓝图 products.py
    #这是蓝图文件
from flask import Blueprint

bp = Blueprint('products',__name__,url_prefix='/products')

@bp.route('/car')
def car_products():
    return '汽车产品板块'


@bp.route('/baby')
def baby_products():
    return '婴儿产品板块'

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13

    现在页面的逻辑被分开了，news和products是分开的，所以需要一个文件来组装他俩，那就是app.py文件

    app.py
    from flask import Flask
#导入蓝图文件
import news
import products

app = Flask(__name__)
#注册蓝图,注册的是那个bp对象
app.register_blueprint(news.bp)
app.register_blueprint(products.bp)

@app.route('/')
def hello_world():  # put application's code here
    return 'Hello World!'

if __name__ == '__main__':
    app.run()

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16

    首先要导入刚才创建的两个py文件，就是蓝图文件。
    接着使用注册蓝图的方法app.register_blueprint(news.bp)，参数就是蓝图文件中创建的蓝图对象bp，这样就把两个蓝图文件组装起来了。

    访问
    在这里插入图片描述

    更具拓展性的架构

    在刚才的架构中，程序是这样的：
    在这里插入图片描述

    • 程序由主程序和多个蓝图构成；
    • 每个蓝图对应一个 Python 文件；
    • 所有的蓝图共享相同的模板文件目录；
    • 所有的蓝图共享相同的静态文件目录。

    当然这里没有用到模板文件和静态文件，如果用到的话，他们应该都放在templates和static文件夹下面。

    还有一种方式的拓展性会更好：

    使用一个独立的目录实现蓝图

    在这种架构中，程序的扩展性最好：

    • 程序由主程序和多个蓝图构成；
    • 每个蓝图对应一个独立的目录，存储与这个蓝图相关的文件；
    • 每个蓝图有一个独立的模板文件目录；
    • 每个蓝图有一个独立的静态文件目录。

    这时候的文件结构是这样的：
    在这里插入图片描述
    每一个蓝图文件有自己的static和templates文件夹，静态文件static与模板文件templates的寻找规则如下：

    • 如果项目中的 static/templates文件夹中存在相应的静态文件/模板文件，则使用 static/templates 文件夹下的静态文件/模板文件；

    • 如果项目中的 static/templates 文件夹中没有相应的静态文件/模板文件，则使用定义蓝图的时候指定的 static/templates 文件夹下的静态文件/模板文件。

    这里会尝试的用到蓝图自己的模板文件与静态文件。

    首先我们需要创建news和products两个包文件:python package.
    创建完成后，会自动生成__init__.py文件，这个文件里将实现具体的代码，然后在分别给在两个包下面创建自己的static和templates文件夹。

    文件结构如下：
    在这里插入图片描述

    实现 /news/_init_.py
    from flask import Blueprint,render_template

#每一个蓝图有自己的static和templates文件夹，需要设置路径
bp = Blueprint('news',__name__,url_prefix='/news',template_folder='templates',static_folder='static')

@bp.route('/society')
def society_news():
    return render_template('society_news.html')

@bp.route('/tech')
def tech_news():
    return render_template('tech_news.html')

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12

    这里需要设置以下templates和static文件的路径，template_folder='templates',static_folder='static'

    这时候模板和静态文件会在这个路径下寻找。

    对应的模板文件

    实现/news/templates/society_news.html：
    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>社会新闻板块title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('news.static',filename='css/society_news.css') }}" />
head>
<body>

<p>新闻板块p>
<ul>
    <li id="society">社会新闻板块li>
    <li>科技新闻板块li>
    <li>{{ url_for('news.static',filename='css/society_news.css') }}li>
ul>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    加载css文件：

     <link rel="stylesheet" type="text/css" href="{{ url_for('news.static',filename='css/society_news.css') }}" />

    • 1

    这里是news.static，不是news/static。
    url_for('news.static',filename='css/society_news.css')返回的是路径 /news/static/css/society_news.css

    实现/news/static/css/society_news.css
    li {
    font-size: 20px;
}
#society {
    color: red;
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    实现app.py
    from flask import Flask
# from news import bp as news_bp
import news
import products

app = Flask(__name__)
app.register_blueprint(news.bp)
#app.register_blueprint(products.bp)

@app.route('/')
def hello_world():  # put application's code here
    return 'Hello World!'

if __name__ == '__main__':
    app.run()

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    在我们导入import news的时候，这个包下面的__init__.py文件就会自动执行。

    执行访问：
    在这里插入图片描述

    这个例子的结构就会更加的具有逻辑性。

  • 相关阅读:
    五年谷歌ML Infra生涯，我学到最重要的3个教训
    java 高级面试题分布式与微服务（借鉴）
    nginx学习(4)Nginx 配置高可用集群（主从配置）
    热心肠行为？苹果“偷偷“给应用买广告
    这个保护数据隐私的赛道，人人都想插一脚，互联网大厂挤破头，连甲方都下场自研了...
    用于生成makefile文件sh脚本
    yolov8 c++进行部署
    HTML transform空间转换 CSS animation动画
    【开发教程8】疯壳·开源蓝牙心率防水运动手环-三轴计步伐
    数字孪生技术助力水务行业实现智能化
  • 原文地址：https://blog.csdn.net/weixin_42576837/article/details/126259039