1. 程式人生 > >Django套用現成模板,導入css,js,images等文件【轉】

Django套用現成模板,導入css,js,images等文件【轉】

trap 鏈接 rep 流程 media nts arm style base

環境

  • windows10
  • pycharm2017.3.3 professional edition(必須專業版)
  • python3.6.4
  • django2.0.2

參考資料
http://blog.csdn.net/qq_21182587/article/details/69936510
找了很多資料,就這個最全,使用最方便,感謝作者

方法

1、創建項目

  參考Django項目創建流程

2、從網絡上下載模板,比如模板之家

3、將模板中的html文件放入項目的template文件夾下,其實也可以放到其他目錄下,只是設置的時候改一下目錄即可。

4、在項目的根目錄或APP下創建一個文件夾命名為static用於保存css、js、images等文件

5、打開項目,在settings.py文件裏尋找TEMPLATES選項,添加static文件

  ‘DIRS‘: [os.path.join(BASE_DIR, ‘templates‘),
  os.path.join(BASE_DIR, ‘static‘).replace(‘\\‘, ‘/‘)],

  在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(‘\\‘, ‘/‘)),
(‘fonts‘, os.path.join(STATIC_ROOT, ‘fonts‘).replace(‘\\‘, ‘/‘)),
(‘js‘, os.path.join(STATIC_ROOT, ‘js‘).replace(‘\\‘, ‘/‘)),
)

6、修改urls.py文件在文件頭添加

  from django.contrib.staticfiles.urls import staticfiles_urlpatterns

  在文件尾部添加

  urlpatterns += staticfiles_urlpatterns()

7、修改HTML文件裏面的路徑

  導入css

  <link href="/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  <link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />

  導入js

  <script src="/static/js/jquery-1.11.1.min.js"></script>

  插圖

  <img src="/static/images/4.jpg" alt=" " class="img-responsive" />
---------------------
作者:Uncle_Gen
來源:CSDN
原文:https://blog.csdn.net/mildddd/article/details/79557803
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!

Django套用現成模板,導入css,js,images等文件【轉】