28. diel - E-shop v ASP.NET - Objednávka - Pohľad spôsobu dodania

V minulej lekcii, E-shop v ASP.NET - Objednávka - Kontrolér spôsobu dodania , sme si pridali nové ViewModely na výmenu informácií o spôsoboch dodania a platby medzi pohľadom a kontrolérom OrderController, ktorý sme taktiež rozšírili o nové akcie.

V dnešnom ASP.NET Core tutoriále, v jazyku C# .NET, dokončíme stránku s výberom spôsobu dodania a platby v sprievodcovi objednávkou. Vytvoríme si pohľad a script, ktorý v pohľade zavoláme. Nakoniec všetko otestujeme.

Dnes budeme pracovať iba v aplikačnej vrstve, teda v projekte Eshop.

Pohľad Payment

Do zložky Views/Order/ pridáme nový pohľad typu Razor View - Empty s názvom Payment.

V pohľade:

• nastavíme jeho model na DeliveryPaymentWayViewModel,
• pridáme titulok stránky a widget s krokmi objednávky,
• pridáme formulár pre výber druhu dopravy a platby.

Zatiaľ sme do pohľadu teda pridali tento kód:

@using Eshop.Extensions
@model Eshop.Models.OrderViewModels.DeliveryPaymentWayViewModel

@{
    ViewData["Title"] = "Spôsob dodania a platby";
}

<h2 class="site-heading">Spôsob dodania a platby</h2>

@Html.OrderState(2, User.Identity.IsAuthenticated)

<form class="mt-4" asp-action="Payment" asp-controller="Order" method="post">
</form>

Výber spôsobu dodania a platby

Do formulára najskôr pridáme zoznamy s radio buttonmi (elementy <input> typu radio) pre výber druhu dopravy a platby:

 

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