django多个static

修罗_

已于 2022-06-20 15:10:57 修改

阅读量476

点赞数

分类专栏： Django 文章标签： django python 后端

于 2022-06-20 12:19:25 首次发布

本文链接：https://blog.csdn.net/weixin_45843676/article/details/125370289

版权

Django 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在Django项目中如何管理多个静态资源目录，包括项目根目录下的static和应用目录下的static。通过配置setttings.py文件，详细展示了两种不同的设置方法，确保能够正确访问到所有静态文件。同时，提到了HTML中引用静态资源的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先目录结构,项目名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('\\', '/'),
#]
# 下面代码略