Blog
  • Home
  • About
  • Contact

Django: простая настройка статики (CSS, JavaScript)

Date and time: Nov. 30, 2014, 6:17 p.m. | Category: Веб-разработка, Django

Для решения поставленной задачи потребуется всего пара простых шагов.

1. Настройка файла settings.py

INSTALLED_APPS = (
    ...
    #Убедитесь, что данное приложение установлено
    'django.contrib.staticfiles',
    ...
)

#Ссылка, по которой статика будет доступна на веб-странице
STATIC_URL = '/static/'

#Папка на сервере, в которой будет храниться статика
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

Теперь, если у вас на сервере в папке static (должна находиться в одной папке с manage.py) есть файл стиля theme.css, то он будет доступен по ссылке имя_сайта.домен/static/theme.css.

2. Настройка шаблона

В начале шаблона, использующего статические файлы необходимо указать следующую строку:

{% load staticfiles %}

Теперь, получить доступ к самому файлу статики можно тремя способами:

<!-- Первый -->
/static/theme.css
<!-- Второй -->
{{ STATIC_URL }}theme.css
<!-- Третий -->
{% static "theme.css" %}

Первый представляет собой жёстко закодированную ссылку, второй использование тега шаблона, а третий использование контекстной переменной. Результат использования любого из них идентичен.

comments powered by Disqus
Выберите язык:
  • Русский
  • English

  • Programming

    Python C++ JavaScript

    Web development

    Django ASP.NET

    Mobile development

    Windows Phone Android

    Game development

    Unity3d Blender

    Artem Ustimov © 2014