1. 程式人生 > >Django 靜態檔案配置及使用

Django 靜態檔案配置及使用

內容從http://www.aichengxu.com/htmlcss/49381.htm整理得來
原因:django部署方式比較特別,採用靜態檔案路徑:STATICFILES_DIRS的部署方式,之前你寫的相對路徑,絕對路徑因為缺少靜態檔案路徑而全部失效

解決方法:

  • 步驟一:在settings.py檔案的最後加上以下內容:
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(os.path.dirname(__file__),'static')
# 設定圖片等靜態檔案的路徑
STATICFILES_DIRS = (

('css',os.path.join(STATIC_ROOT,'css').replace
('\\','/') ), ('js',os.path.join(STATIC_ROOT,'js').replace('\\','/') ), ('images',os.path.join(STATIC_ROOT,'images').replace('\\','/') ), ('upload',os.path.join(STATIC_ROOT,'upload').replace('\\','/') ), )
  • 步驟2:在urls.py檔案的開頭第一行和第二行分別加上以下內容:
from django.contrib.staticfiles.urls import staticfiles_urlpatterns

from
django.contrib import staticfiles

在urls.py檔案最後加上以下內容:

#設定靜態檔案路徑
urlpatterns += staticfiles_urlpatterns()
  • 步驟3:設定靜態檔案的目錄,很關鍵

整個檔案的目錄結構如下

project---project

---app

|

----static

|

-----templates

你的static和templates處於同級目錄,然後將你的images,css,js資料夾放在static目錄下面

測試:在你模板,也就是html檔案中

<p><img
src="/static/images/bg_information.png.png" width="980" height="180">
</p>
  • 注意:改成自己的圖片名稱,注意圖片字首:/static/images/ 別寫成 static/images/ 這樣會無法顯示

大功告成,嗨起來。