Kurse:Täglich Layout Views Übungen: Unterschied zwischen den Versionen

Aus ahrensburg.city
Zur Navigation springen Zur Suche springen
VisuellWikitext
Die Seite wurde neu angelegt: „= ASP.NET Core MVC – Layout Views Spickzettel = == 1. Grundstruktur: Layout-View (_Layout.cshtml) == <syntaxhighlight lang="html"> <!-- Views/Shared/_Layout.cshtml --> <!DOCTYPE html> <html> <head> <title>@ViewData["Title"]</title> <link href="~/StyleSheet.css" rel="stylesheet" /> </head> <body> <div class="navbar"> <a href="/">Home</a> </div> <div class="container"> @RenderBody() </div> </body> </html> </syntaxh…“
 
(kein Unterschied)

Aktuelle Version vom 25. Juni 2025, 15:01 Uhr

ASP.NET Core MVC – Layout Views Spickzettel

1. Grundstruktur: Layout-View (_Layout.cshtml)

<!-- Views/Shared/_Layout.cshtml -->
<!DOCTYPE html>
<html>
<head>
    <title>@ViewData["Title"]</title>
    <link href="~/StyleSheet.css" rel="stylesheet" />
</head>
<body>
    <div class="navbar">
        <a href="/">Home</a>
    </div>
    <div class="container">
        @RenderBody()
    </div>
</body>
</html>
  • @RenderBody(): Platzhalter für den Inhalt der einzelnen View.

2. Verwendung in einer Content-View

@{
    Layout = "~/Views/Shared/_Layout.cshtml"; // Layout explizit festlegen
    ViewData["Title"] = "Home";
}
<h1>Home</h1>
<p>Willkommen!</p>
  • Layout: Legt verwendetes Layout fest.
  • ViewData["Title"]: Titel für Layout setzen.

3. _ViewStart.cshtml: Standardlayout setzen

@{
    Layout = "_Layout"; // Standard-Layout für alle Views im Verzeichnis
}

4. Dynamisches Layout (z.B. per ViewBag)

@{
    if (ViewBag.ProductID != null) {
        Layout = "~/Views/Shared/_ProductsLayout.cshtml";
    }
}
<!-- Restlicher View-Code -->

5. Sections & @RenderSection

Layout-View: 

@RenderSection("footer_section", false) // "false": Section ist optional
Abgerufen von „https://ahrensburg.city/index.php?title=Kurse:Täglich_Layout_Views_Übungen&oldid=316“