1. 程式人生 > 其它 >Django引用靜態頁面格式css,js

Django引用靜態頁面格式css,js

技術標籤:Python WEB開發djangopythonjs

背景

最近做Django專案出現一個問題,就是Django中把靜態頁面和頁面格式同時放入templates模板目錄下,在伺服器上執行發現格式檔案不顯示,經過一系列搜尋最終解決問題。

第一步建立一個靜態資料夾static,然後把格式對應的靜態檔案放入該資料夾下。
在這裡插入圖片描述
然後去專案的配置檔案setting.py中引入這些靜態檔案。

STATIC_URL = '/static/'  # 配置檔案最後有,沒有的話手動新增

STATIC_ROOT = os.path.join(BASE_DIR, 'static')  # 靜態檔案根目錄

STATICFILES_DIRS = [  # 靜態檔案下的格式檔案
    ("css", os.path.join(STATIC_ROOT, 'css')),
    ("js", os.path.join(STATIC_ROOT, 'js')),
    ("font", os.path.join(STATIC_ROOT, 'font')),
    ("font-awesome", os.path.join(STATIC_ROOT, 'font-awesome'))
]

最後把xxx.html中引入格式的路徑改一下就成功了
在這裡插入圖片描述