Django模板标签static()函数教程

Django中的模板标签static()函数用于在模板中引用静态文件，如CSS、JavaScript、图像等。它的作用是根据静态文件的相对路径生成对应的绝对路径，让模板可以正确地引用这些静态文件。

使用static()函数有两个好处：

1. 它会自动处理静态文件的版本控制。Django会在每个静态文件的URL末尾添加一个带有哈希值的查询参数，以便在静态文件被修改后浏览器能够正确地重新加载文件。

2. 它可以让你在开发环境和生产环境中都能正确地引用静态文件。在开发环境中，static()函数会为每个静态文件生成绝对路径。而在生产环境中，你可以通过Django的静态文件处理方式（如collectstatic命令）来收集和管理静态文件，static()函数会根据你的配置自动选择正确的静态文件URL。

下面是一个使用static()函数的例子：

首先，需要确保你已经在Django的设置文件中配置了静态文件相关的设置，例如：

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

然后，在模板中使用static()函数来引用静态文件，例如：

{% load static %}

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

在这个例子中，我们分别使用static()函数引用了一个图片文件、一个CSS文件和一个JavaScript文件。static()函数会将这些相对路径转换为对应的绝对路径，使得模板能够正确地引用这些静态文件。

在开发环境中，假设静态文件的根目录是/static/，那么上述代码会生成如下的HTML代码：

<img src="/static/images/logo.png" alt="Logo">
<link rel="stylesheet" href="/static/css/styles.css">
<script src="/static/js/main.js"></script>

在生产环境中，静态文件的URL由配置文件中的STATIC_URL和服务器的配置决定。例如，如果STATIC_URL的值是https://example.com/static/，那么上述代码会生成如下的HTML代码：

<img src="https://example.com/static/images/logo.png" alt="Logo">
<link rel="stylesheet" href="https://example.com/static/css/styles.css">
<script src="https://example.com/static/js/main.js"></script>

总结：

通过使用Django模板标签static()函数，我们可以方便地引用静态文件，并且不需要手动编写绝对路径，同时也能够自动处理版本控制和适应不同环境的静态文件URL配置。这样可以减少开发过程中的繁琐操作，提高开发效率。