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>

可編輯的塊就看這個示例模板吧,或者你自己定義的更強大一些。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM