Platforma .NET – 3
RNDr. Michal Pobucký
michal.pobucky@fpf.slu.cz
Ústav informatiky – zima 2020
Razor
2Platforma .NET - 3 - RNDr. Michal Pobucký
• Razor is the view engine responsible for incorporating data into HTML
documents.
• The ability to dynamically generate content is essential to being able
to write a web application. Razor provides features that make it easy
to work with the rest of the ASP.NET Core MVC using C# statements.
• Vytvořte novou webovou aplikaci MVC
Razor
3Platforma .NET - 3 - RNDr. Michal Pobucký
Nový Models / Product
Razor
4Platforma .NET - 3 - RNDr. Michal Pobucký
Razor
5Platforma .NET - 3 - RNDr. Michal Pobucký
Razor
6Platforma .NET - 3 - RNDr. Michal Pobucký
Layout
7Platforma .NET - 3 - RNDr. Michal Pobucký
Views / Shared / Přidat / Nová položka
Layout
8Platforma .NET - 3 - RNDr. Michal Pobucký
Layout
9Platforma .NET - 3 - RNDr. Michal Pobucký
Layout
10Platforma .NET - 3 - RNDr. Michal Pobucký
Spustit
Layout
11Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
12Platforma .NET - 3 - RNDr. Michal Pobucký
• Vytvořte novou webovou aplikaci MVC (SportsStore; raději ne
03_web_SportsStore)
• Nejprve vytvoříme základní strukturu aplikace
Sportovní obchod
13Platforma .NET - 3 - RNDr. Michal Pobucký
Models / Product.cs
Sportovní obchod
14Platforma .NET - 3 - RNDr. Michal Pobucký
Models / IProductRepository.cs
Sportovní obchod
15Platforma .NET - 3 - RNDr. Michal Pobucký
Models / TempProductRepository.cs
Sportovní obchod
16Platforma .NET - 3 - RNDr. Michal Pobucký
Startup.cs
Provedeme registraci
služby našeho úložiště
TempProductRepository
Sportovní obchod
17Platforma .NET - 3 - RNDr. Michal Pobucký
Contollers / ProductController.cs
Sportovní obchod
18Platforma .NET - 3 - RNDr. Michal Pobucký
Views / Shared / _Layout.cshtml
Upravit
Sportovní obchod
19Platforma .NET - 3 - RNDr. Michal Pobucký
Views / _ViewStart.cshtml
Upravit
Sportovní obchod
20Platforma .NET - 3 - RNDr. Michal Pobucký
Views / Product / List.cshtml
Při volání obdržíme
objekty Product
Sportovní obchod
21Platforma .NET - 3 - RNDr. Michal Pobucký
Startup.cs
Upravit
Máme základní strukturu hotovou
Spustit
Sportovní obchod
22Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
23Platforma .NET - 3 - RNDr. Michal Pobucký
• Propojení dat z databáze
Sportovní obchod
24Platforma .NET - 3 - RNDr. Michal Pobucký
Models / ApplicationDbContext.cs
Sportovní obchod
25Platforma .NET - 3 - RNDr. Michal Pobucký
Models / EFProductRepository.cs
Sportovní obchod
26Platforma .NET - 3 - RNDr. Michal Pobucký
Startup.cs
Upravit
Sportovní obchod
27Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
28Platforma .NET - 3 - RNDr. Michal Pobucký
Novou tabulku s
názvem Products
Sportovní obchod
29Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
30Platforma .NET - 3 - RNDr. Michal Pobucký
Zkopírovat obsah vlastnosti
Connection string
Sportovní obchod
31Platforma .NET - 3 - RNDr. Michal Pobucký
appsettings.json
Upravit
Sportovní obchod
32Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
33Platforma .NET - 3 - RNDr. Michal Pobucký
• Přidáme stránkování Upravit
Controllers / ProductController.cs
Spustit
Sportovní obchod
34Platforma .NET - 3 - RNDr. Michal Pobucký
Models / ViewModels / PagingInfo.cs
Sportovní obchod
35Platforma .NET - 3 - RNDr. Michal Pobucký
Infrastructure / PageLinkTagHelper.cs
TagHelper – propojuje
logiku C# s Views
Sportovní obchod
36Platforma .NET - 3 - RNDr. Michal Pobucký
Views / _ViewImports.cshtml
Upravit
Sportovní obchod
37Platforma .NET - 3 - RNDr. Michal Pobucký
Models / ViewModels / ProductListViewModel.cs
Sportovní obchod
38Platforma .NET - 3 - RNDr. Michal Pobucký
Controllers / ProductController.cs
Upravit
Musel jsem přejmenovat z
03_web_SportsStore na
SportsStore, abych to rozjel…
Spustit
Sportovní obchod
39Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
40Platforma .NET - 3 - RNDr. Michal Pobucký
Startup.cs
Upravit
Spustit
Sportovní obchod
41Platforma .NET - 3 - RNDr. Michal Pobucký
Views / Shared / _Layout.cshtml
Upravit
• Upravíme vzhled
Spustit
Sportovní obchod
42Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
43Platforma .NET - 3 - RNDr. Michal Pobucký
Views / Product / List.cshtml
Upravit
Sportovní obchod
44Platforma .NET - 3 - RNDr. Michal Pobucký
Infrastructure / PageLinkTagHelper.cs
Upravit
Spustit
Sportovní obchod
45Platforma .NET - 3 - RNDr. Michal Pobucký
Sportovní obchod
46Platforma .NET - 3 - RNDr. Michal Pobucký
• Přidáme navigaci
Sportovní obchod
47Platforma .NET - 3 - RNDr. Michal Pobucký
Models / ViewModels / ProductListViewModel.cs
Upravit
Sportovní obchod
48Platforma .NET - 3 - RNDr. Michal Pobucký
Controllers / ProductController.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 49
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 50
Startup.cs
Upravit
Metoda public void Configure
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 51
Upravit
Infrastructure / PageLinkTagHelper.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 52
Upravit
Views / Product / List.cshtml
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 53
Sportovní obchod
• Tvorba navigačního menu
Platforma .NET - 3 - RNDr. Michal Pobucký 54
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 55
Components / NavigationMenuViewComponent.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 56
Upravit
Views / Shared / _Layout.cshtml
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 57
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 58
Upravit
Components / NavigationMenuViewComponent.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 59
Views / Shared / Components / NavigationMenu / Default.cshtml
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 60
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 61
• Zvýrazníme vybranou kategorii
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 62
Upravit
Components / NavigationMenuViewComponent.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 63
Upravit
Views / Shared / Components / NavigationMenu / Default.cshtml
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 64
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 65
Opravíme nyní stránkování kategorií
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 66
Upravit
Controllers / ProductController.cs
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 67
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 68
• Vytvoříme nákupní košík
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 69
• Vytvoříme nákupní košík
Products
Add to cart
Check out now
Continue shopping
Your cart Enter shipping details
Soccer Ball
Corner Flags
Stadium
Add to cart
Add to cart
$79.500
1 x Stadium
Total:
$79.500
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 70
Models / Cart.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 71
Infrastructure / UrlExtensions.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 72
Views / _ViewImports.cshtml
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 73
Views / Product / ProductSummary.cshtml
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 74
Views / Product / List.cshtml
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 75
Startup.cs
• Povolíme Session
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 76
Infrastructure / SessionExtensions.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 77
Controllers / CartController.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 78
Models / ViewModels / CartIndexViewModel.cs
• Zobrazení komponent
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 79
Controllers / CartController.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 80
Views / Cart / Index.cshtml
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 81
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 82
• Dokončení košíku
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 83
Models / SessionCart.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 84
Startup.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 85
Controllers / CartController.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 86
• Přidání vymazávaní položek z košíku
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 87
Views / Cart / Index.cshtml
Upravit
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 88
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 89
Components / CartSummaryViewComponent.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 90
Views / Shared / Components / CartSummary / Default.cshtml
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 91
Views / Shared / _Layout.cshtml
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 92
Zavřít
Zavřít i VS
Znovu spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 93
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 94
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 95
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 96
• Finalizace objednávky
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 97
Models / Order.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 98
Views / Cart / Index.cshtml
Spustit
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 99
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 100
Controllers / OrderController.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 101
Views / Order / Checkout.cshtml
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 102
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 103
• Dokončení
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 104
Models / ApplicationDbContext.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 105
Models / IOrderRepository.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 106
Models / EFOrderRepository.cs
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 107
Startup.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 108
Controllers / OrderController.cs
Upravit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 109
Views / Order / Checkout.cshtml
Upravit
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 110
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 111
Views / Order / Completed.cs
Spustit
Sportovní obchod
Platforma .NET - 3 - RNDr. Michal Pobucký 112