IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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

Vedomosti v hodnote stoviek tisíc získaš za pár korún

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

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh iba za 2 560 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 33 článkom (33 lekcií) tohoto kurzu.

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)

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ť.

Článok pre vás napísal Radek Vymětalík
Avatar
...
Aktivity