Sadržaj
Dok razvijamo web aplikaciju, moramo razvijati i njezin vanjski i estetski dio, odnosno ono što korisnik vidi. Dio toga je radnja zaglavlje stranice, izbornik, podnožje itd..Ovo što spominjemo je statičan sadržaj i obično se vrlo malo mijenja tijekom trajanja aplikacije, obično se mijenja kada postoji nova. Gledaj i osjeti, odnosno redizajn ili kad dodamo nove komponente koje se moraju reflektirati.
Za rad s ovim vrstama elemenata moramo koristiti rasporedeTo nam omogućuje da, na primjer, zapišemo zaglavlje samo jednom, a kasnije to možemo uključiti u druge dijelove bez potrebe za prepisivanjem.
Rasporedi
Uz korištenje Britva Možemo napisati predloške koji se ponašaju kao spremnici pogleda, odnosno pogled koji će sadržavati druge, kao što smo objasnili, cilj ovoga je napisati najmanju moguću količinu koda i homogenizirati izgled naše aplikacije.
Zašto koristiti Layouts?Ako imamo, na primjer, osnovni web s zaglavljem, najlogičnije je da različiti pogledi koriste to zaglavlje, pa umjesto da zapisujemo njegov kôd nekoliko puta u svakom prikazu, radimo izgled te ga uključujemo u različite poglede.
Sadržaj datoteke _Layout.cshtml
Prilikom generiranja novog web projekta unutar našeg mapa pogleda, imamo datoteku pod nazivom _Layout.cshtml, u ovoj datoteci imamo naš glavni predložak koji će funkcionirati kao spremnik pogleda koje smo objasnili u prethodnoj točki.
Pogledajmo na sljedećoj slici izvorni kod koji ova datoteka sadrži:
Ako detaljno objasnimo, imamo HTML datoteku normalno, međutim ono što nas zanima je kôd Britva, počinjemo s oznakom naslova, ako pogledamo Razor koji označava @ View.Title, to znači da morate ispisati parametar Titula to dolazi iz pogleda, zatim nastavljamo s ostalim odjeljcima gdje @RenderSection ([ime]) omogućuje nam ispis sadržaja koji prikazuje u prikazu koji ide do svakog odjeljka i na kraju @RenderBody () ispisat će sadržaj tijela.
Kao što vidimo, to je nešto prilično modularno, ako sada vidimo kôd pogleda, možemo razumjeti kako su oni izravno povezani:
@ {Layout = "~ / _Layout.cshtml"; } @zaglavlje odjeljka {Prikaz sadržaja zaglavlja
} @ podnožje odjeljka {Copyright @ DateTime.Now.Year}Ovo je sadržaj tijela pogleda
U ovom prikazu, ono što smo prvo učinili je naznačiti da će koristiti datoteku _Layout.cshtml kao osnovu, tada ćemo vam reći što će svaki odjeljak nositi, na primjer @zaglavlje odjeljka, ono što ovaj blok sadrži je ono što će biti ispisano u @RenderSection ("Zaglavlje") ono što smo vidjeli u dosjeu _Layouts.cshtml.
UdrugaTada možemo reći da će ovo funkcionirati poput zagonetke i Raspored postavit će svaki komad za koji identificiramo da mu pripada.
Ovime završavamo ovaj vodič i kao što vidimo pomoću Rasporedi možemo uštedjeti pri prepisivanju mnogo koda i ako imamo jedan izvor za ovaj sadržaj, naše će stranice biti mnogo homogenije, ako su nam potrebni različiti odjeljci, možemo napišite drugi ili treći izgled to nam omogućuje da imamo sve elemente koje ćemo koristiti.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod