Spisie treści
Tworząc aplikację webową, musimy również opracować to, co jest jej zewnętrzną i estetyczną częścią, czyli to, co widzi użytkownik. Częścią tego jest robienie nagłówek strony, menu, stopka itp..Wspominamy, że jest to zawartość statyczna i zwykle zmienia się bardzo niewiele w trakcie życia aplikacji, zwykle zmienia się, gdy pojawia się nowa. Widzieć i czuć, czyli przeprojektowanie lub dodanie nowych komponentów, które muszą zostać odzwierciedlone.
Aby pracować z tego typu elementami, musimy użyć układyTo pozwala nam na przykład napisać nagłówek tylko raz, a robiąc to później, możemy dołączyć go do innych części bez konieczności przepisywania.
Układy
Przy użyciu Brzytwa Możemy pisać szablony, które zachowują się jak kontenery widoków, czyli widok, który będzie zawierał inne, tak jak wyjaśniliśmy, celem jest napisanie jak najmniejszej ilości kodu i ujednolicenie wyglądu naszej aplikacji.
Dlaczego warto korzystać z układów?Jeśli mamy na przykład podstawową sieć z nagłówkiem, najbardziej logiczne jest to, że różne widoki używają tego nagłówka, więc zamiast pisać jej kod kilka razy w każdym widoku, robimy układ i uwzględniamy to w różnych poglądach.
Zawartość pliku _Layout.cshtml
Podczas generowania nowego projektu internetowego w naszym folder z widokami, mamy plik o nazwie _Układ.cshtml, w tym pliku mamy nasz główny szablon, który będzie funkcjonował jako kontener widoków, który wyjaśniliśmy w poprzednim punkcie.
Zobaczmy na poniższym obrazku kod źródłowy, który zawiera ten plik:
Jak widzimy, jest to coś całkiem modułowego, jeśli teraz zobaczymy kod widoku, możemy zrozumieć, w jaki sposób są one bezpośrednio powiązane:
@ {Układ = "~ / _Układ.cshtml"; } @section Nagłówek {
Wyświetl zawartość nagłówka
} @section Stopka {Copyright @ DateTime.Now.Year}To jest treść treści widoku
W tym widoku to, co najpierw zrobiliśmy, to wskazanie, że będzie używał pliku _Układ.cshtml jako podstawę, wtedy mówimy, na przykład, co każda sekcja będzie przewozić @nagłówek sekcji, co zawiera ten blok, to to, co zostanie wydrukowane w @RenderSection („Nagłówek”) co widzieliśmy w pliku _Layouts.cshtml.
StowarzyszenieMożemy więc powiedzieć, że to zadziała jak puzzle, a Układ ma zamiar umieścić każdy kawałek, który identyfikujemy, tam, gdzie należy.
Na tym kończymy ten samouczek i jak widzimy, używając Układy zaoszczędzimy na przepisaniu dużej ilości kodu, a mając jedno źródło tej treści, nasze strony będą znacznie bardziej jednorodne, jeśli będziemy potrzebować różnych sekcji, możemy napisz drugi lub trzeci układ co pozwala nam mieć wszystkie elementy, z których będziemy korzystać.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
