ASP.NET MVC - Layouts

Wenn wir eine Webanwendung entwickeln, müssen wir auch ihren äußeren und ästhetischen Teil entwickeln, dh das, was der Benutzer sieht. Ein Teil davon macht die Seitenkopf, Menü, Fußzeile usw..
Hierbei handelt es sich um statischen Inhalt, der sich während der Lebensdauer der Anwendung normalerweise nur sehr wenig ändert. Schauen und fühlen, also ein Redesign oder wenn wir neue Komponenten hinzufügen, die reflektiert werden müssen.
Um mit diesen Arten von Elementen zu arbeiten, müssen wir die LayoutsDadurch können wir beispielsweise den Header nur einmal schreiben und so später in andere Teile einfügen, ohne ihn neu schreiben zu müssen.
Grundrisse
Mit Hilfe von Rasierer Wir können Templates schreiben, die sich wie View-Container verhalten, d. h. eine View, die andere enthält, wie wir erklärt haben.
Warum Layouts verwenden?Wenn wir beispielsweise ein einfaches Web mit einem Header haben, ist es am logischsten, dass die verschiedenen Ansichten diesen Header verwenden Layout und wir beziehen es in die verschiedenen Ansichten ein.
Inhalt der Datei _Layout.cshtml
Beim Generieren eines neuen Webprojekts innerhalb unserer Ansichten Ordner, wir haben eine Datei namens _Layout.cshtml, in dieser Datei haben wir unsere Hauptvorlage, die als Container für Ansichten fungiert, die wir im vorherigen Punkt erklärt haben.
Sehen wir uns im folgenden Bild den Quellcode an, den diese Datei enthält:

Wenn wir detailliert sind, haben wir eine HTML-Datei normal, aber was uns interessiert ist der Code Rasierer, wir beginnen mit dem Title-Tag, wenn wir uns Razor ansehen, deutet es darauf hin @ View.Title, das bedeutet, dass Sie einen Parameter drucken müssen Titel das kommt aus der Ansicht, dann fahren wir mit den anderen Abschnitten fort, wo @RenderSection ([Name]) ermöglicht es uns, Inhalte zu drucken, die in der Ansicht anzeigen, die zu jedem Abschnitt und schließlich geht @RenderBody() druckt den Inhalt des Hauptteils.
Wie wir sehen, ist es etwas ziemlich Modulares. Wenn wir jetzt den Code einer Ansicht sehen, können wir verstehen, wie sie direkt miteinander verbunden sind:

 @ {Layout = "~ / _Layout.cshtml"; } @Abschnittskopfzeile {
Kopfzeileninhalt anzeigen
} @section Footer {Copyright @ DateTime.Now.Year}Dies ist der Inhalt des Hauptteils der Ansicht

In dieser Ansicht haben wir zuerst angegeben, dass die Datei verwendet wird _Layout.cshtml als Grundlage, dann sagen wir Ihnen, was jeder Abschnitt zum Beispiel tragen wird @Abschnittskopfzeile, was dieser Block enthält, wird im gedruckt @RenderSection ("Header") was wir in der Datei gesehen haben _Layouts.cshtml.
VerbandWir können dann sagen, dass dies wie ein Puzzle funktionieren wird und die Layout wird jedes Stück, das wir identifizieren, dort platzieren, wo es hingehört.
Damit beenden wir dieses Tutorial und wie wir sehen können, verwenden wir die Grundrisse Wir können uns viel Code sparen und durch eine einzige Quelle für diesen Inhalt werden unsere Seiten viel homogener, wenn wir verschiedene Abschnitte benötigen, können wir das schreibe ein zweites oder drittes Layout das ermöglicht uns, alle Elemente zu haben, die wir verwenden werden.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben