Просто о Laravel. CutCode Laravel Component меню. Активный пункт меню - создание динамического меню

🎯 Загружено автоматически через бота: 🚫 Оригинал видео: 📺 Данное видео принадлежит каналу «Просто о Laravel. CutCode» (@CutCodeRu). Оно представлено в нашем сообществе исключительно в информационных, научных, образовательных или культурных целях. Наше сообщество не утверждает никаких прав на данное видео. Пожалуйста, поддержите автора, посетив его оригинальный канал. ✉️ Если у вас есть претензии к авторским правам на данное видео, пожалуйста, свяжитесь с нами по почте support@, и мы немедленно удалим его. 📃 Оригинальное описание: Друзья всех приветствую на канале cutcode! Недавно на канале появился комментарий о том, как сделать активный пункт меню на Laravel. Я ответил в комментарии - все это укладывается в одну строку и в принципе посвящать этому вопросу видео наверное было бы чересчур. Потому что такое видео длилось бы наверное секунд 15. Но я решил все-таки снять об этом ролик но немножко усложнив, сделав меню в виде компонента, чтобы мы заодно поработали с laravel blade компонентами. И уже на примере посмотрели как сделать активный пункт меню одним из способов. Кто хочет научиться делать динамическое меню - добро пожаловать! #laravelобучение#laravel#cutcode --------------------------------------------------------------------------------- ❗️❗️❗️как делать сложные сайты на laravel? Это просто с cutcode! Поддерживай мой проект - Угостить меня кофе - 🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - --------------------------------------------------------------------------------- ⏰ Таймкоды: Введение Постановка задачи Создаём компонент Создаём конфигурационный файл и оживляем класс компонента Оживляем вывод комментариев Смотрим что получилось Как сделать активные пункты меню на всех страницах --------------------------------------------------------------------------------- Итак оживлять мы сегодня будем вот это меню, которая нам знакомо из курса 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-канал: