Satura rādītājs
Izstrādājot tīmekļa lietojumprogrammu, mums ir jāizstrādā arī tā ārējā un estētiskā daļa, tas ir, tas, ko redz lietotājs. Daļa no tā tiek veikta lapas galvene, izvēlne, kājene utt..Tas, ko mēs pieminējam, ir statisks saturs, un lietojumprogrammas darbības laikā tas parasti mainās ļoti maz, parasti tas mainās, kad ir jauns. Skaties un jūti, tas ir, pārveidot vai pievienot jaunus komponentus, kas jāatspoguļo.
Lai strādātu ar šāda veida elementiem, mums jāizmanto izkārtojumiTas ļauj mums, piemēram, uzrakstīt galveni tikai vienu reizi, un, to darot vēlāk, mēs varam to iekļaut citās daļās, nepārrakstot to.
Izkārtojumi
Izmantojot Skuveklis Mēs varam rakstīt veidnes, kas darbojas kā skata konteineri, tas ir, skats, kurā būs citi, kā mēs paskaidrojām, tā mērķis ir uzrakstīt pēc iespējas mazāk koda un vienādot mūsu lietojumprogrammas izskatu.
Kāpēc izmantot izkārtojumus?Ja mums, piemēram, ir pamata tīmeklis ar galveni, visloģiskākais ir tas, ka dažādi skati izmanto šo galveni, tāpēc tā vietā, lai katrā skatā rakstītu tā kodu vairākas reizes, mēs izkārtojums un mēs to iekļaujam dažādos uzskatos.
Faila _Layout.cshtml saturs
Veidojot jaunu tīmekļa projektu mūsu iekšienē mape skati, mums ir fails ar nosaukumu _Layout.cshtml, šajā failā mums ir mūsu galvenā veidne, kas darbosies kā skatu konteiners, ko mēs izskaidrojām iepriekšējā punktā.
Tālāk redzamajā attēlā redzēsim šī faila avota kodu:
Ja mēs detalizēti, mums ir HTML failu normāli, tomēr mūs interesē kods Skuveklis, mēs sākam ar virsraksta tagu, ja paskatāmies uz Razor, tas norāda @ View.Title, tas nozīmē, ka jums ir jāizdrukā parametrs Nosaukums kas nāk no skata, tad mēs turpinām ar citām sadaļām, kur @RenderSection ([vārds]) ļauj mums drukāt saturu, norādot skatā, kas iet uz katru sadaļu un visbeidzot @RenderBody () izdrukās ķermeņa saturu.
Kā redzam, tas ir kaut kas diezgan modulārs, ja tagad redzam skata kodu, mēs varam saprast, kā tie ir tieši saistīti:
@ {Layout = "~ / _Layout.cshtml"; } @sadaļas galvene {Skatīt galvenes saturu
} @ sadaļas kājene {Copyright @ DateTime.Now.Year}Tas ir skata pamatteksta saturs
Šajā skatā vispirms mēs esam norādījuši, ka tas izmantos failu _Layout.cshtml kā pamatu, tad mēs jums sakām, piemēram, katra sadaļa @sadaļas galvene, šajā blokā ir tas, kas tiks drukāts @RenderSection ("Galvene") ko mēs redzējām failā _Layouts.cshtml.
AsociācijaTad mēs varam teikt, ka tas darbosies kā mīkla un Izkārtojums ievietos katru mūsu identificēto gabalu, kur tas pieder.
Ar to mēs pabeidzam šo apmācību un, kā redzam, izmantojot Izkārtojumi mēs varam ietaupīt daudz koda pārrakstīšanas, un, ja šim saturam ir viens avots, mūsu lapas būs daudz viendabīgākas, ja mums būs vajadzīgas dažādas sadaļas uzrakstiet otro vai trešo izkārtojumu kas ļauj mums iegūt visus nepieciešamos elementus.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu