Django製作HTML網頁並載入樣式
阿新 • • 發佈:2018-12-26
1、Django製作HTML網頁
新建.html檔案存放目錄,建立顯示的.html頁面
2、建立CSS檔案和Img存放目錄
span{
color:red;
}
3、HTML網頁中引用CSS和Img
1)settings.py中配置TEMPLATES
'DIRS':[os.path.join(BASE_DIR,'EN5TestModel/HTMLView'),
os.path.join(BASE_DIR,'EN5TestModel/static')],
2)settings.py中配置STATICFILES_DIRS
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(STATIC_URL, 'CSS/'),
os.path.join(STATIC_URL, 'Img/')
]
3)urls.py中設定靜態檔案路徑
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
urlpatterns += staticfiles_urlpatterns()
4)html網頁中引用
<link href="/static/CSS/GrowMemory.css" rel="stylesheet" type="text/css" />
<img src="/static/Img/hong.gif" />
執行效果: