環境
- 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
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!