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

環境css

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

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

方法python

一、建立項目 jquery

  參考Django項目建立流程django

二、從網絡上下載模板,好比模板之家bootstrap

三、將模板中的html文件放入項目的template文件夾下,其實也能夠放到其餘目錄下,只是設置的時候改一下目錄便可。windows

四、在項目的根目錄或APP下建立一個文件夾命名爲static用於保存css、js、images等文件網絡

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

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

  在settings.py最底部添加spa

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('\\', '/')),
)

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

  from django.contrib.staticfiles.urls import staticfiles_urlpatterns

  在文件尾部添加

  urlpatterns += staticfiles_urlpatterns()

七、修改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>  插圖

相關文章
相關標籤/搜索