Django學習教程之靜態文件的調用詳解

前言

靜態文件是指 網站中的 js, css, 圖片，視頻等文件，本文主要給大家介紹了關于Django學習之靜態文件調用的相關內容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧

方法如下

1.settings.py 靜態文件相關示例代碼及說明：

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.8/howto/static-files/
 
STATIC_URL = '/static/'
 
# 當運行 python manage.py collectstatic 的時候
# STATIC_ROOT 文件夾 是用來將所有STATICFILES_DIRS中所有文件夾中的文件，以及各app中static中的文件都復制過來
# 把這些文件放到一起是為了用apache等部署的時候更方便
STATIC_ROOT = os.path.join(BASE_DIR, 'collected_static')
 
# 其它 存放靜態文件的文件夾，可以用來存放項目中公用的靜態文件，里面不能包含 STATIC_ROOT
# 如果不想用 STATICFILES_DIRS 可以不用，都放在 app 里的 static 中也可以
STATICFILES_DIRS = (
 os.path.join(BASE_DIR, "common_static"),
 '/path/to/others/static/', # 用不到的時候可以不寫這一行
)
 
# 這個是默認設置，Django 默認會在 STATICFILES_DIRS中的文件夾 和 各app下的static文件夾中找文件
# 注意有先后順序，找到了就不再繼續找了
STATICFILES_FINDERS = (
 "django.contrib.staticfiles.finders.FileSystemFinder",
 "django.contrib.staticfiles.finders.AppDirectoriesFinder"
)

2.STATIC_ROOT

STATIC_ROOT = os.path.join(BASE_DIR, 'collect_static')#BASE_DIR是項目的絕對地址

STATIC_ROOT 是在部署靜態文件時(pyhton manage.py collectstatic)所有的靜態文靜聚合的目錄,

STATIC_ROOT要寫成絕對地址,在這里,比如我的項目mysite是/home/mysite/ 那么STATIC_ROOT 為 /home/mysite/collect_static/

部署項目時,在終端輸入:

python manage.py collectstatic

django會把所有的static文件都復制到STATIC_ROOT文件夾下

3.STATICFILES_DIRS

STATIC_ROOT 是在部署的時候才發揮作用, 而實際情況下,靜態文件的一般安放位置有兩種:

1.一種就是在每個app里面新建一個static文件夾,將靜態文件放到里面,在加載靜態文件時,比如要在模板中用到靜態文件，

django會自動在每個app里面搜索static文件夾(所以,不要把文件夾的名字寫錯哦, 否則django就找不到你的文件夾了

2.另一種,就是在所有的app文件外面,建立一個公共的文件夾, 因為有些靜態文件不是某個app獨有的,那么就可以把它放

到一個公共文件夾里面,方便管理(注意,建立一個公共的靜態文件的文件夾只是一種易于管理的做法,但是不是必須的,

app是可以跨app應用靜態文件的,因為最后所有的靜態文件都會在STATIC_ROOT里面存在) 那現在的問題是如何讓

django知道你把一些靜態文件放到app以外的公共文件夾中呢,那就需要配置STATICFILES_DIRS了

STATICFILES_DIRS = (
 os.path.join(BASE_DIR, 'common_static'),
)

STATICFILES_DIRS告訴django,首先到STATICFILES_DIRS里面尋找靜態文件,其次再到各個app的static文件夾里面找(注意, django查找靜態文件是惰性查找,查找到第一個,就停止查找了)

3.STATIC_URL

那么到此為止,靜態文件的機制就可以運作了,但是有一個問題,我能不能通過url直接訪問我在項目中的靜態文件呢,答案肯定是啦,但是,注意,你是在瀏覽器是訪問,你不可能輸入你的靜態文件的本地絕對地址吧,比如我的一種圖片的本地地址為 /home/mysite/common_static/myapp/photo.png

那么別人不可能在瀏覽器上直接輸入:
http://192.168.1.2:8000/home/mysite/common_static/myapp/photo.png

這樣子,瀏覽器會報錯, 沒有該頁面

那么django是如何讓瀏覽器也可以訪問服務器上的靜態文件呢,前面已經說了,直接訪問服務器本地的地址是不行的,那就需要一個映射,django利用STATIC_URL來讓瀏覽器可以直接訪問靜態文件,比如:

STATIC_URL = '/static/'

那么可以在瀏覽器上輸入:
http://192.168.1.2:8000/static/common_static/myapp/photo.png

那么就相當與訪問/home/mysite/common_static/myap/photo.png

所以在瀏覽器上,利用前綴 STATIC_URL的具體內容,來映射STATIC_ROOT,
HTTP://192.168.1.2:8000/static 相當于 本地地址的STATIC_ROOT

參考文中：https://www.jb51.net/article/139718.htm

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。