ASP.NET MVC - Изгледи на шаблони

Начинът, по който можем да генерираме частични изгледи, добавя нов елемент на сложност към нашето уеб приложение, но това не означава, че не можем да намерим различни начини да атакуваме този тип конструиране на приложения в ASP.NET MVC.
Един от методите, за които можете да се сетите, е да правите файлове HTML с необходимите части, за да се направи частичен изглед, но има проблем, че е голямото количество данни, които трябва да преместим, в допълнение към евентуалната излишност на кода. За това тогава можем да помислим да използваме JSON като начин за преместване на необходимите данни, без да се налага да използваме HTML и тук вече имаме по -добър начин да разрешим проблема и да продължим да използваме частичните изгледи.
Ето защо ще видим друг начин да можем да работим с частични изгледи и това е да използваме шаблонен механизъм от страна на клиента, това ще ни позволи да имаме по -устойчива структура и ще можем да разтоварим цялата тежест на операциите в браузъра, освобождавайки нашето приложение на усилия.
Шаблони от страната на клиента
Първото нещо, което трябва да знаем за него, е, че това не принадлежи към никакви официални или стандартни спецификации, така че за да приложим този тип решение, ще разчитаме на библиотеки на трети страниВъпреки че звучи като предупреждение за лекарство със странични ефекти, това не е така, всъщност тази свобода означава, че можем да използваме най -близкото до нас решение.
ШаблонШаблонът е малък код със секции, които можем да запълним с контекстни данни, но само това не работи, така че да може да се види, че трябва да имаме механизъм за шаблони, в този случай той трябва да бъде Javascript двигател, в този урок ще използваме mustache.js която е доста популярна и гъвкава библиотека.
Синтаксис на шаблон
Тъй като трябва да използваме шаблонен механизъм, той има свой собствен синтаксис, за да може да локализира нашите динамични елементи, това звучи донякъде сложно, но наборът от инструкции често е много интуитивен.
Нека видим на следващото изображение примерен код на шаблон и по този начин ще видим как да го използваме:

Виждаме, че това е просто прост HTML на пръв поглед, но ако разследваме допълнително, забелязваме, че той съдържа някои специални изрази, като напр. {{Заглавие}} тези видове изрази са тези, които ще бъдат заменени с нашите динамични стойности, като с това можем да използваме този раздел отново и отново, без да генерираме нов код, като по този начин намаляваме количеството прехвърлени данни.
ФункциониращТова работи много просто, с нашата рамка Javascript получаваме JSON данни на нашето приложение, след това с нашия шаблон механизъм сглобяваме скелета си и накрая "Събираме" за да получите резултат.
С това приключваме този урок, получихме малко въведение в този начин на работа за създаване на частични изгледи, въпреки че споменаваме само шаблонна машина, която не е единствената, която съществува на пазара, трябва да направим някои изследвания, за да вижте широкия спектър, предлаган и да можете да изберете някои, за да опитате и да знаете кой е най -подходящ за нашите нужди.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка