摘要:刪除的全部代碼,并添加如下代碼第行使用了的一個自定義模板標(biāo)簽,它讓包含所有的樣式文件。只修改了樣式,并沒有修改代碼。
《Python編程:從入門到實踐》筆記。1. 前言
本篇將對Django項目做最后的完善。本篇也是這本書的最后一篇。
在本篇中,我們將:
使用Bootstrap庫設(shè)置樣式;
把項目部署到Heroku上。
2. 設(shè)置項目“學(xué)習(xí)筆記”的樣式之前關(guān)注的都是項目的功能,現(xiàn)在來為項目添加樣式。
我們將使用django-bootstrap3來設(shè)置樣式。首先請在虛擬環(huán)境中安裝這個第三方庫。
然后像之前在項目settings.py中注冊我們自己編寫的APP一樣,注冊bootstrap3這個應(yīng)用程序。
還需要包含django-bootstrap3包含jQuery,在settings.py末尾添加如下代碼:
-- snip -- LOGIN_URL = "/users/login/" # django-bootstrap3的設(shè)置 BOOTSTRAP3 = { "include_jquery": True, }2.1 修改base.html 2.1.1 定義HTML頭部
實現(xiàn)訪問項目的每個頁面時,瀏覽器標(biāo)題都現(xiàn)實這個網(wǎng)站的名稱。另外還添加了一些在模板中使用Bootstrap所需的信息。刪除base.html的全部代碼,并添加如下代碼:
{% load bootstrap3 %}Learning Log {% bootstrap_css %} {% bootstrap_javascript %}
第12行使用了django-bootstrap3的一個自定義模板標(biāo)簽,它讓Django包含所有的Bootstrap樣式文件。第13行啟用可能在頁面中使用的所有交互式行為,如可折疊的導(dǎo)航欄。
2.1.2 定義導(dǎo)航欄-- snip --