用flask编写一个简单页面_Flask实战-留言板-使用Bootstrap-Flask简化页面编写 --

使用Bootstrap-Flask简化页面编写

扩展Bootstrap-Flask内置了可以快速渲染Bootstrap样式HTML组件的宏,并提供了内置的Bootstap资源,方便快速开发,使用它可以简化在web程序里使用Bootstrap的过程。

扩展Bootstrap-Flask基于Flask-Bootstrap实现,旨在替代缺乏维护的后者。和Flask-Bootstrap相比,Bootstrap-Flask简化了大部分功能(比如未内置基模板),添加了Bootstrap4支持,并增加了一些辅助功能。

安装Bootstrap-Flask通过pipenv install bootstrap-flask

需要注意,Bootstrap-Flask提供的包名称为flask_bootstrap,我们从这个包导入并实例化Bootstrap类,传入程序实例app,以完成扩展的初始化:

from flask importFlaskfrom flask_bootstrap importBootstrap

app= Flask(__name__)

bootstrap= Bootstrap(app)

加载资源文件

Bootstrap-Flask在模板中提供了一个bootstrap对象,这个对象提供了两个方法可以用来生成资源引用代码:用来加载CSS文件的bootstrap.load_css()方法和用来加载JavaScript文件(包括Bootstrap、jQuery、Popper.js)的bootstrap_load_js()方法。 Flask-Bootstrap默认从CDN(content Delivery Network,内容分发网络)加载B

你可能感兴趣的:(用flask编写一个简单页面)