🚀 Add to Chrome – It’s Free - YouTube Summarizer
Category: N/A
No summary available.
00:00
на предыдущем уроке мы с вами изучили наследование шаблонов и создали базовый шаблон bass html и уже потом при помощи тега extends наследовали целиком и этот весь шаблон к примеру нашим шаблоне яндекс а сегодня мы с вами изучим еще одну возможность жамкать не plate and
00:16
each она очень похожа на следование и позволяет делать включение 1 шаблона в другой поэтому itec соответствующий будет называться in cloud то есть включать и давайте продемонстрирую пример допустим мы хотим с вами сделать
00:32
навигационную панель этот тег nav и внутри мы делаем первый раздел нашего меню давайте назовем его главные а второй раздел давайте назовем источник это как раз тот сайт откуда я брал информации ссылку я скопировал давайте
00:49
вот сюда не вставлен а ссылка на главное давайте у нас пока будет вести на путь гороскоп обратите внимание что я ставлю слеш и давайте вот здесь после первого меню вне ссылке а мы поставим такую вертикальную черту и так обновим
01:04
страничку и вот видим у нас появился вот этот раздел но представьте если вот это меню мы с вами хотим также разместить и внизу нашей страничке то есть после нашего списка вот обновляем видите она появилась и также вдруг мы еще хотим его видеть и
01:22
внутри нашего контента вот здесь вот то есть это тогда когда мы переходим по знаку зодиака вот она тоже здесь появилась так вот на лицо у нас явные дублирования кода и обратите внимание также что этот код представляет собой
01:37
один готовый фрагмент нашей страничке а именно навигационную панель так вот лучше тогда весь этот фрагмент вынести в отдельный шаблон и уже затем целиком этот фрагмент включать в наш шаблон и что мы для этого делаем мы создаем
01:54
отдельную папку template она будет называться in clouds мы это делаем только для хорошей структуры нашего кода вы можете эту папку не создавать но лучше и сделать так вот в этой папке мы с вами создадим html код который будет у
02:10
нас называться но в бар и в него мы переносим целиком вот этот наш html вот больше мы здесь ничего не делаем и теперь смотрите мы должны добавить вот в
02:28
это место где было наше меню наш шаблон на в бар и это делается при помощи tenga in cloud значит мы ставим вот эти специальные символы в серединке пишем in cloud и дальше указываем название нашего шаблона
02:43
но помните вы должны здесь указать адрес относительно папке temp лиц то есть находясь внутри этим place мы идем начальник папку in clouds здесь мы строкой это указываем и дальше пишем слеш и попадаем вот в этот html документ
02:59
ну вот уинн клубе нет закрывающего тега потому что included только одну вещь он сразу добавляет вот этот шаблон внутри вашего html и затем давайте продублируем вот сюда вот то есть внизу мы тоже хотим с вами мне
03:16
увидеть и в инфо зодиак мы тоже заменяем теперь наши вот это меню на нем cloud давайте обновим страничку и смотрите у нас все с вами так же как и был на главной страничке мы видим меню сверху и
03:31
снизу а в знаке зодиака она отображается только сверху но вы легко это может изменить вам всего лишь нужно либо добавить вот эту строчку либо ее убрать и я думаю вы уже оценили насколько это удобная штука вы всего лишь говорите
03:46
какой шаблон сюда нужно включить и все его содержимое весь вот этот html код туда подставиться в нужные вам места теперь что вам нужно знать про вот этот тэг include ну во-первых очевидные вещи он должен принимать
04:02
обязательно в себе название шаблона во вторых он имеет доступ к переменам которые есть в этом шаблоне а у нас например здесь есть переменный сайт и есть переменной дискрипшн и давайте это продемонстрируем вот здесь ниже я создам т.п. и напишу переменная
04:21
сайт дефис ее значение и также давайте добавим перемены дискрипшн ну напишем здесь равно и также ее значение
04:38
обновляем страничку и вот видите здесь переменные таурас здесь ее описание давайте здесь слово переменные мы добавим ну вот видим это но в шаблоне индекс у нас совершенно
04:54
другие сами переменные у нас есть здесь только зодиак вот эти две переменные отсутствуют и давайте посмотрим что произойдет когда я перейду на главное так вот видите здесь просто эти значения останутся пустыми отсутствующий перемены именно так и
05:09
выводятся в наших шаблонах но давайте проверим доступны вина будет вот этой переменной зодиака и так я дублирую эту строчку переменной у нас будет называться в зодиака и выводим ее значение обновляем и вот
05:25
видим здесь список из вот этих строк в знаке зодиака у нас соответственно зодиак с пустая а вот эти две переменные есть ну и при желании вот эту перемены зодиак см и с вами тоже можем использовать например я могу скопировать вот этот цикл
05:41
добавить его в навбар у нас здесь добавляется в на в баре только ссылки а без за бегали по этому ли у нас будет лишней и здесь только впереди добавить вертикальную черту для того чтобы у нас
05:58
вот эта палочка добавлялось в наш именем обновляем страничку вырез у нас ничего не произошло потому что в зодиак с пустой а вот перейдем на главную и смотрите у нас в меню с вами расширилось за счет наших знаков зодиака и по каждым
06:14
я могу перейти и в попасть в нужное описании и вот внизу мы тоже это видим с вами но у вас есть возможность запретить доступ вот к этим переменам вашего шаблона то есть вот здесь внутри
06:30
шаблоны индекс html мы можем запретить на в бар увидеть нашей переменной для этого вам достаточно добавить слово only при помощи этого слова все перемены и перестают быть доступными обновляем и вот видите здесь все у нас панели
06:45
переходим знак зодиака и видим здесь у нас две перемены все еще доступна давайте подумаем почему потому что мы здесь он же с вами не написанием пишем only и все они перестают быть доступна
07:02
выходим главное меню не обратите внимание внизу у нас все еще все переменные доступны и также у вас есть возможность сюда передавать свои собственные переменные для этого нужно воспользоваться таким синтаксисом выпишите из и дальше
07:18
название переменной ну допустим перемены а равно 100 пробел и передаем еще одну переменную b равны и давайте 200 и вот таким образом мы передаем определенные значения внутри нашего шаблона который мы добавляем
07:36
итак здесь перемены а здесь переменная b смотрите мы его передаем внутри инфо зодиак то вот здесь главном меню они пустые но если мы перейдем какой то определенный знак зодиака вот мы увидим
07:52
эти значения ну и напоследок давайте исправим одну вещь я здесь указал статичный адрес гороскоп но мы с вами договорились таких местах динамически выстраивать наш юрий поэтому давайте заменим на тег юрий
08:08
здесь мы должны написать название рода поэтому идем в you real с нашего проекта гороскоп вот мы хотим обработать вот этот род и давайте я здесь добавлю имя скопируем его отсюда но чтобы не было
08:25
пересечений говорю гороскоп индекс параметров этот робот у нас никаких не принимает поэтому здесь на в баре я просто указываю название нашего робота обновляем страничку
08:41
давайте еще раз обновим и так вот нажимаем главное оказываемся на главной странице источника переключает нас на наш сайт и вот наши знаки зодиака тоже работает отлично вот эти вещи мы с вами можем
08:58
удалить панина мне понадобится и также давайте из views мы удалим некоторые значения я забыл это сделать на предыдущем уроке вот нашей функции get info about some зодиак мне уже не нужно вот эти перемены передавать
09:15
вот давайте так оставим и вот этого класса нам уже тоже не нужно ведь и импорт и удаляем ну вот в принципе пока что наш код может выглядеть вот таким вот образом если у вас остались вопросы по данным уроку я
09:31
жду в комментариях но у меня сегодня все и увидимся в следующем видео всем пока