Как подключить css стили к Django?

Question

[Isaac Clark]

Здравствуйте.

Подскажите пожалуйста, я уже второй день мучаюсь, читал доки, гуглил, но толку мало.

Поставил Джанго, создал проект, все отлично, но как только решил подключить цсс, то…

У меня windows 7, Django 1.4, MySQL

Вот что добавил в код:

#setting.py<br/>
from os.path import join, abspath, normpath, dirname<br/>
<br/>
ProjectDir = dirname(abspath(__file__))<br/>
<br/>
def tpl_dir(src):<br/>
 return normpath(join(ProjectDir, src)).replace('\\', '/') <br/>
<br/>
MEDIA_ROOT = tpl_dir('media')<br/>
MEDIA_URL = '/media/'<br/>
<br/>
STATIC_ROOT = tpl_dir('static')<br/>
STATIC_URL = '/static/'<br/>
<br/>
ADMIN_MEDIA_PREFIX = '/static/admin/'<br/>
<br/>
STATICFILES_DIRS = (tpl_dir('static'),)<br/>
<br/>
TEMPLATE_DIRS = (tpl_dir('templates'),)<br/>

#urls.py<br/>
from django.conf import settings<br/>
<br/>
if settings.DEBUG:<br/>
 urlpatterns += patterns('',(r'^robots.txt$', 'django.views.static.serve',<br/>
 {'document_root': settings.MEDIA_ROOT, 'path': &quot;robots.txt&quot;}),<br/>
 (r'^favicon.ico$', 'django.views.static.serve',<br/>
 {'document_root': settings.MEDIA_ROOT, 'path': &quot;favicon.ico&quot;}),<br/>
 (r'^media/(?P.*)$', 'django.views.static.serve',<br/>
 {'document_root': settings.MEDIA_ROOT}),<br/>
 )<br/>
<br/>
<code>#base.html<br/>
<br/>
link rel=&quot;stylesheet&quot; href=&quot;{{ STATIC_URL }}css/style.css&quot; type=&quot;text/css&quot; media=&quot;all&quot; /<br/>
</code><br/>
Но ничего не происходит. Надпись должна стать красной.<br/>
<br/>
Подскажите пожалуйста, что я делаю не так.<br/>
Спасибо

Answer 1

[kmike]

Проблема в неправильной настройке STATIC_ROOT и STATICFILES_DIRS.

STATIC_ROOT — это временная папка, куда статика собирается в продакшне командой ./manage.py collectstatic. При разработке она может быть пустой. Я обычно ее «collected_static» называю, и делаю где-нибудь папку

files
    user_uploads      <- сюда указывает MEDIA_ROOT
    collected_static   <- сюда указывает STATIC_ROOT

STATICFILES_DIRS — это список папок, в которых хранится общая статика проекта, и из которых она собирается в STATIC_ROOT командой ./manage.py collectstatic.

Кроме папок из STATICFILES_DIRS collectstatic по умолчанию смотрит еще в папку static у каждого приложения из INSTALLED_APPS.

Comments

[Isaac Clark]

Создал папку collected_static в главной директории. ТУда добавил папку сss со стилями.
Записал STATIC_ROOT = 'C:/Projects/quickstop/quickstop/collected_static/'
STATIC_URL = '/static/'
В html фале добавил путь к цсс rel=«stylesheet» href="{{ STATIC_ROOT }}css/style.css" type=«text/css» media=«all»
Но увы, ничего не изменилось

[Isaac Clark]

Да, и в файле urls.py добавил в конце
urlpatterns += static(settings.STATIC_URL, document_root=settings.MEDIA_ROOT, show_indexes=True)

[Isaac Clark]

без результатов, ничего не понимаю…

[kmike]

неа.

STATIC_ROOT = 'C:/Projects/quickstop/quickstop/collected_static/' - норм.
STATIC_URL = '/static/' - норм.

url — неправильный.

rel=«stylesheet» href="{{ STATIC_URL }}css/style.css" type=«text/css» media=«all»

или попробовать, чтоб убедиться, что STATIC_URL правильно подставляется

rel=«stylesheet» href="/static/css/style.css" type=«text/css» media=«all»

urlpatterns тоже неправильно, может именно из-за них не работать —

urlpatterns += static(settings.STATIC_URL, document_root=settings.MEDIA_ROOT, show_indexes=True)

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

[Isaac Clark]

urlpatterns += static(settings.STATIC_URL, document_root=settings.MEDIA_ROOT, show_indexes=True) — вообще убрать эту строку?

[Isaac Clark]

Сделал! Спасибо за помощь!

Answer 2

[marazmiki]

Начиная с версии 1.3, в Джанге по умолчанию используется django.contrib.staticfiles — отличное приложение, упрощающее работу со статикой проекта.

В режиме разработки, то есть когда runserver запускаете, это приложение ловит все запросы, которые начинаются на STATIC_URL и ищет запрошенный файл без этого префикса в папке static каждого приложения в INSTALLED_APPS.

Не вдаваясь в подробности, которые прекрасно описаны в манулае, могу вот что посоветовать: сделайте приложение с именем, например, sitemedia, подключите его в INSTALLED_APPS, внутри этого приложения создайте директорию static и поскидайте всю статику туда.

Обратите внимание только: статику, а не медиа! Это разные директории для разных целей.

И ещё: в 1.4 ADMIN_MEDIA_PREFIX не используется.

Comments

[Isaac Clark]

Сделал, но ничего не изменилось :( Пожалуйста, можно, как-то поподробнее? Очень нужна помощь…

[Isaac Clark]

спасибо за помощь!

Answer 3

[scream4ik]

навскидку в urlpatterns нету STATIC_URL

Comments

[Isaac Clark]

то есть мне нужно заменить MEDIA_ROOT на STATIC_URL?

[Alexander]

Добавьте в urlpatterns:

url(r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT})

[Isaac Clark]

после того, как добавил — выдает ошибку invalid syntax (urls.py, line 24)

[Isaac Clark]

файл urls.py сейчас выглядит так, возможно я делаю что-то неправильно?
from django.conf.urls import patterns, include, url
from travel import views
from django.conf import settings

# Uncomment the next two lines to enable the admin:
from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
# Examples:
# url(r'^$', 'quickstop.views.home', name='home'),
# url(r'^quickstop/', include('quickstop.foo.urls')),

# Uncomment the admin/doc line below to enable admin documentation:
# url(r'^admin/doc/', include('django.contrib.admindocs.urls')),

# Uncomment the next line to enable the admin:
url(r'^admin/', include(admin.site.urls)),

#templates
url(r'^base/$', views.base),
)

if settings.DEBUG:
urlpatterns += patterns('',(r'^robots.txt$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT, 'path': "robots.txt"}),
(r'^favicon.ico$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT, 'path': "favicon.ico"}),
(r'^media/(?P.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}),
(r'^static/(?P.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT}),
)



[marazmiki]

Не надо никакого STATIC_URL в urlpatterns =)

[obiwanus]

Сейчас такой синтаксис устарел, вместо этого следует писать так:

from django.conf.urls.static import static

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT, show_indexes=True)

[Isaac Clark]

так у меня его там и нет вроде…

[Isaac Clark]

спасибо исправил, но снова без изменений…