Obsah
Při vývoji webové aplikace musíme také vyvíjet její vnější a estetickou část, tedy to, co uživatel vidí. Součástí toho je dělání záhlaví stránky, nabídka, zápatí atd..To, co zmiňujeme, je statický obsah a obvykle se během života aplikace mění velmi málo, obvykle se mění, když je k dispozici nový. Podívejte se a cítíte, tj. redesign nebo když přidáme nové komponenty, které se musí projevit.
Abychom mohli pracovat s těmito typy prvků, musíme použít rozloženíTo nám umožňuje například napsat záhlaví pouze jednou a tím, že tak učiníme později, jej můžeme zahrnout do jiných částí, aniž bychom jej museli přepisovat.
Rozložení
S použitím Břitva Můžeme psát šablony, které se chovají jako kontejnery zobrazení, tj. Pohled, který bude obsahovat další, jak jsme vysvětlili, cílem je napsat co nejmenší množství kódu a homogenizovat vzhled naší aplikace.
Proč používat Layouts?Pokud máme například základní web se záhlavím, nejlogičtější je, že různé pohledy používají toto záhlaví, takže místo toho, abychom v každém zobrazení několikrát psali jeho kód, provedeme rozložení a zahrneme to do různých pohledů.
Obsah souboru _Layout.cshtml
Při generování nového webového projektu v rámci našeho složka zobrazení, máme soubor s názvem _Layout.cshtml, v tomto souboru máme naši hlavní šablonu, která bude fungovat jako kontejner pohledů, které jsme vysvětlili v předchozím bodě.
Podívejme se na následujícím obrázku na zdrojový kód, který tento soubor obsahuje:
Jak vidíme, je to něco docela modulárního, pokud nyní vidíme kód pohledu, můžeme pochopit, jak spolu přímo souvisejí:
@ {Layout = "~ / _Layout.cshtml"; } @section Header {
Zobrazit obsah záhlaví
} @section Footer {Copyright @ DateTime.Now.Year}Toto je obsah těla pohledu
V tomto pohledu jsme jako první naznačili, že soubor použije _Layout.cshtml jako základ vám pak řekneme, co bude každá sekce například nést @záhlaví sekceTento blok bude vytištěn v souboru @RenderSection („Záhlaví“) co jsme viděli v souboru _Layouts.cshtml.
SdruženíMůžeme tedy říci, že to bude fungovat jako puzzle a Rozložení umístí každý kus, který identifikujeme, kam patří.
Tímto tento tutoriál dokončíme a jak vidíme pomocí Rozložení můžeme ušetřit přepisováním velkého množství kódu a tím, že budeme mít jeden zdroj pro tento obsah, budou naše stránky mnohem homogennější, pokud budeme potřebovat různé sekce, můžeme napište druhé nebo třetí rozložení což nám umožňuje mít všechny prvky, které budeme používat.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
