1. 程式人生 > >Django製作HTML網頁並載入樣式

Django製作HTML網頁並載入樣式

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" />

執行效果:
這裡寫圖片描述