Kurse:Tag Helpers: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „= ASP.NET Core MVC Tag Helpers – Code Spickzettel = == Allgemeine Verwendung == <code> <a asp-controller="Home" asp-action="Index">Startseite</a> <!-- Link zur Index-Aktion im HomeController --> <form asp-controller="Products" asp-action="Create" method="post"> </form> <!-- Formular zur Create-Aktion --> <input asp-for="ProductName" class="form-control" /> <!-- Bindet an das Model-Property ProductName --> <select asp-for="CategoryId" asp-items="Mod…“ |
|||
| Zeile 1: | Zeile 1: | ||
= ASP.NET Core MVC Tag Helpers – Code Spickzettel = | |||
= ASP.NET Core MVC Tag Helpers – Code Spickzettel = | = ASP.NET Core MVC Tag Helpers – Code Spickzettel = | ||
| Zeile 32: | Zeile 34: | ||
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" /> | <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" /> | ||
<!-- Cache-Busting mit Versions-Query --> | <!-- Cache-Busting mit Versions-Query --> | ||
</code> | |||
== CRUD Beispiele == | |||
=== Index (Lesen) === | |||
<code> | |||
<!-- Links zu Create, Edit, Delete --> | |||
<a asp-action="Create">Erstellen</a> | |||
<a asp-action="Edit" asp-route-id="@item.Id">Bearbeiten</a> | |||
<a asp-action="Delete" asp-route-id="@item.Id">Löschen</a> | |||
<!-- Suchformular --> | |||
<form asp-action="Index" method="get"> | |||
<input type="text" name="searchString" /> | |||
<button type="submit">Suchen</button> | |||
</form> | |||
</code> | |||
=== Create / Edit (Erstellen / Bearbeiten) === | |||
<code> | |||
<form asp-action="Create" method="post"> | |||
<label asp-for="Name"></label> | |||
<input asp-for="Name" /> | |||
<label asp-for="Description"></label> | |||
<textarea asp-for="Description"></textarea> | |||
<label asp-for="CategoryId"></label> | |||
<select asp-for="CategoryId" asp-items="ViewBag.Categories"></select> | |||
<span asp-validation-for="Name"></span> | |||
<div asp-validation-summary="All"></div> | |||
<button type="submit">Speichern</button> | |||
</form> | |||
</code> | |||
=== Delete (Löschen) === | |||
<code> | |||
<form asp-action="Delete" asp-route-id="@Model.Id" method="post"> | |||
<button type="submit">Löschen</button> | |||
</form> | |||
</code> | |||
== Validierung == | |||
<code> | |||
<!-- Feld-spezifische Fehlermeldung --> | |||
<span asp-validation-for="Name"></span> | |||
<!-- Zusammenfassung aller Validierungsfehler --> | |||
<div asp-validation-summary="All"></div> | |||
</code> | |||
== Partial Views == | |||
<code> | |||
<partial name="_GridColumnHeader" /> | |||
<!-- Rendert eine partielle View, z. B. für Tabellenköpfe --> | |||
</code> | </code> | ||
Version vom 29. Juni 2025, 20:22 Uhr
ASP.NET Core MVC Tag Helpers – Code Spickzettel
ASP.NET Core MVC Tag Helpers – Code Spickzettel
Allgemeine Verwendung
<a asp-controller="Home" asp-action="Index">Startseite</a>
<form asp-controller="Products" asp-action="Create" method="post">
</form>
<input asp-for="ProductName" class="form-control" />
<select asp-for="CategoryId" asp-items="Model.Categories"></select>
<label asp-for="ProductName"></label>
<cache expires-after="@TimeSpan.FromMinutes(10)">
Inhalt zum Zwischenspeichern
</cache>
<environment names="Development">
<script src="~/lib/dev-only.js"></script>
</environment>
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
CRUD Beispiele
Index (Lesen)
<a asp-action="Create">Erstellen</a>
<a asp-action="Edit" asp-route-id="@item.Id">Bearbeiten</a>
<a asp-action="Delete" asp-route-id="@item.Id">Löschen</a>
<form asp-action="Index" method="get">
<input type="text" name="searchString" />
<button type="submit">Suchen</button>
</form>
Create / Edit (Erstellen / Bearbeiten)
<form asp-action="Create" method="post">
<label asp-for="Name"></label>
<input asp-for="Name" />
<label asp-for="Description"></label>
<textarea asp-for="Description"></textarea>
<label asp-for="CategoryId"></label>
<select asp-for="CategoryId" asp-items="ViewBag.Categories"></select>
<button type="submit">Speichern</button>
</form>
Delete (Löschen)
<form asp-action="Delete" asp-route-id="@Model.Id" method="post">
<button type="submit">Löschen</button>
</form>
Validierung
Partial Views
<partial name="_GridColumnHeader" />
CRUD Beispiele
Index (Lesen)
<a asp-action="Create">Erstellen</a>
<a asp-action="Edit" asp-route-id="@item.Id">Bearbeiten</a>
<a asp-action="Delete" asp-route-id="@item.Id">Löschen</a>
<form asp-action="Index" method="get">
<input type="text" name="searchString" />
<button type="submit">Suchen</button>
</form>
Create / Edit (Erstellen / Bearbeiten)
<form asp-action="Create" method="post">
<label asp-for="Name"></label>
<input asp-for="Name" />
<label asp-for="Description"></label>
<textarea asp-for="Description"></textarea>
<label asp-for="CategoryId"></label>
<select asp-for="CategoryId" asp-items="ViewBag.Categories"></select>
<button type="submit">Speichern</button>
</form>
Delete (Löschen)
<form asp-action="Delete" asp-route-id="@Model.Id" method="post">
<button type="submit">Löschen</button>
</form>
Validierung
Partial Views
<partial name="_GridColumnHeader" />