zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    Eclipse安装python注意事项
    C# 计算文件MD5
    C# 为私有方法添加单元测试(反射)
    .net 操作sftp服务器
    在ASP.NET MVC中使用Unity进行依赖注入的三种方式
    ASP.NET Web API 安全筛选器
    Token Based Authentication in Web API 2
    IIS中查看W3P.exe进程对应的应用程序池的方法
    WCF自定义Header
    sqlserver 用 RowNumber 分组
  • 原文地址:https://www.cnblogs.com/jackadam/p/10059947.html
Copyright © 2011-2022 走看看