django模板中匯入js、css等靜態檔案
阿新 • • 發佈:2020-09-08
開啟settings.py,在底部新增:
import os STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'), )
開啟urls.py,新增:(注意,如果你在blog目錄下也建立了urls.py,那麼就得在blog/urls.py中做修改。別忘了import settings)
import settings urlpatterns = patterns('', url( r'^static/(?P<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_URL }), )
然後將你的css,js檔案以及html中引用的靜態圖片都放置在static資料夾裡。
在html模板裡呼叫:
<link rel="stylesheet" href="../../static/css/style.css" type="text/css">
注意,href就是你在static裡面css等的路徑。
然後啟動python manage.py runserver
訪問http://127.0.0.1:8000/static/css/style.css
若能訪問檔案,說明你css等靜態檔案已經可以被django找到了,這時訪問你 的模板對應的頁面就可以發現頁面可以引用css了
用法
1.在settings.py中定義你的STATIC_URL:
STATIC_URL='/static/'
- 1
2.在專案中,static檔案的目錄如下圖所示:
專案名:ProjetTestDjango;APP名:peojetDjango,static 資料夾在APP目錄下。
3.在settings.py中新增專案APP:
4.在HTML檔案中呼叫:
{% load static %} <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" media="all">
<img class="img" src="{% static 'images/logos/Google_Translate_Icon.png' %}" width="36" height="36">
筆記用,侵歉刪