Utwórz menu nawigacyjne z Laravel

ten Menu nawigacji Jest to jeden z najważniejszych komponentów w aplikacji internetowej, ten element umożliwia nam dostęp do różnych sekcji naszej aplikacji, a tym samym pozwala użytkownikowi korzystać i cieszyć się treściami, które dla niego przygotowaliśmy.
Ponieważ ten element lub komponent zwykle pozostaje taki sam w całej aplikacji, najlepiej byłoby nie powtarzać tej samej struktury za każdym razem, gdy potrzebujemy nowego widoku naszej witryny.
WymaganiaDo zbudowania menu, które zamierzamy zaproponować, wystarczy standardowa instalacja Laravel dzięki czemu możemy mieć wszystkie niezbędne komponenty.
Gdy już będziemy mieli to, czego potrzebujemy, stworzymy trasy, w tym przypadku zamierzamy wygeneruj 3 trasy z 3 widokami, gdzie do każdego z tych widoków dołączymy zagnieżdżone widoki odpowiadające menu, jest to dość proste i zobaczymy w poniższym kodzie, jak to zrobić. Wygenerujemy widok i pozostawimy jako ćwiczenie wygenerowanie dwóch dodatkowych tras.
W tym celu umieścimy w pliku trasy.php Następny:

POWIĘKSZAĆ

Jeśli szczegółowo przeanalizujemy ten przykład, zobaczymy, że potrzebujemy widoku o nazwie układ menu która będzie podstawą naszego menu, w nim będziemy mieli podstawową strukturę HTML, a następnie metodą gniazdo () włączamy widoki zagnieżdżone, w tym przypadku widok menu-menu i później menu-jeden, przejdziesz do widoku układu.
Teraz stworzymy widok układ menu, w tym celu wygenerujemy plik o nazwie menu-layout.php w folderze wyświetlenia naszej aplikacji, jeśli spojrzymy na trasy tworzymy dwie sekcje, jedną o nazwie menu i kolejny telefon treść Muszą one znajdować się w naszym układzie, abyśmy mogli tam wyświetlać treść, stworzymy również niezbędne CSS do stylizacji naszego menu. Zobaczmy, jak by to było:

Skoro mamy naszą bazę, musimy stworzyć menu jako takie, w tym celu utworzymy widok w pliku o nazwie menu-menu.php W folderze widoków naszej aplikacji utworzymy link do widoków, które tworzymy w naszym pliku trasy.php, zróbmy porównanie z nieruchomością człon który powie nam, czy trasa odpowiada widokowi, a tym samym nada mu inny styl, gdy jesteśmy w każdej sekcji menu.

W końcu tworzymy nasz pogląd menu-uno.php w folderze wyświetlenia i dodajemy dowolną treść, zostawiamy mały przykład, a dwa pozostałe widoki pozostają częścią ćwiczenia:

Strona Pierwsza
to jest przykładowa treść

Odwiedzając naszą aplikację powinniśmy już zobaczyć nasz główny widok z menu, jeśli klikniemy na link menu, który prowadzi nas do menu-jeden, widzimy jak zmieni się menu i link w tej sekcji zostanie podświetlony, jeśli uzupełnimy pozostałe widoki zobaczymy jak wszystko będzie działać.
Jeśli to opanujemy, możemy tworzyć dynamiczne linki, z zapytaniami do bazy danych itp. Jest to więc coś, co może być bardzo przydatne w przyszłości i na tym kończymy ten samouczek, już nauczyliśmy się generować proste menu za pomocą Laravel i zagnieżdżone widoki.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt