Laravel Component меню. Активный пункт меню - создание динамического меню
Друзья всех приветствую на канале cutcode! Недавно на канале появился комментарий о том, как сделать активный пункт меню на Laravel. Я ответил в комментарии - все это укладывается в одну строку и в принципе посвящать этому вопросу видео наверное было бы чересчур. Потому что такое видео длилось бы наверное секунд 15. Но я решил все-таки снять об этом ролик но немножко усложнив, сделав меню в виде компонента, чтобы мы заодно поработали с laravel blade компонентами. И уже на примере посмотрели как сделать активный пункт меню одним из способов. Кто хочет научиться делать динамическое меню - добро пожаловать! #laravelобучение#laravel#cutcode --------------------------------------------------------------------------------- ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - https://cutcode.ru/ Угостить меня кофе - buymeacoffee.com/cutcode Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.ru/chat-bot --------------------------------------------------------------------------------- ⏰ Таймкоды: 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 и у нас также пока что ничего не меняется. Но мы только начали. Далее смотрите у нас в админ панели будет статическое меню оно у нас меняться не будет, но точнее возможно и будет меняться. Если будут вдруг появляться будут какие-то новые разделы в платформе, но это можно все делать вручную через код. Если ситуация скажем это например интернет магазин где есть категории, они выводятся динамическую в меню то здесь уже нужно будет делать динамическое меню, использовать запросы к базе на вывод этих категорий. Но у нас случае попроще, но в целом это одно и то же. Но мы сделаем наше меню статической и сделаем его через конфиг файл. --------------------------------------------------------------------------------- делитесь этим видео с друзьями: https://www.youtube.com/watch?v=D2eS3QqLSk0 подпишитесь на YouTube-канал: https://www.youtube.com/channel/UCkKZ3S8JiB5nUAaTYhpCwzQ?sub_confirmation=1 Курс по Laravel с нуля: https://www.youtube.com/watch?v=phTSw6XDATw&list=PLTucyHptHtTkUbXaikXEmCWL8GradRx9I Laravel Component меню. Активный пункт меню --------------------------------------------------------------------------------- наш сайт: https://cutcode.ru/ наш instagram: https://www.instagram.com/cutcoderu/ Наш telegram-канал: https://t.me/laravel_cutcode
Друзья всех приветствую на канале cutcode! Недавно на канале появился комментарий о том, как сделать активный пункт меню на Laravel. Я ответил в комментарии - все это укладывается в одну строку и в принципе посвящать этому вопросу видео наверное было бы чересчур. Потому что такое видео длилось бы наверное секунд 15. Но я решил все-таки снять об этом ролик но немножко усложнив, сделав меню в виде компонента, чтобы мы заодно поработали с laravel blade компонентами. И уже на примере посмотрели как сделать активный пункт меню одним из способов. Кто хочет научиться делать динамическое меню - добро пожаловать! #laravelобучение#laravel#cutcode --------------------------------------------------------------------------------- ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - https://cutcode.ru/ Угостить меня кофе - buymeacoffee.com/cutcode Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.ru/chat-bot --------------------------------------------------------------------------------- ⏰ Таймкоды: 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 и у нас также пока что ничего не меняется. Но мы только начали. Далее смотрите у нас в админ панели будет статическое меню оно у нас меняться не будет, но точнее возможно и будет меняться. Если будут вдруг появляться будут какие-то новые разделы в платформе, но это можно все делать вручную через код. Если ситуация скажем это например интернет магазин где есть категории, они выводятся динамическую в меню то здесь уже нужно будет делать динамическое меню, использовать запросы к базе на вывод этих категорий. Но у нас случае попроще, но в целом это одно и то же. Но мы сделаем наше меню статической и сделаем его через конфиг файл. --------------------------------------------------------------------------------- делитесь этим видео с друзьями: https://www.youtube.com/watch?v=D2eS3QqLSk0 подпишитесь на YouTube-канал: https://www.youtube.com/channel/UCkKZ3S8JiB5nUAaTYhpCwzQ?sub_confirmation=1 Курс по Laravel с нуля: https://www.youtube.com/watch?v=phTSw6XDATw&list=PLTucyHptHtTkUbXaikXEmCWL8GradRx9I Laravel Component меню. Активный пункт меню --------------------------------------------------------------------------------- наш сайт: https://cutcode.ru/ наш instagram: https://www.instagram.com/cutcoderu/ Наш telegram-канал: https://t.me/laravel_cutcode