Django框架中的static()函数解析

发布时间：2023-12-23 17:56:29

在Django框架中，static()函数用于根据设置的STATIC_URL和传入的文件路径构建静态文件的绝对URL，并返回该URL。static()函数主要用于在HTML模板中引用静态文件。

静态文件是指网站中由前端开发人员提供的CSS、JavaScript和图像等文件，它们不会依赖于动态生成的内容，而是在所有请求的响应中都会提供相同的内容。这些静态文件通常位于Django项目的静态文件目录，可以通过STATIC_URL设置设置静态文件的URL前缀。

static()函数的语法如下：

static(path: str) -> str

参数：

- path: 静态文件的相对路径，相对于STATIC_ROOT目录。

使用static()函数的例子：

1. 设置STATIC_URL

首先，我们需要在settings.py文件中设置STATIC_URL来指定静态文件的URL前缀。在settings.py文件中找到STATIC_URL并设置如下：

STATIC_URL = '/static/'

2. 创建静态文件目录

在Django项目的根目录下，可以创建一个名为static的文件夹，用于存放静态文件。在该目录下，我们可以创建一个名为css的文件夹，并在其中创建一个名为main.css的文件。

myproject/
     manage.py
     myproject/
          settings.py
          urls.py
     static/
          css/
              main.css

3. 在HTML模板中使用static()函数

在需要引用静态文件的HTML模板中，我们可以使用static()函数来构建静态文件的URL，并在href或src属性中使用该URL。

示例代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
</head>
<body>
    <h1>Hello, Django!</h1>
    <img src="{% static 'images/logo.png' %}" alt="Logo">
    <script src="{% static 'js/main.js' %}"></script>
</body>
</html>

在上述示例中，我们使用了static()函数来构建静态文件的URL。在href属性中，我们使用{% static 'css/main.css' %}来引用main.css文件；在src属性中，我们使用{% static 'images/logo.png' %}来引用logo.png文件；在script标签的src属性中，我们使用{% static 'js/main.js' %}来引用main.js文件。这样，Django会根据STATIC_URL设置和传入的文件路径构建静态文件的URL。

通过以上步骤，我们可以在Django项目中成功引用静态文件，并且static()函数可以根据我们的设置构建正确的URL，使得静态文件能够被正确加载和显示。