Съдържание
Докато разработваме уеб приложение, ние също трябва да разработим каква е неговата външна и естетическа част, тоест това, което вижда потребителят. Част от това е извършването на заглавка на страница, меню, долен колонтитул и др..Това, което споменаваме, е статично съдържание и обикновено се променя много малко по време на живота на приложението, обикновено се променя, когато има ново. Погледнете и почувствайте, тоест препроектиране или когато добавяме нови компоненти, които трябва да бъдат отразени.
За да работим с този тип елементи, трябва да използваме оформленияТова ни позволява например да напишем заглавката само веднъж, като по този начин по -късно можем да я включим в други части, без да се налага да я пренаписваме.
Оформления
С използването на Бръснач Можем да напишем шаблони, които се държат като контейнери за изглед, тоест изглед, който ще съдържа други, както обяснихме, целта на това е да напише възможно най -малкото количество код и да хомогенизира външния вид на нашето приложение.
Защо да използвате оформления?Ако имаме например основна мрежа с заглавка, най -логичното е, че различните изгледи използват тази заглавка, така че вместо да пишем кода няколко пъти във всеки изглед, ние правим оформление и го включваме в различните възгледи.
Съдържание на файла _Layout.cshtml
При генериране на нов уеб проект в нашия папка изгледи, имаме файл, наречен _Layout.cshtml, в този файл имаме нашия основен шаблон, който ще функционира като контейнер с изгледи, който обяснихме в предишната точка.
Нека видим на следното изображение изходния код, който съдържа този файл:
Ако детайлизираме, имаме HTML файл нормално, но това, което ни интересува, е кодът Бръснач, започваме с етикета на заглавието, ако погледнем Razor той показва @ View.Title, това означава, че трябва да отпечатате параметър Заглавие което идва от гледката, след това продължаваме с другите раздели където @RenderSection ([име]) ни позволява да отпечатаме съдържание, посочващо в изгледа, което отива във всеки раздел и накрая @RenderBody () ще отпечата основното съдържание.
Както виждаме, това е нещо доста модулно, ако сега видим код на изглед, можем да разберем как те са пряко свързани:
@ {Layout = "~ / _Layout.cshtml"; } @section Header {Преглед на съдържанието на заглавката
} @ долния долен колонтитул {Copyright @ DateTime.Now.Year}Това е съдържанието на тялото на изгледа
В този изглед това, което направихме първо, е да посочим, че ще използва файла _Layout.cshtml като основа, тогава ние ви казваме какво ще носи всеки раздел например @section Header, този блок съдържа това, което ще бъде отпечатано в @RenderSection ("Заглавка") това, което видяхме във файла _Layouts.cshtml.
АсоциацияТогава можем да кажем, че това ще работи като пъзел и Оформление ще постави всяко парче, което идентифицираме, къде му е мястото.
С това завършваме този урок и както виждаме с помощта на Оформления можем да спестим пренаписването на много код и като имаме един източник за това съдържание, нашите страници ще бъдат много по -хомогенни, ако имаме нужда от различни раздели, можем напишете второ или трето оформление което ни позволява да имаме всички елементи, които ще използваме.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка