7. diel - Úprava administrácie článkov a editor v ASP.NET Core MVC

V minulej lekcii, Kvíz - MVC, pohľad, middleware, routovanie v ASP.NET Core MVC , sme si predstavili scaffolding a Entity Framework Core. V dnešnom ASP.NET Core tutoriálu upravíme vygenerovanú administráciu článkov a pridáme ich editor. Môžeme si ukázať ako bude vyzerať:

Úprava šablón

Najprv upravíme jednotlivé cshtml šablóny.

Index.cshtml

Pohľad Index.cshtml (pre kontrolér ArticlesController) zobrazuje v tabuľke zoznam článkov na blogu. Nastavíme tu titulok, odmazať nadpis <h2>, odmazať hlavičkový riadok a pre tabuľku použijeme nejaké ID a CSS štýl.

@model IEnumerable<AspBlog.Models.Article>

@{
    ViewData["Title"] = "Seznam článků";
}

<p>
    <a asp-action="Create">Vytvořit nový</a>
</p>
<table class="table" id="clanky">
    <tbody>
        @foreach (var item in Model) {
        <tr>
            <td>
                <h2><a asp-action="Details" asp-route-id="@item.Id">@item.Title</a></h2>
                <p>@item.Description</p>
                <p>
                    <a asp-action="Edit" asp-route-id="@item.Id">Editovat</a> |
                    <a asp-action="Delete" asp-route-id="@item.Id">Odstranit</a>
                </p>
            </td>
        </tr>
        }
    </tbody>
</table>

Najprv si definujeme, že modelom pohľadu je kolekcia našich článkov a nastavíme titulok stránky pre layout. Pomocou tag lymfocytov potom vygenerujeme

...koniec náhľadu článku...
Pokračuj ďalej