ASP.NET MVC - widoki szablonów

Sposób, w jaki możemy generować częściowe widoki dodaje nowy element złożoności do naszej aplikacji internetowej, nie oznacza to jednak, że nie możemy znaleźć różnych sposobów na atakowanie tego typu konstrukcji aplikacji w ASP.NET MVC.
Jedną z metod, o których możesz pomyśleć, jest tworzenie plików HTML z niezbędnymi częściami do wykonania częściowego widoku, ale ma problem w postaci dużej ilości danych, które powinniśmy przenieść, oprócz ewentualnej redundancji kodu. W tym celu możemy pomyśleć o użyciu JSON jako sposób na przeniesienie niezbędnych danych bez konieczności używania HTML i tutaj mamy już lepszy sposób na rozwiązanie problemu i dalsze korzystanie z widoków częściowych.
Dlatego zobaczymy inny sposób pracy z widokami częściowymi, a jest to użycie silnika szablonów po stronie klienta, co pozwoli nam mieć bardziej zrównoważoną strukturę i będziemy mogli uwolnić cały ciężar operacje w przeglądarce, uwalniając nasz wysiłek od wysiłku.
Szablony po stronie klienta
Pierwszą rzeczą, którą powinniśmy o tym wiedzieć, jest to, że nie należy to do żadnej oficjalnej lub standardowej specyfikacji, więc przy implementacji tego typu rozwiązania będziemy polegać na biblioteki zewnętrzneChoć brzmi to jak ostrzeżenie przed remedium ze skutkami ubocznymi, tak nie jest, w rzeczywistości ta wolność oznacza, że ​​możemy skorzystać z rozwiązania, które jest najbliższe naszym upodobaniom.
SzablonSzablon to mały kod z sekcjami, które możemy wypełnić danymi kontekstowymi, ale to samo w sobie nie działa, więc aby to było widoczne musimy mieć silnik szablonów, w tym przypadku musi to być Silnik JavaScript, w tym samouczku będziemy używać wąsy.js która jest dość popularną i elastyczną biblioteką.
Składnia szablonu
Ponieważ musimy używać silnika szablonów, ma on własną składnię, aby móc zlokalizować nasze elementy dynamiczne, brzmi to nieco skomplikowanie, ale zestaw instrukcji jest często bardzo intuicyjny.
Zobaczmy na poniższym obrazku przykładowy kod szablonu, a tym samym zobaczymy, jak z niego korzystać:

Widzimy, że na pierwszy rzut oka jest to po prostu prosty HTML, ale jeśli dokładniej zbadamy, zauważymy, że zawiera on pewne specjalne wyrażenia, takie jak {{Tytuł}} tego typu wyrażenia są tymi, które zostaną zastąpione naszymi wartościami dynamicznymi, dzięki czemu możemy wielokrotnie używać tej sekcji bez generowania nowego kodu, zmniejszając w ten sposób ilość przesyłanych danych.
FunkcjonowanieDziała to bardzo prosto, z naszą ramą JavaScript dostajemy Dane JSON naszej aplikacji, następnie za pomocą naszego silnika szablonów składamy nasz szkielet i na koniec „Skompilujemy” aby uzyskać wynik.
Na tym kończymy ten samouczek, otrzymaliśmy małe wprowadzenie do tego sposobu pracy nad tworzeniem widoków częściowych, chociaż wspominamy tylko o silniku szablonów, to nie jest jedyny, który istnieje na rynku, musimy przeprowadzić pewne badania, aby zapoznaj się z oferowanym przez nas szerokim spektrum i możesz wybrać niektóre z nich, aby wypróbować i dowiedzieć się, który z nich jest najlepszy dla naszych potrzeb.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt