使用Flask集成bootstrap的方法_Python

使用Flask集成bootstrap的方法

2021-03-20 00:24BrownWong Python

这篇文章主要介绍了使用Flask集成bootstrap的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1. 下载flask-bootstrap

1	`pip install flask-bootstrap`

2. 找到base.html文件

将site-packages\flask_bootstrap\templates文件夹下的bootstrap目录copy到你的项目\templates目录下，确保bootstrap目录下包含base.html文件，因为我们后面要用到。

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()