Kurse:Täglich Layout Views Übungen
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