

?
# the settings above
# STATIC SETTINGS
STATIC_URL = '/static/'
# BASE_DIR 是項(xiàng)目的絕對地址
STATIC_ROOT = os.path.join(BASE_DIR, 'collect_static')
#以下不是必須的 各個(gè)app共用的文件可以放在這
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'common_static'),
)

# 這四個(gè)都可以定位到文件
{% load staticfiles %}
<img src="{% static 'img/1.png' %}" />
<img src="{% static 'img/3.png' %}" />
<img src="{{STATIC_URL}}img/1.png" />
<img src="{{STATIC_URL}}img/3.png" />

一、各個(gè)路徑文件夾的作用
1.STATIC_ROOT 是在部署的時(shí)候才發(fā)揮作用,執(zhí)行 python managy.py collectstatic ,會(huì)在工程文件下生成(STATIC_ROOT )文件夾,把各個(gè)app下的靜態(tài)文件收集到這個(gè)目錄下。當(dāng)然,需要配置Nginx。
2.STATICFILES_DIRS
靜態(tài)文件的一般安放位置有兩種:
(1).一種就是在每個(gè)app里面新建一個(gè)static文件夾,將靜態(tài)文件放到里面,在加載靜態(tài)文件時(shí),比如要在模板中用到靜態(tài)文件,django會(huì)自動(dòng)在每個(gè)app里面搜索static文件夾(所以,不要把文件夾的名字寫錯(cuò), 否則django就找不到你的文件夾)。
(2).另一種,就是在所有的app文件外面,建立一個(gè)公共的文件夾,,也就是我們的STATICFILES_DIRS。因?yàn)橛行╈o態(tài)文件不是某個(gè)app獨(dú)有的,那么就可以把它放到一個(gè)公共文件夾里面,方便管理(注意,建立一個(gè)公共的靜態(tài)文件的文件夾只是一種易于管理的做法,但是不是必須的,app是可以跨app應(yīng)用靜態(tài)文件的,因?yàn)樽詈笏械撵o態(tài)文件都會(huì)在STATIC_ROOT里面存在)
那現(xiàn)在的問題是如何讓django知道你把一些靜態(tài)文件放到app以外的公共文件夾中呢,那就需要配置STATICFILES_DIRS了
二、明白Django靜態(tài)文件的引用:
在static標(biāo)簽中引用文件時(shí)有兩個(gè)查找路徑:1、app下的static。2、工程下的commen_static(STATICFILES_DIRS) 。
STATICFILES_DIRS告訴django,首先到STATICFILES_DIRS里面尋找靜態(tài)文件,其次再到各個(gè)app的static文件夾里面找(注意,django查找靜態(tài)文件是惰性查找,查找到第一個(gè),就停止查找了)
三、STATIC_URL
那么到此為止,靜態(tài)文件的機(jī)制就可以運(yùn)作了,但是有一個(gè)問題,我能不能通過url直接訪問我在項(xiàng)目中的靜態(tài)文件。但是,你在瀏覽器訪問,你不可能輸入你的靜態(tài)文件的本地絕對地址吧,比如我的一種圖片的本地地址為
home/blogproject/common_static/img/1.png
那么別人不可能在瀏覽器上直接輸入:
http://127.0.0.1:8000/home/blogproject/common_static/img/1.png
這樣子,瀏覽器會(huì)報(bào)錯(cuò),,沒有該頁面
那么django是如何讓瀏覽器也可以訪問服務(wù)器上的靜態(tài)文件呢,前面已經(jīng)說了,直接訪問服務(wù)器本地的地址是不行的,那就需要一個(gè)映射,django利用STATIC_URL來讓瀏覽器可以直接訪問靜態(tài)文件,比如:
STATIC_URL = '/static/'
那么可以在瀏覽器上輸入:
http://127.0.0.1:8000/static/img/1.png
http://127.0.0.1:8000/static/img/3.png
那么就相當(dāng)與訪問:
/home/blogproject/common_static/img/1.png
/home/blogproject/mytest/static/img/3.png
STATIC_URL = '/static/' 可以定位到各個(gè)app下的staic/和工程下的commen_static/。
所以在瀏覽器上,利用前綴 STATIC_URL的具體內(nèi)容,來映射app下的static和STATICFILES_DIRS,
http://127.0.0.1:8000/static/ 相當(dāng)于 本地地址的app/static 和 STATICFILES_DIRS
三、一般我們在模板中使用
<img src="{% static 'img/1.png' %}" />

如果使用
<img src="{{STATIC_URL}}img/3.png" />

需要在setting.py中添加些設(shè)置:
1. INSTALLED_APPS 中,加入 'django.contrib.staticfiles'
2. TEMPLATES 中,context_processors中,加入django.template.context_processors.static
參考: