環(huán)境
windows10
python3.6.4
django2.0.2
將模板中的html文件放入項(xiàng)目的template文件夾下洪灯，其實(shí)也可以放到其他目錄下，只是設(shè)置的時(shí)候改一下目錄即可掏呼。
在項(xiàng)目的根目錄或APP下創(chuàng)建一個(gè)文件夾命名為static用于保存css铅檩、js、images等文件
打開項(xiàng)目拾给，在settings.py文件里尋找TEMPLATES選項(xiàng)兔沃，添加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('\', '/')),
)
修改urls.py文件在文件頭添加
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
在文件尾部添加
urlpatterns += staticfiles_urlpatterns()
修改HTML文件里面的路徑
導(dǎo)入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" />
導(dǎo)入js
<script src="/static/js/jquery-1.11.1.min.js"></script>
插圖
<img src="/static/images/4.jpg" alt=" " class="img-responsive" />
