30. diel - E-shop v ASP.NET - Základ - Pohľad detailu produktu
V minulej lekcii, E-shop v ASP.NET - Základ - Príprava detailu produktu , sme dokončili domovskú stránku a začali pracovať na zobrazení detailu produktu.
V dnešnom v ASP.NET Core tutoriále vytvoríme pohľad detailu produktu. Rovnako ako pri výpise produktov aj tu budeme rozlišovať medzi pohľadom správcu webu a bežného užívateľa.
Dnes budeme pracovať iba v aplikačnej vrstve,
teda v projekte Eshop
.
Do zložky Views/Product/
pridáme pohľad typu
Razor View - Empty
s názvom Detail
. Vložíme doň
kód pre definíciu modelu ProductDetailViewModel
a titulku
stránky:
@model Eshop.Models.ProductViewModels.ProductDetailViewModel @{ ViewData["Title"] = Model.Product.Title; }
Celý kód pohľadu rozdelíme do sekcií Hlavnej sekcie a Popis produktu. Hlavná sekcia potom bude mať svoje podsekcie.
Hlavná sekcia
V hlavnej sekcii sa bude nachádzať väčšina obsahu. Začneme podsekciou Karusel s obrázkami.Karusel s obrázkami
Do hlavnej sekcie si pridáme karusel s obrázkami produktu. Využijeme na to karusel (carousel) z Bootstrap:
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium no-reselling II, kúpou článku súhlasíš so zmluvnými podmienkami.
Komerčný článok (licencia no-reselling)
Tento článok vznikol na základe mnohoročných skúseností v odbore a opisuje vývoj profesionálneho komerčného produktu alebo jeho súčasti, ktorú možno priamo využiť za účelom zisku alebo k preniknutiu do komerčnej sféry IT odvetvia.
Tieto vrcholové znalosti sprístupňujeme samozrejme iba niektorým členom komunity, ktorí sa majú záujem vypracovať na profesionálov v odbore a preto sú k dispozícii len za kredity. Kód z článku môžete použiť pre jeden svoj komerčný projekt. Nie je ho však možné prepredávať (raz zakúpiť a následne predať ďalej v niekoľkých projektoch). Ak potrebujete širšie využitie kódu, radi sa s vami dohodneme na komerčnej licencii. Viac informácií nájdete v článku Licencia.
Ste pripravení stať sa profesionálmi v odbore? Stačí kliknúť.
Popis článku
Požadovaný článok má nasledujúci obsah:
V ASP.NET Core tutoriále dokončíme základ detailu produktu vytvorením jeho pohľadu. Budeme využívať naše komponenty a komponenty z Bootstrap.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.