Ошибка загрузки CSS и наследование шаблонов Django. | Форум

8 Май 2015, 15:46

Runnko

Отклики: 46

8 Май 2015, 15:46

Runnko

Отклики: 46

Верстаю свой маленький проект пытаюсь вникнуть в наследование шаблонов.

Settings.py

    STATIC_ROOT = ''
    STATIC_URL = '/static/'
    TEMPLATE_DIRS = [os.path.join(BASE_DIR, 'templates')]
    STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

urls.py

) + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

http://ideone.com/PTzEKF - Базовый шаблон. В нём 3 блока - Head, Content, Footer. В head я попытался запихнуть navbar + загрузку всех css/js, content и footer соотвественно содержат content и footer. С ним всё нормально.

http://i.imgur.com/O26tDaw.png

http://ideone.com/uXPtHv - sidebar шаблон напрямую наследуемый от base. Он работает и отображается корректно. Так как я не очень знаком с вёрсткой и соответствующими приёмами, а очень хотелось сделать меню, которое бы по нажатию меняло бы свой контент. Я решил , что простейший способ, это сделать шаблон sidebar и для каждого из элементов наследовать его.

Это сработало в первом случае с http://ideone.com/CrwaNB - шаблоном профиля.

http://i.imgur.com/EAAAlD5.png

Однако при попытке проделать тоже самое с шаблоном вакансий - http://ideone.com/PPRl6G , ничего не вышло.

http://i.imgur.com/BVBmu6y.png

Что я делаю не так?

Обновлено 8 Май 2015, 15:54 Runnko.

Ответ | 0

8 Май 2015, 15:49

Runnko

Отклики: 46

8 Май 2015, 15:49

Runnko

Отклики: 46

Хм, это даже интересно, если вставить слишком большую картинку, то кнопка Edit исчезает, но можно отредактировать следующий пост и отсчитать до нужного числа в /edit_post/21503/.

Обновлено 8 Май 2015, 15:52 Runnko.

Ответ | 0

8 Май 2015, 17:53

Runnko

Отклики: 46

8 Май 2015, 17:53

Runnko

Отклики: 46

Хм, кажись нашел в чём проблема, но причину найти еще не могу.

[08/May/2015 14:46:03] "GET /accounts/profile/ HTTP/1.1" 200 4118
[08/May/2015 14:46:03] "GET /static//css/bootstrap.css HTTP/1.1" 304 0
[08/May/2015 14:46:03] "GET /static/css/sticky-footer-navbar.css HTTP/1.1" 304 0
[08/May/2015 14:46:03] "GET /static/css/style.css HTTP/1.1" 404 1643
[08/May/2015 14:46:03] "GET /static/css/tables.css HTTP/1.1" 304 0
[08/May/2015 14:46:03] "GET /static/js/jquery-2.1.3.min.js HTTP/1.1" 304 0
[08/May/2015 14:46:03] "GET /static/js/ajax.js HTTP/1.1" 304 0
[08/May/2015 14:46:03] "GET /static/js/tables.js HTTP/1.1" 304 0
[08/May/2015 14:46:03] "GET /accounts/profile/vacancy/all/ HTTP/1.1" 200 3164
[08/May/2015 14:46:03] "GET /css/bootstrap.css HTTP/1.1" 404 2928
[08/May/2015 14:46:03] "GET /accounts/profile/vacancy/all/css/sticky-footer-navbar.css HTTP/1.1" 404 3437
[08/May/2015 14:46:03] "GET /accounts/profile/vacancy/all/css/style.css HTTP/1.1" 404 3392

Почему он ищет не там где нужно и как мне направить его в нужное русло?

Ответ | 0

9 Май 2015, 10:45

amirr

Отклики: 26

9 Май 2015, 10:45

amirr

Отклики: 26

Вы уверены, что нигде не напутали с шаблонами?

Судя по выводу style.css у вас либо нету, либо вы его не "скопировали" в папку STATIC_ROOT.

На всякий случай, для понимания:

Статические файлы, которые вы создали кладете в папку указаную в STATICFILES_DIRS;
"копируете" статические файлы командой python manage.py collectstatic в папку STATIC_ROOT;
Тогда статические файлы будут доступны в шаблоне через STATIC_URL.

Просто не совсем ясно зачем вы статику кидаете в корень проекта.

Лучше писать не так

<link href="{{STATIC_URL}}css/bootstrap.css" rel="stylesheet"></link>

а так

{% load staticfiles %}
...
<link href=" {% static "css/bootstrap.css" %}" rel="stylesheet"></link>

Обновлено 9 Май 2015, 10:47 amirr.

Ответ | 0

9 Май 2015, 11:40

Runnko

Отклики: 46

9 Май 2015, 11:40

Runnko

Отклики: 46

Это всё прексрасно, если бы это работало в моём случае и было бы как-то более расписано в документации.

Вот мой хэд base.html. Насколько я могу судить не отличается от вашего предложенного метода.

{% load staticfiles %}
<head>
{% block head %}
    <!-- Bootstrap -->
    <link href="{% static "css/bootstrap.css" }" rel="stylesheet"></link>
    <link href="{% static "css/sticky-footer-navbar.css" }" rel="stylesheet"></link>
    <link href="{% static "css/style.css" }" rel="stylesheet"></link>
    <link href="{% static "css/tables.css" }" rel="stylesheet"></link>
    <script src="{% static "js/jquery-2.1.3.min.js"}"></script>
    <script src="{% static "js/ajax.js" }"></script>
    <script src="{% static "js/tables.js" }"></script>
{% endblock head %}
</head>

Далее, STATICFILES_DIRS = [(os.path.join(BASE_DIR, 'static'))] , следовательно css/js/fonts и так далее я должен класть в /Папка моего проекта/static/.

http://i.imgur.com/lUbmXIM.png

Видимо всё правильно. Двигаемся дальше. Сделали collectstatic, файлы должны быть в "kolima/static".

http://i.imgur.com/TvT301R.png

Опять же видимо всё правильно.

Ну что, видимо подключили всё правильно и работать значит должно? Следовательно проверяем.

http://i.imgur.com/Zv7aydR.png

Увы, это явно не то и даже хуже предыдущего. с помощью {{STATIC_URL}} я нормально загружал css у base.html и даже sidebar и даже profile, а вот дальше были проблемы. Здесь же как вы видите всё голое.

BASE_DIR = os.path.dirname(os.path.dirname(__file__))

На всякий случай добавлю Base_dir.

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

Ответ | 0

9 Май 2015, 12:03 amirr Отклики: 26	9 Май 2015, 12:03 amirr Отклики: 26 а покажите ваш ulrs.py Обновлено 9 Май 2015, 12:04 amirr.
	Ответ \| 0

9 Май 2015, 12:05 amirr Отклики: 26	9 Май 2015, 12:05 amirr Отклики: 26 и еще добавьте % перед закрывающей фигурной скобкой `<link href="{% static "css/bootstrap.css" }" rel="stylesheet"></link>` vs `<link href="{% static "css/bootstrap.css" %}" rel="stylesheet"></link>`
	Ответ \| 0

9 Май 2015, 12:31

Runnko

Отклики: 46

9 Май 2015, 12:31

Runnko

Отклики: 46

и еще добавьте % перед закрывающей фигурной скобкой

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

а покажите ваш ulrs.py

urlpatterns = patterns('',
    url(r'^$','Registry.views.base'),
    url(r'^accounts/', include('Registry.urls')),
    url(r'^admin/', include(admin.site.urls)),
    url(r'^accounts/profile/$', 'Registry.views.profile_info'),
    url(r'^accounts/profile/edit/$', 'Registry.views.profile_update'),
    url(r'^accounts/profile/vacancy/all/$', 'Registry.views.vacancies'),
    url(r'^accounts/profile/vacancy/create/$', 'Registry.views.create_vacancy'),
    url(r'^accounts/profile/vacancy/(?P<vacancy_id>\d+)/$', 'Registry.views.vacancy'),
    url(r'^search/$', 'Registry.views.search'),
) + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Возник еще вопрос. Мне нужно отображать список вакансий , который пользователь создал, но я не знаю как лучше поступить. Просто добавить

user = models.OneToOneField(User)

Как я делал в случае профиля пользователя или же как-то по другому и другой foreign key.

Обновлено 9 Май 2015, 12:33 Runnko.

Ответ | 0

9 Май 2015, 12:44 amirr Отклики: 26	9 Май 2015, 12:44 amirr Отклики: 26 Если я правильно понял вопрос, то да, создать поле user в модели Vacancy: `class Vacancy(models.Model): ... user = models.ForeignKey(User) # не OneToOneField ...`
	Ответ \| 0

10 Май 2015, 17:20

Runnko

Отклики: 46

10 Май 2015, 17:20

Runnko

Отклики: 46

Как в джанго user.id получить?

class Bookmark(models.Model):
    user = models.ForeignKey(User)
    profile = models.ForeignKey(OdeskProfileData)

url(r'^add_remove_bookmark/(\d+)/(\d+)/$', 'Registry.views.add_remove_bookmark'),


@login_required
def add_remove_bookmark(request, uid, qid):
    try:
        bookmark = Bookmark.objects.get(user=uid, profile=qid)
        bookmark.delete()
    except Bookmark.DoesNotExist:
        bookmark = Bookmark.objects.create(
                        user=User.objects.get(id=uid),
                        profile=OdeskProfileData.objects.get(id=qid))
        bookmark.save()
    return HttpResponseRedirect('/bookmarks/' + qid)

Model, Url, Views.

темплейт. <a href="/add_remove_bookmark/{{ user.id }}/{{ profile.id }}/">Add Bookmark</a>

jQuery:

    $(".add-remove-bookmark").click(function(e) {
        if ($(this).html() == "Add Bookmark") {
            $(this).html('Remove Bookmark');
        }
        else {
            $(this).html('Add Bookmark');
        }
        return false;
    });

В итоге ссылка вида /add_remove_bookmark//1/.

Ответ | 0

10 Май 2015, 19:52 amirr Отклики: 26	10 Май 2015, 19:52 amirr Отклики: 26 Текущий пользователь находится в `request.user` PS не надо тут создавать блог, для каждого вопроса создавайте отдельную тему.
	Ответ \| 1