Изучение Django 3 / Урок #4 - Шаблонизатор Jinja и HTML шаблоны

Ранее мы научились выводить на экран лишь небольшой объем текста. В видео мы познакомимся с шаблонизатором Jinja, а также научимся выводить полноценные HTML шаблоны в браузере.
🔫 Полезные ссылки:
Урок на сайте itProger: itproger.com/course/django/4
⏰ Тайм коды:
00:00 - Начало
01:27 - Создание HTML шаблона
07:25 - Создание общего шаблона
09:48 - Динамическая секций в HTML
14:48 - Подключение файлов «include»
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

[@Endermens_Nikos]

Стоило мне выспятся и все видео стало в 100 раз понятнее и быстрее усваиваться)

[@Charlottik]

очень классные видео! Все доходчиво и легко воспринимается. Спасибо огромное!

[@micro_henry]

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

[@lyapinvitaly]

Спасибо за уроки, они самые толковые, систематизированные и понятные в русском ютюбе!!! Респект!

[@azamkhonfayzullaev9714]

Здравствуйте Гоша хорошо что такие люди есть как вы братан желаю вам удачи успеха и ждут от вас ещё лучше уроков спасиба вам большое ваши уроки самое лучшее

[@AntonSobolev]

У кого ошибка TemplateDoesNotExist Помогло следующее: В главной папке текущего проекта зайти в файл settings , найти templates-> dirs и задать туда адрес директории templates, либо полный путь с диска, либо сокращение с проекта 'main/templates'

[@julianprovok9086]

спасибо большое, я почти час не мог найти решение этой проблемы

[@GolosMarkesa]

Спасибо, бро!

[@maxgl8814]

Спасибо огромное, бро, думал ошибка в разнице версий, но увидел твой комментарий

[@vladsol-wb7kg]

Спасибо тебе! :)

[@mirandal9987]

Мне помогло спасибо

[@user-ls4gh7cq3s]

Спасибо за уроки!

[@user-gs4ec4it5l]

Спасибо, очень познавательный урок!!!

[@Vetal116]

просто огромное спасибо. на курсах препод это говорил частично но я абсолютно ничего не понимал и ливнул с курса. стоило открыть ютуб и вуаля) на примитивном уровне но зато мне все ясно как днем

[@lada2701]

Спасибо! С вашей помощью мы написали сайт! Ура!

[@user-vd6xt6ui3o]

Спасибо большое за понятный контент!

[@frog_prog7069]

Крутые уроки очень помог !!!!

[@AdAd-lv8eb]

спасибо за уроки!!!

[@TalBaleX335]

Спасибо огромное за курс, я очень долго искал другие курсы, книги, в документации я просто ничего не понял. Но потом я нашел это видео, и я все понял, и все правда работает. Курс сразу не заставляет сделать что-то сложное. Автор объясняет все понятно и доступно, и не говорит просто переписать этот код где-то. Лично желаю вам вечного успеха по жизни!

[@itproger]

Спасибо, приятно слышать :)

[@GFU472]

какой с тебя прогер если ты документацию не понимаешь)) А представь тебе еще ее писать надо будет

[@artnr7]

Согласен. Удачно и постепенно наращиваются знания.

[@doom678]

Спасибо все круто!

[@yamataa]

афигенные уроки! почему ты раньше так не делал ) что было раньше что сейчас это просто небо и земля!

[@dissacnich5748]

Ты просто молодец

[@azamatozhanov579]

Все доходчиво и понятно.. особенно на скорости воспроизведения 0,5

[@Slerki]

я на 1.5 смотрю, мне даже всё понятно)

[@user-uc7tk3cd6q]

Лучший канал по программированию в СНГ, по крайней мере для начинающих

[@KristaliUfid]

здесь исправился! Хорошо обьясняет медленно самое главное)

[@Burovasofia]

спасибо за урок

[@praporfzs5100]

незнаю как пойдет дальше но автору спасибо какие то моменты по началу не сразу доходят но потом всё получается и просто становится интересно )

[@visp6883]

ну как пошло

[@marynasamonenko7302]

Спасибо, большое!

[@user-gs4ec4it5l]

Спасибо!

[@tinmisha]

Спасибо большое

[@user-sg5cz1wf1f]

Хороший курс

[@vitalikberezovsky5619]

Гоша, уроки просто бомба! || \ / ' (Ты лучше чем Хауди Хо)

[@alangalym3423]

Хауди чисто харизмой просмотры набирает, но всё же некоторые обучалки у него годные

[@user-tx9zh7yz7z]

Воимя святого линукса по бойся таких высказываний окаянный((

[@neonlake2946]

Я за Гошу , Хауди понимает свой уровень пафоса до Вина Дизеля , его сложно слушать

[@HananoKairo]

@@neonlake2946 у Xауди узнаем, у Гоши Дударя/itproger учимся

[@user-fh9hn4xc7i]

Подскажите пожалуйста: вот мы прописали в файле layout.html {% load static %} , потом уже например на главное страничке зачем еще раз его прописывать? Если не написать, то картинки не загружаются.

[@user-tw2te2et6d]

Всем привет! Можно ли создать HTML файл с общим кодом за пределом приложения, для наследования его в других приложениях? Или необходимо клонировать его в каждый каталог templates?

[@denis5232]

А каким образом подключение файлов через шаблонизатор влияет на параметры сайта в виде скорости загрузки у конечного пользователя ? Благодарю за пояснение.

[@CCCT1992]

Кто использует более новые версий PyCharm при созданий проекта можно сразу выбрать среду Django, автоматический создаётся папка templates. И так-же проблема с !+tab, в более новых версиях, не просто создаёте файл, а выбрать создать HTMLфайл, создастся готовый html файл по шаблону. И вот уже в этом файле !+tab работает, так-же используйте команду ctrl+j вставка по шаблону.

[@linuxoidovich]

Я вообще neovim использую....

[@geneopw]

Дружище, ты лучший!

[@user-bt5wm3ms9h]

А есть ли возможность как нибудь реализовать следующее: {%for list-item in list%} ........ {% for i in {{list-item}} %}, т.е. использовать вложенные переменные

[@nick_rootov]

Подскажите, как использовать историю команд в консоли для быстрого ввода? (как на 5:44 в видео) Комбинация клавиш? Или надо еще что то ставить, чтоб такое было?

[@temporaryz]

Просто стрелочку вверх нажимаешь

[@nurbektaizhanov4534]

👍👍👍👍

[@nuradiledilov784]

Можно пожалуйста курсач по React&Redxu. На основном канале они у тебя давно устарели.

[@user-fd4zm5zp9v]

Дедлайн по практике?! Кто поможет? Конечно Гоша!

[@ON-gb5ek]

Ещё быстрее надо

[@user-br5yr5hh2q]

Можно ли от вас какой-то список книг по пайтону и джанго?

[@sour_ale]

я не понял зачем templates пихать в приложение, а не в проект, страница возвращает TemplateDoesNotExist потому что ищет его по пути ...site-packages\django\contrib\admin\templates\main\index.html , когда можно прописать прописать в settings папку с templates 'DIRS': [os.path.join(BASE_DIR, 'templates')], и путь будет ....\it_proger\templates\main\index.html , и все работает. ЕСЛИ МОЖНО ПОЯСНИТЕ ПОЖАЛУЙСТА

[@GFU472]

не пояснит! он по шаблону обучает)) Канал для тех кому влом читать документацию

[@a_gassi]

у меня страница норм открылась, но вопрос тот же: зачем постоянные для всех страниц атрибуты, вроде и , прятать в templates/main, а не оставлять просто в templates...?

[@DEN_04]

У меня вместо страницы "Главная страница" выдает ошибку NameError at / name 'request' is not defined, хотя писал всё как на видео

[@user-tk7hx1jk6r]

А мне стоило кофе выпить и все как по маслу пошло)

[@belonosow]

А разрешите уточнить по применению include. Если я правильно понял, то это можно использовать для футера?

[@gadzhimagomedov655]

после использования Jinja на сайте вместо текста выводит какие-то символы. Через pip пробовал, но не устанавливается. Хз что делать

[@prostochuma8403]

не знаете как это исправить?

[@mirandal9987]

Спасибо за курс. Плиз, сними еще для сисадминов и по безопасности(кали, veil итд)

[@a_gassi]

А почему мы такие "константы", как тэги и делаем внутри templates/main, а не просто в templates? Ведь эти тэги будут одинаковыми для всех страниц сайта, независимо от приложения, к котором они относятся.

[@user-fk5bl4li3h]

Подскажите, пожалуйста, что делать? Когда я выхожу из pycharm, мне приходится делать все заново, пишет не удается загрузить файл, невозможно выполнить сценарий в указанной системе..: что делать?

[@well-playru3070]

Ребят подскажите выдает ошибку 'utf-8' codec can't decode byte 0xc3 in position 151: invalid continuation byte . Ругается на русский текст в index.html ставлю там место главная страница Home и все норм, как сделать чтобы можно было использовать русские буквы*?)

[@HananoKairo]

в теге head в html файле может нет? И проверь кодировку файлов (желательно всего проекта). Должна быть UTF-8 или UTF-8 without BOM (без BOM). Больше идей нет

[@user-hz7jb1be2l]

сайт в конце концов будет платный? за него надо платить? срочно нужен ответ

[@lilstiffled5014]

почитай что такое хостинг

[@ch_andrey]

Курс классный, но подскажи пожалуйста, почему ошибка кодировки если писать "Домашняя страница" (по русски), с латиницей проблем нет

[@yanatsist9442]

Нужна кодировка utf-8

[@ChelovekPavuk555]

Кто думает что уже не работает, все работает

[@dieselekin]

django pyton TEMPLATES у кого выдаёт ошибку при открытии сайта "своего" -вот решение - прописать в settings -> templates-> dirs адрес директории templates.

[@user-yz4zd1dv5c]

Спасибо,убил на это два часа

[@dos6920]

Можно создать несколько шаблонов? Например, layout2, layout3... Ведь не могут же абсолютно все страницы имеет один макет

[@itproger]

Да, можно

[@tonyarch2590]

Как избавиться от этой ошибки TemplateSyntaxError at / Invalid block tag on line 4: 'endbloсk', expected 'endblock'. Did you forget to register or load this tag?

[@user-ye1tr8fn6b]

Очень быстро рассказываете - много раз приходиться пересматривать чтобы уловить суть

[@slavyanRVR]

Я на x1.5 смотрю и норм

[@user-dd8uz3nt5s]

а как у него сайты так переключаются или я что то пропустил

[@user-gu4pr8ts6p]

5:00 выдает ошибку, main/index.html

[@user-yg1ul2op8v]

Всем привет, при подключении рендера и попытке запуска сервака выдает даунную ошибку: ModuleNotFoundError: No module named 'website.settings'. Кто знает как решить проблему, ответьте, спасибо

[@temirovmirlan7893]

страница About не найдена как можно решить. у меня не получается

[@mrserjo5877]

Такая же проблема, притом страницы с любым другим названием отлично создаются. Оказалось, что автоматически закрывал about слэшем, т.е. вбивалось 'about/'. Другие курсы проходил, видимо, браузер запомнил. Убрал / и все заработало

[@user-wl7ig5zz6d]

После создания страницы about пишет что page not found хотя сделал все как в видео Using the URLconf defined in testproject.urls, Django tried these URL patterns, in this order: admin/ The current path, about/, didn’t match any of these.

[@user-wl7ig5zz6d]

все разобрался

[@user-wz7tr1ty8h]

@@user-wl7ig5zz6d можешь подсказать как пофиксил?

[@temychbs]

такая же ошибка, подскажи решение?

[@user-sj7vg7fi5b]

А будет flask, и как на нем делать логин?

[@itproger]

Такое есть на канале другом: "Гоша Дударь", там можешь посмотреть

[@user-qg9xl1oo4j]

я повторила все через визул студио код , почему через него не работает?

[@user-jr7ez8wh2j]

Помогите пожалуйста, у меня такая ошибка :TemplateDoesNotExist at /.

[@tetianaoprysk9978]

наверное не создана папка main в папке templates)

[@timofey4748]

Такая же проблема

[@timofey4748]

@@tetianaoprysk9978 Создана)

[@john_steck]

@@timofey4748 add to INSTALLED_APPS 'main'

[@user-do8zr2tz8l]

Также TemplateDoesNotExist at/ Як рішити цю проблему??

[@maxwellhawk]

Если он объединяет все папки, почему не вывести папку темплейтс в корень и в ней уже создавать папки с именем приложений?

[@darigaislam701]

страница about не найдена, хеелп

[@nurbektaizhanov4534]

правильно пропищи код и все получится

[@djekpiterson6575]

У мене выдавало ошибку TemplateDoesNotExist at / по следующей причине (довольно тупая) я создал вручную блоконот файл и прописал ему расширение .html, но файл не изменился на .html, а остался с раширенимем .txt т.е. я просто присовил ему имя index.html. А для того чтобы таким методом менять раширения у файлов нужно зайти "Панель управления - Параметры папок - вкладка Вид" и в дополнительных параметрах убрать галочку "Скрывать расширение для зарегистрированных типов файлов" (это для windows 7). Возможно комуто поможет.

[@imnotkentiy]

Jinja это отсылка на жожу?

[@user-df4hd9pl7j]

Купа помилок, не працює, видає якісь каракулі після видалення налаштувань ((

[@Lisctics0990]

Автор спасибо респект понтно обьяснил если у меня получилось ощибка пересмотрел видео пере записал и все надо терпение

[@danuual-games6896]

python 3.9 почему ошибка при запуске? Traceback (most recent call last): File "C:\Users\Пользователь\Desktop\django-exemple\mysite\@t", line 22, in execute_from_command_line(sys.argv) File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\core\management\__init__.py", line 367, in execute_from_command_line utility.execute() File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\core\management\__init__.py", line 341, in execute django.setup() File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\__init__.py", line 27, in setup apps.populate(settings.INSTALLED_APPS) File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\apps\@t", line 108, in populate app_config.import_models(all_models) File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\apps\@t", line 199, in import_models self.models_module = import_module(models_module_name) File "C:\Users\Пользователь\Desktop\python 3.9\lib\importlib\__init__.py", line 127, in import_module return _bootstrap._gcd_import(name[level:], package, level) File "", line 1030, in _gcd_import File "", line 1007, in _find_and_load File "", line 986, in _find_and_load_unlocked File "", line 680, in _load_unlocked File "", line 790, in exec_module File "", line 228, in _call_with_frames_removed File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\contrib\auth\@t", line 4, in from django.contrib.auth.base_user import AbstractBaseUser, BaseUserManager File "C:\Users\Пользователь\Desktop\python 3.9\lib\site-packages\django\contrib\auth\base_@t", line 52, in class AbstractBaseUser(models.Model): RuntimeError: _class_ not set defining 'AbstractBaseUser' as . Was _classcell_ propagated to type.__new__?

[@danuual-games6896]

Ошибка при запуске - я со второго урока еще это пишу

[@user-gu5nk1pv8q]

что делать если не работает runserver?

[@naibdik1128]

надо обратиться к файлу itproger вот так cd itproger и потом писать код ок?

[@a_gassi]

непонятно, почему папка templates вложена в папку main

[@misterkirill_]

может, потому что конкретно эти templates относятся к приложению main?

[@cshr3225]

9:35

[@philipmelnik4350]

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

[@egorkrapovnitskiy997]

corey schafer на русском?)

[@MrFog124]

почему из инклуда не хаваются блоки ? Как сделать, чтоб в индекс можно было подставлять титл из инклуда ? в main.html {% include "main\main\head.html" %} в head.html: {% block title %} {% endblock %} в index.html: {% extends 'main/main/main.html' %} {% block title %} мо {% endblock %}

[@user-kq8hx4uq5i]

Я столкнулся с двумя ошибками при том что повторял все за видео может кому поможет 1. Проблема с файлом layout.html (TemplateDoesNotExist) если люди в комментариях кроме меня не помогли но надо сделать все так же как на видео только файл layout.html назвать по другому я например от безысходности решил его переименовать и назвал его default.html и все заработало. 2. Проблема с файлом about.html (название ошибки не помню) у меня на сайте показывало ошибку говорящую о том что файл X07bout.html не не найден как я понял буква "a" заменилась на "X07" этот файл я тоже переименовал в sbout.html (просто заменил "a" на "s") все другие названия зависящие от его названия тоже заменил и все опять заработало. Надеюсь кому-то помог))

[@gfdtk5022]

Я так и не понял зачем нужна джинжа

[@workani_]

Что делать если возникает ошибка 500

[@ElonMask25]

гуглить

[@user-xh2ji6tb4o]

измени в файлах index и about .html ,первый content на title

[@razmiqayelyan1497]

!tab не работает

[@huseeads]

только в пайчарм

[@karendof2469]

Помогите пожалуйста я учу Джанго с телефона создаю файл index.html пищу там код,но программа выдает ошибку вот название программы pydroid3.

[@chernomyrzik1381]

купи пк и все заработает

[@SpirituHastor]

Я извиняюсь, но как создать начальный код html в редакторе sublime text? ! и tab не работает

[@dieselekin]

ну например вбить в яндексе "пустой шаблон html"

[@user-im5lf4cd7r]

что бы это работало в саблайн нужно установить в него плагины. У фрилансера по жизни есть гайд на эту тему

[@koteich_live]

@@user-im5lf4cd7r у него по любому плагин спомагательный стоит

[@huseeads]

@@koteich_live в пайчарме это от рождения стоит

[@koteich_live]

Server Error (500)

[@steftim_an]

На скорости х2 еще можно смотреть, но никак не на стандартной.

[@user-im4wv8fo8u]

I need an AI solution to cut out empty words from this videos.

[@glimmer5103]

Я так понял сейчас эти уроки не актуальны, не чего не работает?

[@itproger]

Видимо у вас ошибка в коде, ибо уроки актуальны

[@glimmer5103]

@@itproger Ясно, я пробовал ваш код вроде все точно как у вас, Я пробовал по книге Джанго для начинающих В.Винсент. в 2.7 пробовал по книге Практика создания веб-сайтов на Python [2021] Владимир Дронов там версия 3.1 Вот я несколько раз все переписывал как там но не работает. Вот я думаю может версия джанго 3.2 и надо по другому что то писать

[@huseeads]

@@glimmer5103 даже сейчас все работает чудесно

[@nurdauletmaksutov8678]

Как сложно после php

[@HananoKairo]

Да, я и сам использовал php, но потом привыкаешь

[@strimexify]

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

[@HananoKairo]

@@strimexify а я уже на юнити)

[@user-tl8bf4gm6m]

@@HananoKairo тоже переходил на юньку. Пол года раболтал с ней, но потом понял, что геймдев это не моё. Если ты готов - продолжай в том же духе, но я сразу говорю: готовься к тому, что будешь работать каждыми днями)) Но попробовать стоит!!

[@arnowt]

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

[@itproger]

Что такое «ий»?

[@arnowt]

@@itproger yii конкретно 2. Хочу освоить ещё и Пайтон(практикум) заодно сделать жене сайт кулинарный, выбираю фреймворк. Но шаблонизаторы жутко не нравятся, сталкиваюсь с ними и в пхп, но там к счастью можно обходится без них. А вот в пайтоне?

[@zenofexwarder9390]

HTML параметризировали ))) куда катится мир

[@davidwang401]

Бред полный! В чем смысл этих всяких понтов, скобок, инклюдов, и бла бла бла когда можно тупо создать HTML и там написать любой текст который нам нужен🤦🤦🤦

[@stonerock7298]

Что бы код не загрязнять, ты наследуешь от файла с шаблоном все. И проще написать инклюд, чем по 100 раз один и тот же код писать. И еще, страница через наследование более понятнее. Ты сам попробуй сделать как правильно, и все поймёшь. Гоша “лоял” файл назвал, а вообще файл по всем законам называют base.html, но это уже его фетиш.

[@davidwang401]

@@stonerock7298 спасибо)) я почему то думал что index.html )

[@user-px1di3ox1b]

у кого проблемы со страницей *about* - вот, что мне помогло: *1. код в main/urls.py* from django.urls import path, include from . import views urlpatterns = [ path('', views.index), path('about/', views.about) ] *2. код в project/urls.py* from django.contrib import admin from django.urls import path, include urlpatterns = [ path("admin/", admin.site.urls), path("", include("main.urls")), path("about/", include("main.urls")) ]

[@user-mr5nv8mv5w]

спасибо,живи долго

[@olegkarbaev8433]

Все работает 'DIRS': ['main/templates'],

[@brandname1252]

спасибо....

[@antonkuzmich4624]

ValueError at / The view main.views.index didn't return an HttpResponse object. It returned None instead.

[@denis5232]

Ошибку скорее всего в прописи пути допустил "main/test.html" А не "/main/test.html"