STATICFILES и статический тег
Организуйте ресурсы и обращайтесь к ним
«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 — локальная установка не требуется.
Все уроки этого курса
- STATICFILES и статический тег
- collectstatic для рабочего окружения
- MEDIA_ROOT и загрузка файлов
- ImageField и выдача загруженных файлов