一、各個路徑文件夾的作用
1.STATIC_ROOT 是在部署的時候才發揮作用,執行 python managy.py collectstatic ,會在工程文件下生成(STATIC_ROOT )文件夾,把各個app下的靜態文件收集到這個目錄下。當然,需要配置Nginx。
2.STATICFILES_DIRS
靜態文件的一般安放位置有兩種:
(1).一種就是在每個app裡面新建一個static文件夾,將靜態文件放到裡面,在加載靜態文件時,比如要在模板中用到靜態文件,django會自動在每個app裡面搜索static文件夾(所以,不要把文件夾的名字寫錯, 否則django就找不到你的文件夾)。
(2).另一種,就是在所有的app文件外面,建立一個公共的文件夾,,也就是我們的STATICFILES_DIRS。因為有些靜態文件不是某個app獨有的,那麼就可以把它放到一個公共文件夾裡面,方便管理(注意,建立一個公共的靜態文件的文件夾只是一種易於管理的做法,但是不是必須的,app是可以跨app應用靜態文件的,因為最後所有的靜態文件都會在STATIC_ROOT裡面存在)
那現在的問題是如何讓django知道你把一些靜態文件放到app以外的公共文件夾中呢,那就需要配置STATICFILES_DIRS了
二、明白Django靜態文件的引用:
在static標籤中引用文件時有兩個查找路徑:1、app下的static。2、工程下的commen_static(STATICFILES_DIRS) 。
STATICFILES_DIRS告訴django,首先到STATICFILES_DIRS裡面尋找靜態文件,其次再到各個app的static文件夾裡面找(注意,django查找靜態文件是惰性查找,查找到第一個,就停止查找了)
三、STATIC_URL
那麼到此為止,靜態文件的機制就可以運作了,但是有一個問題,我能不能通過url直接訪問我在項目中的靜態文件。但是,你在瀏覽器訪問,你不可能輸入你的靜態文件的本地絕對地址吧,比如我的一種圖片的本地地址為
home/blogproject/common_static/img/1.png
那麼別人不可能在瀏覽器上直接輸入:
http://127.0.0.1:8000/home/blogproject/common_static/img/1.png
這樣子,瀏覽器會報錯,,沒有該頁面
那麼django是如何讓瀏覽器也可以訪問服務器上的靜態文件呢,前面已經說了,直接訪問服務器本地的地址是不行的,那就需要一個映射,django利用STATIC_URL來讓瀏覽器可以直接訪問靜態文件,比如:
STATIC_URL = "/static/"
那麼可以在瀏覽器上輸入:
http://127.0.0.1:8000/static/img/1.png
http://127.0.0.1:8000/static/img/3.png
那麼就相當與訪問:
/home/blogproject/common_static/img/1.png
/home/blogproject/mytest/static/img/3.png
也就是說STATIC_URL = "/static/" 可以定位到各個app下的staic/和工程下的commen_static/。
所以在瀏覽器上,利用前綴 STATIC_URL的具體內容,來映射app下的static和STATICFILES_DIRS,
http://127.0.0.1:8000/static/ 相當於 本地地址的app/static 和 STATICFILES_DIRS
三、一般我們在模板中使用
<img src="{% static "img/1.png" %}" />
我們在模板中添加一行 {% load staticfiles %},告訴django模板引擎我們要在模板中使用靜態文件。這樣,便可以使用static模板標籤引入靜態目錄中的文件。 static "img/1.png" 告訴django,我們要顯示目錄名中img/1.png 的文。static標籤會在img/1.png前加上STATIC_URL的指定URL,得到/static/img/1.png 。django模板引擎生成如下html
<img src="/static/img/1.png" />
如果使用
<img src="{{STATIC_URL}}img/3.png" />
需要在setting.py中添加些設置:
1. INSTALLED_APPS 中,加入 "django.contrib.staticfiles" ,這個一般都有。
2. TEMPLATES 中,context_processors中,加入django.template.context_processors.static