如何在 django 3.2.9 中添加静态文件

📌 相关文章

📜 如何在 django 3.2.9 中添加静态文件 - Python (1)

📅 最后修改于: 2023-12-03 15:24:09.468000 🧑 作者: Mango

在 Django 中，静态文件是不包括在 Django 应用程序的 Python 代码中的文件，如 CSS、JavaScript、图像等。为了让这些静态文件能够在应用程序中运行，需要进行一些设置。这篇文章将指导您如何在 Django 3.2.9 中添加静态文件。

静态文件目录

首先要做的是在 Django 项目的根目录中创建一个名为 static 的子目录。该目录包含了所有静态文件，如下：

myproject/
    manage.py
    myapp/
        views.py
        templates/
            index.html
    static/
        css/
            style.css
        js/
            script.js
        images/
            logo.png

在这个例子中，static/ 目录包含了三个子目录 - css/、js/ 和 images/，用于存储不同类型的静态文件。

配置静态文件

接下来需要在 Django 项目的配置文件 settings.py 中添加一些设置。这些设置需要告诉 Django 在哪里查找静态文件。在 settings.py 文件的底部添加以下内容：

STATIC_URL = '/static/'
STATICFILES_DIRS = [BASE_DIR / "static"]

STATIC_URL 是一个 URL，用于访问静态文件目录。在这个例子中，静态文件位于 /static/ 目录下。STATICFILES_DIRS 是一个包含静态文件目录的列表。在这个例子中，静态文件目录是项目根目录下的 static/ 子目录。

导入静态文件

静态文件配置完成后，可以在 Django 视图或模板中导入静态文件。例如，在 index.html 模板文件中导入一个 CSS 文件：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
    <h1>Welcome to my Django app</h1>
    <p>This is a static HTML page served by a Django view. Here's an image:</p>
    <img src="{% static 'images/logo.png' %}" alt="My logo">
    <script src="{% static 'js/script.js' %}"></script>
</body>
</html>

{% static 'path/to/file' %} 是 Django 模板标记，用于生成静态文件的 URL。在这个例子中，模板会使用 STATIC_URL 设置和文件路径生成如下的 URL：

http://localhost:8000/static/css/style.css

结论

现在您已经知道了如何在 Django 3.2.9 中添加静态文件。只要创建静态文件目录并配置 settings.py 文件，就可以轻松地在 Django 视图或模板中使用这些文件。