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