經(jīng)過(guò)上一章的內(nèi)容,其實(shí)就頁(yè)面層來(lái)說(shuō)已結(jié)可以很輕松的實(shí)現(xiàn)功能了,但是很明顯美觀上還有很大的欠缺,現(xiàn)在有一些很好的前端css框架,如AmazeUI,騰訊的WeUI等等,這里推薦一個(gè)和flask集成很好的bootstrap框架
安裝框架
在模板中直接引用bootstrap的CDN或者本地路徑外,還可以直接應(yīng)用flask的bootstrap集成包,首先需要對(duì)集成包進(jìn)行安裝:
pip3.6 install flask-bootstrap
這是一個(gè)flask的擴(kuò)展包,flask的所有擴(kuò)展包默認(rèn)默認(rèn)的包名都為flask.ext打頭,同樣bootstrap也是如此,首先在default的文件的頭部導(dǎo)入包:
from flask.ext.bootstrap import Bootstrap
然后對(duì)bootstrap進(jìn)行初始化,修改代碼:
bootstrap=Bootstrap(app)
初始化之后,就可以使用Jinja2的繼承方式使用此包中的包含的一系列的針對(duì)Bootstrap的基模板?;0逯兄苯右昧艘幌盗械腷ootstrap中的元素。
還記得如何在jinja2中使用模板繼承吧,下面在使用之前,首先看看基模板的結(jié)構(gòu):
網(wǎng)友評(píng)論