您现在的位置：程式師世界 >> 編程語言 > >> 更多編程語言 >> Python

django多個static

編輯：Python

首先目錄結構,項目名djangoProject1

有app一個模塊

這裡我們分別要訪問static和app/static裡面的資源

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style> .img-div > img {
 width: 30%; padding: 10%; } .img-div {
 display: flex; align-items: center; justify-content: center; } </style>
</head>
<body>
<h1>用戶列表</h1>
<div class="img-div">
<img src="/static/img/fearless_contract.jpg"/>
<img src="/static/img/eternal_disaster.jpg"/>
</div>
</body>
</html>

配置文件setttings.py

# 上面代碼略
# 根靜態目錄
STATIC_URL = '/static/'
# 解決靜態資源無法找到
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static').replace('\\', '/'),
os.path.join(BASE_DIR, 'app/static').replace('\\', '/'),
]
# 下面代碼略

最終結果

！！！另外的第二種寫法（推薦）

html

｛% load static %｝
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style> .img-div > img {
 width: 30%; padding: 10%; } .img-div {
 display: flex; align-items: center; justify-content: center; } </style>
</head>
<body>
<h1>用戶列表</h1>
<div class="img-div">
<img src="{% static 'img/fearless_contract.jpg' %}"/>
<img src="{% static 'img/eternal_disaster.jpg' %}"/>
</div>
</body>
</html>

settings.py

# 上面代碼略
# 根靜態目錄
STATIC_URL = '/static/'
# 解決靜態資源無法找到
# STATICFILES_DIRS = [
# os.path.join(BASE_DIR, 'static').replace('\\', '/'),
# os.path.join(BASE_DIR, 'app/static').replace('\\', '/'),
#]
# 下面代碼略