Tworzymy nowy widok o nazwie Index
W poprzednim podrozdziale (9.2 Tworzymy nowy kontroler „HomeController”) utworzyliśmy pierwszy kontroler w naszym projekcie a mino to projekt w dalszym ciągu „wyrzuca” błąd. Tak jak już pisałem błąd ten jest spowodowany tym, że nie mamy utworzonego w naszym projekcie żadnego widoku (w naszym przypadku brak widoku o nazwie Index bo takiego właśnie widoku szuka kompilator). Przyszedł więc czas na stworzenie nowego pierwszego widoku.
Utworzyć widok możemy na dwa sposoby:
Sposób 1
Klikamy prawym przyciskiem myszy (PPM) na nazwie metody akcji Index, w kontrolerze Home, i z rozwiniętego menu wybieramy opcję Add View.
W oknie Add View konfigurujemy widok i potwierdzamy ustawienia.
Z uwagi na fakt, że tworzyliśmy widok klikając na metodzie Index Visual Studio automatycznie nazwał ten widok tak jak metoda dla której tworzymy ten widok, czyli Index. W polu szablon (template) wybieramy Empty (without model) i potwierdzamy przyciskiem Add. Opcję Empty (without model) wybieramy dlatego, widok Index będzie naszą stroną startową. Nie będzie ona prezentowała żadnych danych z modelu, dlatego korzystamy z ww. opcji.
Teraz przejdźmy do okna Solution Explorer i zobaczymy tam, że w folderze Views > Home utworzony został widok o nazwie Index.
Treść nowo utworzonego widoku możemy zobaczyć klikając na plik Index.cshtml.
Listing 9.3.1 Kod nowo utworzonego widoku o nazwie Index.
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
</div>
</body>
</html>
Kiedy uruchomimy nasz projekt w przeglądarce internetowej zobaczymy pustą stronę. Pustą dlatego, że nie umieściliśmy w niej żadnej treści. O tym, że uruchomiony jest widok Index świadczy tytuł strony i adres wyświetlany przez przeglądarkę (Rysunek 9.3.3).
