Turinys
Kurdami žiniatinklio programą, mes taip pat turime sukurti išorinę ir estetinę jos dalį, tai yra tai, ką mato vartotojas. Dalis to daro puslapio antraštė, meniu, poraštė ir kt..Tai, ką minime, yra statinis turinys ir paprastai jis labai mažai keičiasi programos veikimo metu, paprastai keičiasi, kai yra nauja. Matyti ir jausti, tai yra, pertvarkymas arba kai pridedame naujų komponentų, kurie turi būti atspindėti.
Norėdami dirbti su tokio tipo elementais, turime naudoti maketaiTai leidžia mums, pavyzdžiui, parašyti antraštę tik vieną kartą, o vėliau tai padarius, galime ją įtraukti į kitas dalis, nereikalaudami jos perrašyti.
Išdėstymai
Naudojant Skustuvas Mes galime parašyti šablonus, kurie elgiasi kaip rodinių talpyklos, tai yra vaizdas, kuriame bus kitų, kaip paaiškinome, to tikslas yra parašyti kuo mažiau kodo ir suvienodinti mūsų programos išvaizdą.
Kodėl verta naudoti maketus?Jei, pavyzdžiui, turime pagrindinį žiniatinklį su antrašte, logiškiausia, kad skirtingi rodiniai naudoja tą antraštę, todėl užuot rašę jos kodą kelis kartus kiekviename rodinyje, mes išdėstymas ir mes įtraukiame jį į skirtingus požiūrius.
Failo _Layout.cshtml turinys
Kurdami naują žiniatinklio projektą mūsų peržiūrų aplanką, mes turime failą pavadinimu _Layout.cshtml, šiame faile turime pagrindinį šabloną, kuris veiks kaip peržiūrų, kurias paaiškinome ankstesniame punkte, sudėtinis rodinys.
Toliau pateiktame paveikslėlyje pažiūrėkime į šio failo šaltinio kodą:
Jei detaliau, turime HTML failą normalu, tačiau mus domina kodas Skustuvas, pradedame nuo pavadinimo žymos, jei pažvelgsime į „Razor“, tai rodo @ View.Title, tai reiškia, kad turite atspausdinti parametrą Pavadinimas kad ateina iš požiūrio, tada mes tęsiame su kitais skyriais, kur @RenderSection ([vardas]) leidžia mums spausdinti turinį, nurodantį rodinį, kuris eina į kiekvieną skyrių ir galiausiai @RenderBody () išspausdins kūno turinį.
Kaip matome, tai yra kažkas gana modulinio, jei dabar matome vaizdo kodą, galime suprasti, kaip jie yra tiesiogiai susiję:
@ {Layout = "~ / _Layout.cshtml"; } @sekcijos antraštė {Peržiūrėkite antraštės turinį
} @ sekcijos poraštė {Copyright @ DateTime.Now.Year}Tai yra vaizdo turinys
Šiuo požiūriu pirmiausia padarėme, kad nurodysime, kad jis naudos failą _Layout.cshtml kaip pagrindą, tada mes jums pasakysime, ką kiekvienas skyrius ketina atlikti, pavyzdžiui @sekcijos antraštė, šiame bloke yra tai, kas bus atspausdinta @RenderSection („Antraštė“) ką matėme byloje _Layouts.cshtml.
AsociacijaTada galime pasakyti, kad tai veiks kaip galvosūkis ir Išdėstymas įdės kiekvieną mūsų identifikuojamą kūrinį, kur jis priklauso.
Tuo mes baigiame šią pamoką ir, kaip matome, naudodami Išdėstymai galime sutaupyti perrašydami daug kodo ir turėdami vieną šio turinio šaltinį, mūsų puslapiai bus daug vienalytiškesni, jei mums reikės skirtingų skyrių parašykite antrą ar trečią maketą tai leidžia mums turėti visus elementus, kuriuos naudosime.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką