1. 程式人生 > >django靜態模版使用

django靜態模版使用

分享圖片 ots back png mes src req boot 分享

第一步:
在app目錄下建立static文件夾,將CSS文件、js文件放到static文件夾下

技術分享圖片



第二步:
TEMPLATES = [
{
‘BACKEND‘: ‘django.template.backends.django.DjangoTemplates‘,
‘DIRS‘: [os.path.join(BASE_DIR,‘templates‘).replace(‘\\‘,‘/‘)], #加入這行代碼
‘APP_DIRS‘: True,
‘OPTIONS‘: {
‘context_processors‘: [
‘django.template.context_processors.debug‘,
‘django.template.context_processors.request‘,
‘django.contrib.auth.context_processors.auth‘,
‘django.contrib.messages.context_processors.messages‘,
],
},
},
]

第三步:
應用css、js文件,引用格式
<link rel="stylesheet" href="{% static ‘bower_components/bootstrap/dist/css/bootstrap.min.css‘ %}">
<link rel="stylesheet" href="{% static ‘bower_components/bootstrap/dist/js/bootstrap.min.js‘ %}">

django靜態模版使用