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

Django multiple static

編輯：Python

First, the directory structure , Project name djangoProject1

Yes app A module

Here we are going to visit static and app/static Resources inside

<!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> User list </h1>
<div class="img-div">
<img src="/static/img/fearless_contract.jpg"/>
<img src="/static/img/eternal_disaster.jpg"/>
</div>
</body>
</html>

The configuration file setttings.py

# The above code is omitted 
# Root static directory 
STATIC_URL = '/static/'
# Solve the problem that static resources cannot be found 
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static').replace('\\', '/'),
os.path.join(BASE_DIR, 'app/static').replace('\\', '/'),
]
# The following code is omitted

final result

！！！ Another second way of writing （ recommend ）

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> User list </h1>
<div class="img-div">
<img src="{% static 'img/fearless_contract.jpg' %}"/>
<img src="{% static 'img/eternal_disaster.jpg' %}"/>
</div>
</body>
</html>

settings.py

# The above code is omitted 
# Root static directory 
STATIC_URL = '/static/'
# Solve the problem that static resources cannot be found 
# STATICFILES_DIRS = [
# os.path.join(BASE_DIR, 'static').replace('\\', '/'),
# os.path.join(BASE_DIR, 'app/static').replace('\\', '/'),
#]
# The following code is omitted