靜態檔案配置
阿新 • • 發佈:2020-08-24
靜態檔案配置
js、css、img等都叫做靜態檔案,那麼關於django中靜態檔案的配置,我們就需要在settings配置檔案裡面寫上這寫內容:
1 在專案中建立一個資料夾,比如叫jingtaiwenjian # STATIC_URL = '/xxx/' #別名,隨便寫名字,但是如果你改名字,別忘了前面頁面裡面如果你是通過/xxx/bootstrap.css的時候,如果這裡的別名你改成了/static/的話,你前端頁面的路徑要改成/static/bootstrap.css。所以我們都是用下面的load static的方式來使用靜態檔案路徑 2 STATIC_URL = '/static/' #別名 3 STATICFILES_DIRS = [ os.path.join(BASE_DIR,'jingtaiwenjian'), #注意別忘了寫逗號,第二個引數就是專案中你存放靜態檔案的資料夾名稱 ]
目錄:別名也是一種安全機制,瀏覽器上通過除錯臺你能夠看到的是別名的名字,這樣別人就不能知道你靜態資料夾的名字了,不然別人就能通過這個資料夾路徑進行攻擊。
前端頁面引入靜態檔案的寫法,因為別名也可能會修改,所以使用路徑的時候通過load static來找到別名,通過別名對映路徑的方式來獲取靜態檔案
{% static %}
{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />
引用JS檔案時使用:
{% load static %} <script src="{% static "mytest.js" %}"></script>
某個檔案多處被用到可以存為一個變數
{% load static %}
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>
{% get_static_prefix %}
{% load static %}
<img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />
或者
{% load static %} {% get_static_prefix as STATIC_PREFIX %} <img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" /> <img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />