ASP.NET MVC - Widoki

Aby nauczyć się ASP.NET MVC, zbudujemy aplikację internetową.

Część 5:Dodaj widoki do wyświetlania aplikacji.

Folder 'Views'

Views Folder przechowuje pliki związane z wyświetlaniem aplikacji (interfejs użytkownika) (pliki HTML). W zależności od języka, te pliki mogą mieć rozszerzenia html, asp, aspx, cshtml oraz vbhtml.

Folder 'Views' zawiera jedną folder dla każdego kontrolera.

Visual Web Developer utworzył folder 'Account', folder 'Home' oraz folder 'Shared' (w folderze 'Views').

Katalog Account zawiera strony do rejestracji i logowania użytkowników.

Katalog Home służy do przechowywania stron aplikacji, takich jak strona główna i strona o nas.

Katalog Shared służy do przechowywania widoków dzielonych między kontrolerami (szablony stron i layouty).

Typy plików ASP.NET

W katalogu Views można znaleźć następujące typy plików HTML:

Typ pliku Rozszerzenie
Prawdziwy HTML .htm lub .html
Klasyczny ASP .asp
Klasyczny ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Plik Index

Plik Index.cshtml reprezentuje stronę główną aplikacji. Jest to domyślny plik aplikacji (strona główna).

Zapisz w pliku następującą treść:

@{ViewBag.Title = "Strona główna";}
<h1>Witaj na CodeW3C.com</h1>
<p>Umieść tutaj zawartość strony głównej</p>

Plik About

Plik About.cshtml reprezentuje stronę o aplikacji.

Zapisz w pliku następującą treść:

@{ViewBag.Title = "O nas";}
<h1>O nas</h1>
<p>Umieść tutaj zawartość "O nas"</p>

Uruchom aplikację

Wybierz "Debugowanie", aby uruchomić debugowanie z menu debugowania (lub naciśnij F5).

Twoja aplikacja będzie wyglądać mniej więcej tak:

Kliknij "Strona główna" i "O nas", aby zobaczyć, jak działa.

Gratulacje!

Gratulacje. Udało Ci się stworzyć pierwszy aplikację MVC.

Uwaga:Karta "Film" wciąż nie może być kliknięta. Dodamy kod dla karty "Film" w dalszych rozdziałach tego przewodnika.