Django 静态文件处理

在 Web 应用程序中，除了业务逻辑和数据处理之外，我们还需要处理和管理静态资源，例如 CSS、JavaScript、图像等。

管理这些资源非常重要，因为它不会影响我们的应用程序性能。

Django 对此进行了非常有效的处理，并提供了一种方便的方式来使用资源。

django.contrib.staticfiles 模块有助于管理它们。

Django 静态（CSS、JavaScript、图像）配置

1. 在 INSTALLED_APPS 中包含 django.contrib.staticfiles。

2. 在 settings.py 文件中定义 STATIC_URL，如下所示。

3. 使用以下表达式在模板中加载静态文件。

4. 将所有图像、JavaScript、CSS 文件存储在应用程序的 static 文件夹中。首先创建一个名为 static 的目录，将文件存储在其中。

我们的项目结构如下所示。

Django 加载图像示例

要在模板文件中加载图像，请使用以下代码。

// index.html

//urls.py

//views.py

使用 python manage.py runserver 命令运行服务器。

之后，通过 localhost:8000/index URL 访问模板，它将在浏览器中产生以下输出。

Django 加载 JavaScript

要加载 JavaScript 文件，只需在 index.html 文件中添加以下代码行即可。

// index.html

// script.js

现在，我们的项目结构如下所示

使用 python manage.py runserver 命令运行服务器。

之后，通过 localhost:8000/index URL 访问模板，它将在浏览器中产生以下输出。

Django 加载 CSS 示例

要加载 CSS 文件，请在 index.html 文件中使用以下代码。

之后，创建一个 CSS 目录和 style.css 文件，其中包含以下代码。

// style.css

我们的项目结构如下所示

// index.html

使用 python manage.py runserver 命令运行服务器。

之后，通过输入 localhost:8000/index URL 访问模板，它将在浏览器中产生以下输出。

好了，在本主题中，我们已经学习了有效管理静态文件的过程。