【Python 实战基础】Flask 蓝图 Blueprint 怎么用以及怎么集成 Bootstrap

目录

一、简介

二、主要知识点

三、菜鸟实战

1、创建蓝图

2、注册蓝图

3、蓝图运行结果

​4、下载和引入 Bootstrap

5、代码目录

6、Bootstrap 运行结果

---

一、简介

Flask 是一个轻量级的可定制框架，较其他同类型框架更为灵活、轻便、安全且容易上手。它可以很好地结合 MVC 模式进行开发，开发人员分工合作，小型团队在短时间内就可以完成功能丰富的中小型网站或 Web 服务的实现。另外，Flask 还有很强的定制性，用户可以根据自己的需求来添加相应的功能，在保持核心功能简单的同时实现功能的丰富与扩展，其强大的插件库可以让用户实现个性化的网站定制，开发出功能强大的网站。

一个蓝图 Blueprint 定义了可用于单个应用的视图，模板，静态文件等等的集合。蓝图的实现方式和应用十分相似，有着和 app 类似的运行机制，但它又不是一个应用，app对象管理着多个蓝图，多个蓝图共享 app 的配置文件，只有在 app 中注册过的蓝图才会起作用，否则无效。

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 是全球最流行的前端开源工具包，它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件，助你快速设计和自定义响应式、移动设备优先的站点。

二、主要知识点

• Flask 蓝图 Blueprint
• Flask 集成 Bootstrap
• 浏览器渲染框架数据至表格

三、菜鸟实战

实战场景: Flask 实现一个蓝图，并集成 Bootstrap 显示框架内部数据

马上安排！

1、创建蓝图

'''
Author: 菜鸟实战
'''

# 控制器视图文件
from flask import Blueprint, render_template

# 初始化蓝图
example_bp = Blueprint(
    'example',  # 名称
    __name__,
    template_folder="templates",    # 模版目录, 相对路径
    static_folder="static",         # 静态文件目录, 相对路径
    url_prefix="/example"           # 蓝图 url 前缀
)

@example_bp.route("/a")
def example_a():
    return "example 蓝图 Blueprint 显示 a 成功"

@example_bp.route("/show_bootstrap")
def example_show_bootstrap():
    # 显示数据到模版
    return render_template('show_bootstrap.html')

2、注册蓝图

'''
Author: 菜鸟实战
'''

# 导入包
from flask import Flask
from apps.example import example

# 初始化 app
app = Flask(__name__)

# 注册蓝图
app.register_blueprint(example.example_bp)

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

if __name__ == '__main__':
    # 开启调试模式
    app.run(debug=True)

3、蓝图运行结果

 4、下载和引入 Bootstrap

  将下载的文件放到 static 目录

 5、代码目录

├── app.py
├── apps
│   ├── __init__.py
│   └── example
│       ├── __init__.py
│       ├── example.py
│       └── templates
├── static
│   ├── assets
│   └── bootstrap5
│       ├── css
│       └── js
├── templates

 6、Bootstrap 运行结果

 

 

菜鸟实战，持续学习!  免费获取完整实战源码