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>

可编辑的块就看这个示例模板吧,或者你自己定义的更强大一些。

原文地址:https://www.cnblogs.com/jackadam/p/10059947.html