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.