Python：Flask-Bootstrap和Bootstrap-Flask

體驗了一下 Flask + Bootstrap ,給我的感覺是前後端代碼合在一起了，增加開發難度。

目錄

• • 一、Flask-Bootstrap
  • 二、Bootstrap-Flask

一、 -

不支援Bootstrap 4

• github : https://github.com/mbr/flask-bootstrap
• pypi: https://pypi.org/project/Flask-Bootstrap/

安裝

pip install Flask-Bootstrap      

使用示例

from flask import Flask, render_template
from flask_bootstrap import Bootstrap

app = Flask(__name__)
Bootstrap(app)


@app.route('/')
def index():
    return render_template('index.html')


if __name__ == '__main__':
    app.run(debug=True)
      

模闆檔案 templates/index.html

{% extends "bootstrap/base.html" %}

{% block title %}這是标題{% endblock %}

{% block content %}
  <h1>Hello, Bootstrap</h1>
    <button class="btn">按鈕</button>

    <button class="btn btn-primary">按鈕</button>
{% endblock %}      

二、Bootstrap-

支援

4

• doc: https://bootstrap-flask.readthedocs.io/
• github： https://github.com/greyli/bootstrap-flask

# 需要解除安裝flask-bootstrap
$ pip uninstall flask-bootstrap bootstrap-flask -y
$ pip install bootstrap-flask      

from flask import Flask, render_template
from flask_bootstrap import Bootstrap

app = Flask(__name__)
Bootstrap(app)


@app.route('/')
def index():
    return render_template('index.html')


if __name__ == '__main__':
    app.run(debug=True)
      

渲染結果

文章已被收錄至官方知識檔案

python技能樹 Web應用開發