實戰Django：官方實例Part6

咱們終於迎來了官方實例的最後一個Part。在這一節中，捨得要向你們介紹Django的靜態文件管理。

如今，咱們要往這個投票應用裏面添加一個CSS樣式表和一張圖片。

一個完整的網頁文件，除了html文檔外，一般還須要其它一些文件，好比圖片、JS或者CSS，這些文件，咱們稱之爲「靜態文件」。

在那些小項目中，咱們不須要對靜態文件關注太多，由於你能夠將這些文件隨便放置，只要你的服務器能查找獲得就好。但在大一點的項目中，尤爲是那些擁有好多個應用的項目，靜態文件的管理便變得很是重要，因此騷年，仍是從一開始就養成良好的靜態文件管理習慣吧！

 

25.添加樣式表

---

首先，在polls文件夾下建立一個叫static的文件夾，Django會自動查找到這個文件夾，就象它能自動查到咱們的模板文件夾同樣。

Django擁有一系列的靜態文件查找手段。其中一種就是在你的應用文件夾下查找有沒有static文件夾。

在你把static文件夾建好後，接着在static下面建一個polls文件夾，而後在這個polls文件夾下建立一個叫styles.css的文件。這個文件的正確路徑應該是：

polls/static/polls/style.css

在styles.css中加入下列內容：

polls/static/polls/style.css:

li a {
    color: green;
}

接下來，編輯polls/templates/polls/index.html 文件，在開頭處插入下述代碼：

polls/templates/polls/index.html ：

{% load staticfiles %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

{% load staticfiles %} 加載了 {% static %}模板標籤，這個 {% static %}模板標籤負責生成這個靜態文件（style.css）的絕對路徑。

讓咱們開啓Django服務器（如何開啓？請返回閱讀Part1），而後訪問http://127.0.0.1:8000/polls/，你會看到那個「What's Up？」已經變成了綠色，這就說明咱們的樣式表（style.css）已經發揮做用了。

 

26.添加背景圖

---

下面，咱們要建立一個圖片文件夾，在polls/static/polls/文件夾下建立一個images文件夾，而後在這個文件夾裏放一個叫background.gif的文件（找一個你認爲合適的圖片，改爲這個名字就行），這個文件的正確路徑應該是：

polls/static/polls/images/background.gif

而後，往樣式表（style.css）裏添加如下內容：

polls/static/polls/style.css ：

body {
    background: white url("images/background.gif");
}

刷新一下瀏覽器，你能夠看到咱們剛加上去的背景圖。

好了，咱們這個官方實例就介紹到這裏，有必定英文閱讀能力的童鞋，建議到Django官方網站（https://www.djangoproject.com/）下載官方文檔來閱讀。

在從此這段時間，捨得還會將本身整理的多個實例陸續介紹給你們。

 

最後,附上整個實例的源代碼,下載地址:捨得學苑下載中心

 

本文版權歸捨得學苑全部，歡迎轉載，轉載請註明做者和出處。謝謝！
做者：捨得
首發：捨得學苑@博客園