經(jīng)過上一章的內(nèi)容,其實就頁面層來說已結(jié)可以很輕松的實現(xiàn)功能了,但是很明顯美觀上還有很大的欠缺,現(xiàn)在有一些很好的前端css框架,如AmazeUI,騰訊的WeUI等等,這里推薦一個和flask集成很好的bootstrap框架

安裝框架

在模板中直接引用bootstrap的CDN或者本地路徑外,還可以直接應(yīng)用flask的bootstrap集成包,首先需要對集成包進行安裝:

pip3.6 install flask-bootstrap

這是一個flask的擴展包,flask的所有擴展包默認默認的包名都為flask.ext打頭,同樣bootstrap也是如此,首先在default的文件的頭部導(dǎo)入包:

from flask.ext.bootstrap import Bootstrap

然后對bootstrap進行初始化,修改代碼:

bootstrap=Bootstrap(app)

初始化之后,就可以使用Jinja2的繼承方式使用此包中的包含的一系列的針對Bootstrap的基模板。基模板中直接引用了一系列的bootstrap中的元素。

還記得如何在jinja2中使用模板繼承吧,下面在使用之前,首先看看基模板的結(jié)構(gòu):

        		

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式