
Pierwsza aplikacja Asp .NET MVC
Asp NET MVC – czym jest? W skrócie jest to platforma do budowy aplikacji internetowych w oparciu o wzorzec MVC. Model-widok-kontroler (model-view-controller) jest bardzo prostym i intuicyjnym w użyciu wzorcem, który opiera się na podziale aplikacji na warstwy, z których każda zajmuje się pewnym zestawem zadań.
Widok
Odpowiada za wyświetlanie danych dla użytkownika.
Kontroler
Pełni rolę pośrednika pomiędzy widokiem a modelem, aktualizuje modele, odświeża widoki, odpowiada za reagowanie na działania użytkownika.
Model
Reprezentuje najczęściej dane przetwarzane przez aplikację. Odpowiada za sposób ich zapisu, odczytu i aktualizacji.
Zacznijmy od stworzenia prostej aplikacji Asp .NET MVC.
Stwórzmy nowy projekt Asp .NET MVC w Visual Studio – ASP .NET Web Application (.NET Framework). Powinniśmy zobaczyć:
Na górze wybierzmy szablon MVC, po prawej ustawmy No Authentication, odznaczmy Web API, Web Forms oraz Add unit tests. U mnie nie jest widoczna opcja Host in the cloud, którą też zalecam odznaczyć.
Klikamy OK i po chwili powinniśmy mieć prosty projekt Asp .NET MVC.
Zacznijmy od omówienia jego struktury.
Zacznijmy od folderów:
- App_Data – przechowuje się w nim pliki baz danych (np. SQL Server .mdf, .xml)
- App_Start – zawiera klasy, które zostaną wykonane wraz ze startem aplikacji, najczęściej są to pliki konfiguracyjne AuthConfig.cs, BundleConfig.cs, FilterConfig.cs, RouteConfig.cs etc. MVC domyślnie zawiera BundleConfig.cs, FilterConfig.cs and RouteConfig.cs.
- Content – folder na statyczne elementy naszej strony (obrazki, pliki .css)
- Controlers – zawiera klasy kontrolerów
- Models – folder przeznaczony na modele
- Scripts – przechowuje pliki .js
- Views – przechowuje widoki aplikacji
Plik Global.asax pozwala na pisanie kodu, który będzie wykonany w odpowiedzie na wydarzena na poziomie aplikacji – start i błąd aplikacji, początek i koniec sesji, itp.
Packages.config jest zarządzany przez NuGet do śledzenia zainstalowanych w aplikacji paczek.
Web.config zawiera konfigurację samej aplikacji.
Teoria teorią ale przydałoby się uruchomić naszą aplikację.
Wybieramy
U was może być inna przeglądarka domyślnie ustawiona, ew. Można rozwinąć listę i wybrać inną.
Jak widać nasza aplikacja działa. To co widzimy to domyślny wygląd nowo utworzonej aplikacji. W następnych postach omówimy działanie naszej aplikacji, dodamy kolejne modele, widoki, kontrolery i bazę danych.