
在视图的选择上,我们已经学习了模板引擎的方法。不过有些小伙伴追求开发的效率,这里我们推荐使用Bootstrap。我们把它以插件的形式安装在框架中,然后进行初始化。在具体创建基模板的方法上,我们在下面以代码的形式展现给大家,都来看看具体的使用方法吧。
1、要初始化bootstrap,如下:
1 2 3 | from flask.ext.bootstrap import Bootstrap
bootstrap = Bootstrap(app)
|
2、页面模板放到项目的"templates/"目录下,我们定制一个自己的基模板,base.html,代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | {% extends "bootstrap/base.html" %}
{% block head %}
{{ super () }}
<link rel= "shortcut icon" href= "{{ url_for('static', filename = 'favicon.ico') }}" type= "image/x-icon" >
<link rel= "icon" href= "{{ url_for('static', filename = 'favicon.ico') }}" type= "image/x-icon" >
{% endblock %}
{% block title %}JolieBaby{% endblock %}
{% block navbar %}
<div class= "navbar navbar-default navbar-static-top" >
<div>
<div>
<button type= "button" data-toggle= "collapse" data-target= "#navbar-ex-collapse" >
<span>Toggle navigation</span>
<span></span>
<span></span>
<span></span>
</button>
<a href= "#" ><span>JolieBaby</span></a>
</div>
<div class= "collapse navbar-collapse" id= "navbar-ex-collapse" >
<ul class= "nav navbar-nav navbar-right" >
<li>
<a href= "#" >Home</a>
</li>
<li>
<a href= "#" >Contacts</a>
</li>
</ul>
</div>
</div>
</div>
{% endblock %}
{% block content %}
{% block page_content %}
{% endblock %}
{% endblock %}
说下重点代码:
{% extends "bootstrap/base.html" %}
|
3、"bootstrap/base.html"就是Flask-Bootstrap自带的基模板,我们自己的基模板也要继承它。
1 2 3 | {% block head %}
{% endblock %}
|
以上就是Flask中Bootstrap的使用方法,大家学会后可以自己动手尝试创建模板,同时比较下之前所学的模板引擎,体会用法的差别。更多Python框架指路:Flask