Django套用現成模板,匯入css,js,images等檔案
阿新 • • 發佈:2019-01-22
環境
- windows10
- pycharm2017.3.3 professional edition(必須專業版)
- python3.6.4
- django2.0.2
參考資料
方法
- 從網路上下載模板,比如模板之家
- 將模板中的html檔案放入專案的template資料夾下,其實也可以放到其他目錄下,只是設定的時候改一下目錄即可。
- 在專案的根目錄或APP下建立一個資料夾命名為static用於儲存css、js、images等檔案
開啟專案,在settings.py檔案裡尋找TEMPLATES選項,新增static檔案
'DIRS': [os.path.join(BASE_DIR, 'templates'
在settings.py最底部新增
STATIC_ROOT = os.path.join(BASE_DIR, 'static').replace('\\', '/') STATICFILES_DIRS = ( ('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')), ('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/'
修改urls.py檔案在檔案頭新增
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
在檔案尾部新增
urlpatterns += staticfiles_urlpatterns()
修改HTML檔案裡面的路徑
匯入css
<link href="/static/css/bootstrap.css"
匯入js
<script src="/static/js/jquery-1.11.1.min.js"></script>
插圖
<img src="/static/images/4.jpg" alt=" " class="img-responsive" />