当前位置:   article > 正文

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

python blueprint

目录

一、简介

二、主要知识点

三、菜鸟实战

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、创建蓝图

  1. '''
  2. Author: 菜鸟实战
  3. '''
  4. # 控制器视图文件
  5. from flask import Blueprint, render_template
  6. # 初始化蓝图
  7. example_bp = Blueprint(
  8. 'example', # 名称
  9. __name__,
  10. template_folder="templates", # 模版目录, 相对路径
  11. static_folder="static", # 静态文件目录, 相对路径
  12. url_prefix="/example" # 蓝图 url 前缀
  13. )
  14. @example_bp.route("/a")
  15. def example_a():
  16. return "example 蓝图 Blueprint 显示 a 成功"
  17. @example_bp.route("/show_bootstrap")
  18. def example_show_bootstrap():
  19. # 显示数据到模版
  20. return render_template('show_bootstrap.html')

2、注册蓝图

  1. '''
  2. Author: 菜鸟实战
  3. '''
  4. # 导入包
  5. from flask import Flask
  6. from apps.example import example
  7. # 初始化 app
  8. app = Flask(__name__)
  9. # 注册蓝图
  10. app.register_blueprint(example.example_bp)
  11. @app.route('/')
  12. def hello_world(): # put application's code here
  13. return 'Hello 菜鸟实战!'
  14. if __name__ == '__main__':
  15. # 开启调试模式
  16. 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 运行结果

 

 

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/587063
推荐阅读
相关标签
  

闽ICP备14008679号