Django STATIC_URL 的理解

項(xiàng)目結(jié)構(gòu)

?

# 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

\color{red}{也就是說}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

參考:

https://blog.csdn.net/jj546630576/article/details/78606531

https://blog.csdn.net/wilde_lf/article/details/79402661

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容