目录

一、简介

二、主要知识点

三、菜鸟实战

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 herereturn '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 运行结果

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

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

  1. 【Python 实战基础】如何绘制树状图展示Python数据分析师的知识结构

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景:如何绘制树状图展示Python ...

  2. Flask 蓝图 Blueprint

    为什么需要蓝图? 我们在使用Flask框架,是从写单个文件,执行hello world开始的.我们在这单个文件中可以定义路由.视图函数.定义模型等等.但这显然存在一个问题:随着业务代码的增加,将所有代 ...

  3. Python实战 -- 利用Flask搭建微电影网站(一)蓝图构建

    https://www.bilibili.com/video/av51720348?p=5

  4. 【Python 实战基础】如何绘制直方图分析张三成绩数据

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景:如何绘制直方图分析张三成绩数据 ...

  5. 【Python 实战基础】 如何绘制中国地图展示省份GDP数据

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 循环遍历 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景: 如何绘制中国地图展 ...

  6. 【Python 实战基础】如何绘制热力图来模拟绘制北京景区热度图

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景:如何绘制热力图来模拟绘制北京景 ...

  7. 【Python 实战基础】如何绘制饼状图分析商品库存

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景:如何绘制饼状图分析商品库存 二 ...

  8. 【Python 实战基础】如何绘制桑基图分析人口流动和年龄数据

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景:如何绘制桑基图分析人口流动和年 ...

  9. 【Python 实战基础】如何绘制柱状图分析两个学生成绩数据

    目录 一.实战场景 二.主要知识点 文件读写 基础语法 字符串处理 文件生成 数据构建 三.菜鸟实战 1.创建 python 文件 2.运行结果 一.实战场景 实战场景:如何绘制柱状图分析两个学生成绩 ...

最新文章

  1. oracle 密码文件作用,测试 oracle 密码文件在何时起作用
  2. log4net在winform中release后不工作的原因
  3. ___new__方法和__init__方法的区别
  4. 工厂模式理解_工厂模式
  5. [react] react中的setState执行机制是什么呢?
  6. Unity C#笔记 协程详解(转)
  7. WebApi系列(从.Net FrameWork 到 .Net Core)
  8. 计算机音乐制作前景,计算机音乐制作专业就业前景
  9. 【毕业设计】翻译词霸的实现
  10. 蒙特卡罗(Monte Carlo)方法简介
  11. win10计算机怎么拨号上网,win10如何设置宽带拨号连接
  12. 井下三专两闭锁的内容_三专两闭锁
  13. Unity镜头特写效果
  14. 互联网晚报 | 1月3日 星期一 | 春运首日火车票今日开售;中兴终端2021年出货量超1亿部;抖音上线“学习”频道...
  15. mysql通用精确计算年龄方式
  16. Luogu5234[JSOI2012]越狱老虎桥
  17. IAC工具的五个分类
  18. 解开关于人工智能的六个迷思
  19. 居者有其屋,耕者有其田
  20. 目的:使用CUDA环境变量CUDA_VISIBLE_DEVICES来限定CUDA程序所能使用的GPU设备

热门文章

  1. 网络安全工程师的初学路径
  2. VS2012配置SDL2
  3. CAN总线协议报文浅析
  4. [附源码]java毕业设计在线学习网站的设计与实现
  5. Swift 如何生成随机数
  6. 关于isEmpty(),null,“”的理解
  7. 【springboot】.isEmpty()和ObjectUtils.isEmpty()的使用注意点
  8. Altium Designer 10 PCB简要设计及其例程
  9. GetKeyState
  10. 【图像去噪】基于matlab GUI均值+中值滤波图像去噪(含PNSR)【含Matlab源码 372期】