flask-模板继承
程序员文章站
2022-07-15 13:06:21
...
看《flask web开发》这本书学习,有些比较难懂的写下来,模板以flask-bootstrap为例
首先先安装flask-bootstrap
pip install flask-bootstrap
导入模块(就是这点困扰了我好久)
#书本的写法
from flask.ext.bootstrap import Bootstrap
app = Flask(__name__)
bootstrap = Bootstrap(app)
......
if __name__ == '__main__':
bootstrap.run()
#我的写法,也可以说是新版的写法
from flask_bootstrap import Bootstrap
app = Flask(__name__)
Bootstrap(app)
......
if __name__ == '__main__':
app.run()
这种写法的原因可以看我这篇博客
然后创建一个user.html文件放在templates文件夹下
{% extends "bootstrap/base.html" %}
{% block title %}Flasky{% 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="/">Flasky</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/">Home</a> </li>
</ul>
</div>
</div>
</div>
{% endblock %}
{% block content %}
<div class="container">
<div class="page-header">
<h1>Hello, {{ name }}!</h1>
</div>
</div>
{% endblock %}
特别注意: 要把bootstrap这个文件夹放在templates下,不然调用不成功,如果你是用pip安装的flask-bootstrap,那么bootstrap应该在你的site-packages下,我的路径是xxxx\Lib\site-packages\flask_bootstrap\templates\bootstrap,找到后就把这个bootstrap文件夹复制到templates文件夹下就能使用了
运行