flask-bootstrap学习笔记

flask-bootstrap 是flask一个方便扩展使用bootstrap前台的扩展。

貌似停止更新了。但是作者还有一个库叫flask-nav，如果你还需要使用flask-nav，那么就还使用这个flask-bootstrap吧

改用这个：

Bootstrap-Flask

Bootstrap 4 helper for Flask/Jinja2. Based on Flask-Bootstrap, but lighter and better.

Changelog

1.1.0

Release date: 2019/9/9

Update Bootstrap version to 4.3.1

使用方法：

安装：

$ pip install bootstrap-flask

加载配置：

from flask_bootstrap import Bootstrap

from flask import Flask

app = Flask(__name__)

bootstrap = Bootstrap(app)

app.config['SECRET_KEY'] = '123456789001234567890'

注意，需要secret_key

配置和flask-bootstrap应该一样，我只用了local加载，生效：

BOOTSTRAP_USE_MINIFIED   True   使用mini版的bootstrap文件
BOOTSTRAP_SERVE_LOCAL   False   是否使用本地服务器来提供bootstrap文件
BOOTSTRAP_LOCAL_SUBDOMAIN   None    关于blueprint的子域名传输？暂时没用到
BOOTSTRAP_CDN_FORCE_SSL   True   给CDN加速使用安全的https连接

配置位置：

app['BOOTSTRAP_SERVE_LOCAL']=True 打开本地提供bootstrap文件的功能。适合我的内网部署。

在模板中调用

<head>
....
{{ bootstrap.load_css() }}
</head>
<body>
...
{{ bootstrap.load_js() }}
</body>

这个也太简单了，我们用它提供的示例base.html吧

<!doctype html>
<html lang="en">
  <head>
    {% block head %}
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    {% block styles %}
    <!-- Bootstrap CSS -->
    {{ bootstrap.load_css() }}
    {% endblock %}

    <title>Your page title</title>
    {% endblock %}
  </head>
  <body>
    <!-- Your page content -->
    {% block content %}{% endblock %}

    {% block scripts %}
    <!-- Optional JavaScript -->
    {{ bootstrap.load_js() }}
    {% endblock %}
  </body>
</html>