Django 模板中如何使用 static 标签？-JavaScript中文网-JavaScript教程资源分享门户

Django 模板中如何使用 static 标签？

推荐答案

在 Django 模板中使用 static 标签来加载静态文件（如 CSS、JavaScript、图片等）的步骤如下：

首先，确保在 settings.py 中正确配置了 STATIC_URL 和 STATICFILES_DIRS 或 STATIC_ROOT。
在模板文件的顶部加载 static 模板标签：
```
{% load static %}
```

使用 static 标签来引用静态文件：

<link rel="stylesheet" href="{% static 'css/style.css' %}">
<script src="{% static 'js/script.js' %}"></script>
<img src="{% static 'images/logo.png' %}" alt="Logo">

本题详细解读

1. 配置静态文件

在 Django 项目中，静态文件通常存储在 static 目录中。为了确保 Django 能够正确找到这些文件，需要在 settings.py 中进行以下配置：

STATIC_URL：指定静态文件的 URL 前缀。例如：
```
STATIC_URL = '/static/'
```
STATICFILES_DIRS：指定额外的静态文件目录。例如：
```
STATICFILES_DIRS = [
    BASE_DIR / "static",
]
```
STATIC_ROOT：在生产环境中，使用 collectstatic 命令将所有静态文件收集到这个目录中。例如：
```
STATIC_ROOT = BASE_DIR / "staticfiles"
```

2. 加载 `static` 模板标签

在 Django 模板中，使用 {% load static %} 来加载 static 模板标签。这个标签允许你在模板中引用静态文件。

3. 使用 `static` 标签引用静态文件

static 标签的语法是 {% static 'path/to/static/file' %}。它会将 STATIC_URL 与给定的路径拼接起来，生成完整的静态文件 URL。

例如，假设 STATIC_URL 是 /static/，那么 {% static 'css/style.css' %} 将生成 /static/css/style.css。

4. 示例

假设你的项目结构如下：

-- -------------------- ---- -------
----------
    ------
        -------
            ----
                ---------
            ---
                ---------
            -------
                --------
    ----------
        ------
            ----------

在 index.html 中，你可以这样引用静态文件：

-- -------------------- ---- -------
-- ---- ------ --
--------- -----
----- ----------
------
    ----- ----------------
    --------- ---------------
    ----- ---------------- -------- ------ --------------- ----
-------
------
    ---- ------- ------ ----------------- --- -----------
    ------- ------- ------ -------------- -------------
-------
-------

这样，Django 会自动处理静态文件的路径，确保它们在开发和生产环境中都能正确加载。

纠错
反馈