Django Academy · Урок

STATICFILES и статический тег

Организуйте ресурсы и обращайтесь к ним

Урок 1 из 413 шагов

«STATICFILES и статический тег» — бесплатный урок Django Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Django Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Django Academy содержит 4 уроков всего.

Что такое статические файлы

Ваши CSS, JavaScript и изображения оформления не меняются для каждого запроса. Django называет их статическими файлами и обслуживает отдельно от представлений Python. 🎨

Приложение static

Django по умолчанию добавляет django.contrib.staticfiles в INSTALLED_APPS. Оно находит, собирает и обслуживает ресурсы, поэтому Вам не нужно настраивать это вручную.

INSTALLED_APPS = [
    'django.contrib.staticfiles',
]

Где хранятся файлы

По соглашению ресурсы приложения хранятся в папке static рядом с его представлениями и шаблонами. Django ищет эту папку в каждом приложении.

blog/
  static/
    blog/
      style.css

Создайте пространство имён для папки

Помещайте ресурсы во вложенную папку с именем приложения, например static/blog/. Это не позволяет двум приложениям перезаписывать общий style.css.

Настройка STATIC_URL

Настройка STATIC_URL задаёт префикс общедоступного пути, по которому браузеры получают ресурсы. Запросы с этим префиксом направляются к статическим файлам.

STATIC_URL = '/static/'

Загрузка тега static

Чтобы обратиться к ресурсу в шаблоне, сначала загрузите библиотеку тегов с помощью load static в самом начале файла.

{% load static %}

Использование тега static

Тег static превращает относительный путь к ресурсу в правильный полный URL, поэтому Вам не придётся вручную прописывать STATIC_URL в HTML.

<link rel="stylesheet" href="{% static 'blog/style.css' %}">

Почему не стоит прописывать путь вручную

Если Вы вручную записали /static/blog/style.css, последующее изменение STATIC_URL нарушит работу каждой страницы. Тег static сохраняет ссылки гибкими. ✅

Подключение JavaScript

Тот же тег static работает с любым типом ресурса. Укажите в теге script путь к файлу JS, и Django сам разрешит этот путь.

<script src="{% static 'blog/app.js' %}"></script>

STATICFILES_DIRS

Для ресурсов всего проекта, не относящихся к одному приложению, добавьте их папки в STATICFILES_DIRS, и Django тоже будет искать их там.

STATICFILES_DIRS = [BASE_DIR / 'assets']

Поиск выполняют специальные средства

Внутри системы средства поиска статических файлов обходят папку static каждого приложения и STATICFILES_DIRS, чтобы найти файл, запрошенный шаблоном.

Быстрая проверка

Проверим, как обращаться к статическому файлу в шаблоне.

Итоги

Вы узнали, что статические файлы — это CSS и JS, что они хранятся в папках static с отдельными пространствами имён и что тег static корректно создаёт их URL. 🎉

Можно начать бесплатно

Изучай Python с ИИ-репетитором — бесплатно

Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.

Курсы
30
Уроки
120

Часто задаваемые вопросы

Урок «STATICFILES и статический тег» бесплатный?

Да — полный текст урока «STATICFILES и статический тег» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Django Academy, подпишись на CoddyKit PRO. Курс Django Academy содержит 4 уроков всего.

Чему я научусь в уроке «STATICFILES и статический тег»?

Организуйте ресурсы и обращайтесь к ним Ты практикуешь Django Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Django Academy?

Предыдущий опыт не требуется. Django Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «STATICFILES и статический тег»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Django Academy?

Да. Каждый урок Django Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. STATICFILES и статический тег
  2. collectstatic для рабочего окружения
  3. MEDIA_ROOT и загрузка файлов
  4. ImageField и выдача загруженных файлов
← Назад к Django Academy