Flask中一个蓝图的简单例子开始

Keep_Trying_Go

已于 2022-05-30 20:35:41 修改

阅读量393

点赞数

CC 4.0 BY-SA版权

分类专栏： python 文章标签： flask python

于 2022-05-27 21:23:01 首次发布

本文链接：https://blog.csdn.net/Keep_Trying_Go/article/details/125011070

python 专栏收录该内容

143 篇文章

订阅专栏

本文介绍了Flask框架中的蓝图模式，一种用于组织相关视图和其他代码的有效方法。通过将路由按照模块来划分并使用蓝图注册，可以有效避免路由循环导入的问题，提高项目的可维护性和扩展性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1.什么是蓝图（Blueprint）

Blueprint 是一种组织一组相关视图及其他代码的方式。与把视图及其他代码直接注册到应用的方式不同，蓝图方式是把它们注册到蓝图，然后在工厂函数中把蓝图注册到应用。

2.为什么要引入蓝图

在写代码时，我们有时候会出现一个文件中导入其他的模块，并且随着功能的增加，那么就会出现路由循环导入的情况，这样很容易出错，所以将路由按照模块来划分(各个路由的集合），就是为了避免出现路由循环导入的问题
在这里插入图片描述

3.文件结构

在这里插入图片描述

4.main.py文件

#蓝图：将路由按照模块来划分(各个路由的集合）
import os
#导入蓝图模块
from book import blue_book
from flask import render_template,Flask,request,url_for,redirect

app=Flask(__name__)

@app.route('/index',methods=['POST','GET'])
def index():
    return render_template('index.html')

if __name__ == '__main__':
    print('PyCharm')
    #注册蓝图
    app.register_blueprint(blue_book)
    #启动
    app.run(debug=True)


# See PyCharm help at https://www.jetbrains.com/help/pycharm/

5.index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <style>
        div {
            width:300px;
            height:300px;
            background:#A020F0;
            border:2px solid #00FF7F;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

6.book.py文件

import os
from flask import Flask,render_template,redirect,request,Blueprint

blue_book=Blueprint('blue_books',__name__)
#这里就使用blue_book路由了，就不用app.route进行路由，避免出现循环路由（特别是随着项目模块的增加）
@blue_book.route('/books/index',methods=['POST','GET'])
def books():
    return render_template('book.html')

if __name__ == '__main__':
    print('Pycharm')

7.book.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>book</title>
    <style>
        div {
            width:200px;
            height:100px;
            background:#ffffff;
            border:2px solid #000000;
        }
    </style>
</head>
<body>
    <div>我是蓝图：books</div>
</body>
</html>

在这里插入图片描述