溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

詳解Django模版中加載靜態(tài)文件配置方法

發(fā)布時間:2020-09-24 16:37:49 來源:腳本之家 閱讀:124 作者:子欽加油 欄目:開發(fā)技術(shù)

1、settings.INSTALLED_APPS下添加:django.contrib.staticfiles

2、settings.py下添加:STATIC_URL = '/static/'

3、

(1)在APP下新建文件夾static,然后在這個static文件夾下創(chuàng)建一個當前APP的名字的文件夾,再把靜態(tài)文件放到這個文件夾下:(類似于Templates配置)

在模板中這樣調(diào)用:

{% load static %}
<img src="{% static 'front/logo.jpg' %}">

(2)在項目下新建文件夾static,再新建和APP同名的文件夾,把該APP用到的靜態(tài)文件,全放在這里面

如果有一些靜態(tài)文件是不和任何APP掛鉤的。那么可以在settings.py中添加STATICFILES_DIRS,以后DTL就會在這個列表的路徑中查找靜態(tài)文件。比如可以設(shè)置為:(類似于Templates配置)

STATICFILES_DIRS = [
  os.path.join(BASE_DIR,"static")
]

在模板中這樣調(diào)用:

{% load static %}
<link rel="stylesheet" href="{% static 'index.css' %}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >

4、如果不想每次在模版中加載靜態(tài)文件時都使用{% load static %},那么就把static標簽變成Django內(nèi)置標簽:

(1)在settings.py中的TEMPLATES/OPTIONS下添加'builtins':['django.templatetags.static']

(2)在模板中就可以直接使用static標簽

  <img src="{% static 'front/logo.jpg' %}">
  <link rel="stylesheet" href="{% static 'index.css' %}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >

上面是詳解,下面是我喜歡用的配置方式:

1、settings.INSTALLED_APPS下添加:django.contrib.staticfiles

2、settings.py下添加:STATIC_URL = '/static/'

3、settings.py下添加:(此處有的不是用[],而是小括號(),但是會報加載不進來錯誤)

STATICFILES_DIRS = [
  os.path.join(BASE_DIR,"static")
]

4、在項目下新建文件夾static,再新建和APP同名的文件夾,把該APP用到的靜態(tài)文件,全放在這里面

5、在settings.py中的TEMPLATES/OPTIONS下添加'builtins':['django.templatetags.static']

6、在模板中使用靜態(tài)文件

 <img src="{% static 'front/logo.jpg' %}">
  <link rel="stylesheet" href="{% static 'index.css' %}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >

總結(jié)

以上所述是小編給大家介紹的詳解Django模版中加載靜態(tài)文件配置方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI