Друзья всех приветствую на канале cutcode! Недавно на канале появился комментарий о том, как сделать активный пункт меню на Laravel. Я ответил в комментарии - все это укладывается в одну строку и в принципе посвящать этому вопросу видео наверное было бы чересчур. Потому что такое видео длилось бы наверное секунд 15. Но я решил все-таки снять об этом ролик но немножко усложнив, сделав меню в виде компонента, чтобы мы заодно поработали с laravel blade компонентами. И уже на примере посмотрели как сделать активный пункт меню одним из способов. Кто хочет научиться делать динамическое меню - добро пожаловать!
#laravelобучение#laravel#cutcode
---------------------------------------------------------------------------------
❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode!
Поддерживай мой проект - [ Ссылка ]
Угостить меня кофе - buymeacoffee.com/cutcode
🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - [ Ссылка ]
---------------------------------------------------------------------------------
⏰ Таймкоды:
00:00 Введение
00:51 Постановка задачи
01:21 Создаём компонент
03:30 Создаём конфигурационный файл и оживляем класс компонента
05:15 Оживляем вывод комментариев
07:45 Смотрим что получилось
08:20 Как сделать активные пункты меню на всех страницах
---------------------------------------------------------------------------------
Итак оживлять мы сегодня будем вот это меню, которая нам знакомо из курса Laravel с нуля. Как видите здесь есть два пункта которые сейчас при переключении никак не меняют активность. Он всегда остается на пункте администраторы. Его мы сейчас будем оживлять через компонент.
Давайте вернемся к коду. Вот так выглядит html нашего меню. Два пункта меню и road куда мы ссылаемся. Давайте сперва создадим компонент. Создается он с помощью команды - компонент назовем соответственно menu.
После выполнения этой команды у нас появляется два новых файла: один в app/views/components/menu - здесь у нас пустой меню компонент который мы создали выполнив эту команду этот класс в себе сейчас ничего не несет он просто отображает вьюху components menu - это второй файл который был создан. Располагается он директории views/components/menu. Здесь у нас пустая html, пустой div и далее фразочка что здесь нужно продолжать работать.
Давайте теперь сразу во view-компонента перенесем наш html с меню и здесь мы будем оживлять. А там где была меню в нашем админ blade в мы выведем сам компонент. Выводится он с помощью тега x и далее через дефис название компонента. В нашем случае это меню. После чего у нас будет выведена меню давайте посмотрим что у нас получилось. Нет ничего не изменилось то есть мы вывели ту же самую view по тот же самый html и у нас также пока что ничего не меняется. Но мы только начали.
Далее смотрите у нас в админ панели будет статическое меню оно у нас меняться не будет, но точнее возможно и будет меняться. Если будут вдруг появляться будут какие-то новые разделы в платформе, но это можно все делать вручную через код. Если ситуация скажем это например интернет магазин где есть категории, они выводятся динамическую в меню то здесь уже нужно будет делать динамическое меню, использовать запросы к базе на вывод этих категорий. Но у нас случае попроще, но в целом это одно и то же. Но мы сделаем наше меню статической и сделаем его через конфиг файл.
---------------------------------------------------------------------------------
📹 делитесь этим видео с друзьями:
[ Ссылка ]
🔔 подпишитесь на YouTube-канал: [ Ссылка ]
📼 Курс по Laravel с нуля:
[ Ссылка ]
Laravel Component меню. Активный пункт меню
---------------------------------------------------------------------------------
🔗 наш сайт: [ Ссылка ]
📷 наш instagram: [ Ссылка ] 📱 Наш telegram-канал: [ Ссылка ]
