首頁>科技>

一、各個路徑文件夾的作用

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

6
最新評論
  • 整治雙十一購物亂象,國家再次出手!該跟這些套路說再見了
  • 新勢力8月份交付排行再洗牌:問界破萬,理想墊底