快捷導(dǎo)航

使用Flask集成bootstrap的方法

更新時(shí)間：2018年07月24日 14:13:27 作者：BrownWong

這篇文章主要介紹了使用Flask集成bootstrap的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

1. 下載flask-bootstrap

pip install flask-bootstrap

2. 找到base.html文件

將site-packages\flask_bootstrap\templates文件夾下的bootstrap目錄copy到你的項(xiàng)目\templates目錄下，確保bootstrap目錄下包含base.html文件，因?yàn)槲覀兒竺嬉玫健?/p>

3. 代碼

user.html :

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

{% block title %}Flask{% endblock %}

{% block navbar %}
  <div class="navbar navbar-inverse" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span>
          <span class="icon-bar"></span><span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/" rel="external nofollow" rel="external nofollow" >Flask</a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="/" rel="external nofollow" rel="external nofollow" >Home</a></li>
        </ul>
      </div>
    </div>
  </div>
{% endblock %}

{% block content %}
  <div class="container">
    <div class="page-header">
      <h1>Hello, {{ name }}</h1>
    </div>
  </div>
{% endblock %}

MyFlask.py :

from flask import Flask, render_template
from flask_bootstrap import Bootstrap

app = Flask(__name__)
bootstrap = Bootstrap(app)


@app.route('/user/<name>')
def user(name):
  return render_template('user.html', name=name)


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

4. 查看結(jié)果

瀏覽器輸入：http://127.0.0.1:5000/user/Brown

結(jié)果：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

基于Python中random.sample()的替代方案
這篇文章主要介紹了基于Python中random.sample()的替代方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-05-05
關(guān)于Python中Flask全局異常處理流程詳解
Flask是一個(gè)基于Python的Web框架，它提供了全局異常處理的機(jī)制來(lái)捕獲和處理應(yīng)用程序中的異常，本文將詳細(xì)介紹Flask的全局異常處理，并提供相應(yīng)的代碼示例,需要的朋友可以參考下
2023-06-06
pytorch之inception_v3的實(shí)現(xiàn)案例
今天小編就為大家分享一篇pytorch之inception_v3的實(shí)現(xiàn)案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-01-01
Python計(jì)算質(zhì)數(shù)的方法總結(jié)
質(zhì)數(shù)（Prime?Number）是指大于1且只能被1和自身整除的正整數(shù),計(jì)算質(zhì)數(shù)是數(shù)論中的一個(gè)經(jīng)典問(wèn)題,本文將介紹python中多種計(jì)算質(zhì)數(shù)的方法,希望對(duì)大家有所幫助
2023-11-11
Python項(xiàng)目管理Git常用命令詳圖講解
這篇文章主要介紹了Python項(xiàng)目管理Git常用命令詳圖講解，文中附含詳細(xì)的圖片講解，建議收藏閱讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助
2021-09-09
python3 中文亂碼與默認(rèn)編碼格式設(shè)定方法
今天小編就為大家分享一篇python3 中文亂碼與默認(rèn)編碼格式設(shè)定方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-10-10
Python的三種主要模塊介紹
這篇文章介紹了Python的三類主要模塊，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-07-07
Python獲取文本文件行數(shù)的三種常用方法
在Python中獲取文件中的行數(shù)可以幫助我們更好地處理和分析數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于Python獲取文本文件行數(shù)的三種常用方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
Python 字典一個(gè)鍵對(duì)應(yīng)多個(gè)值的方法
這篇文章主要介紹了Python 字典一個(gè)鍵對(duì)應(yīng)多個(gè)值的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-09-09
Tensorflow高性能數(shù)據(jù)優(yōu)化增強(qiáng)工具Pipeline使用詳解
這篇文章主要為大家介紹了Tensorflow高性能數(shù)據(jù)優(yōu)化增強(qiáng)工具Pipeline使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11