ASP.NET MVC - Ansichten

Um ASP.NET MVC zu erlernen, werden wir eine Internetanwendung erstellen.

Teil 5: Hinzufügen einer Ansicht zur Anzeige der Anwendung.

Ansichten-Ordner

AnsichtenDer Ordner speichert Dateien (HTML-Dateien), die sich auf die Anzeige der Anwendung (Benutzeroberfläche) beziehen. Abhängig vom verwendeten Sprachinhalt können diese Dateien Erweiterungen wie html, asp, aspx, cshtml und vbhtml haben.

Der Ordner „Views“ enthält einen Ordner für jeden entsprechenden Controller.

Im Ordner Views hat Visual Web Developer bereits einen Account-Ordner, einen Home-Ordner und einen Shared-Ordner erstellt.

Der Account-Ordner enthält Seiten für die Registrierung und Anmeldung von Benutzerkonten.

Der Home-Ordner wird zum Speichern von Anwendungsseiten wie der Startseite und der Über-uns-Seite verwendet.

Der Shared-Ordner wird zum Speichern von Views verwendet, die von mehreren Controllern gemeinsam genutzt werden (Master-Seiten und Layout-Seiten).

Views

ASP.NET-Dateitypen

Im Ordner Views sehen Sie die folgenden HTML-Dateitypen:

Dateityp Erweiterung
Reines HTML .htm oder .html
Klassisches ASP .asp
Klassisches ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Index-Datei

Die Datei Index.cshtml stellt die Startseite der Anwendung dar. Sie ist die Standarddatei (Startseitendatei) der Anwendung.

Schreiben Sie den folgenden Inhalt in die Datei:

@{ViewBag.Title = "Home Page";}

<h1>Welcome to example.com</h1>

<p>Put Home Page content here</p>

Info-Datei

Die Datei About.cshtml stellt die Info-Seite der Anwendung dar.

Schreiben Sie den folgenden Inhalt in die Datei:

@{ViewBag.Title = "About Us";}

<h1>About Us</h1>

<p>Put About Us content here</p>

Anwendung ausführen

Wählen Sie im Menü von Visual Web Developer Debuggen und anschließend Debugging starten (oder drücken Sie F5).

Ihre Anwendung wird wie folgt angezeigt:

MVC Application

Klicken Sie auf die Registerkarte „Home“ und die Registerkarte „About“, um zu sehen, wie es funktioniert.

Herzlichen Glückwunsch

Herzlichen Glückwunsch. Sie haben erfolgreich Ihre erste MVC-Anwendung erstellt.

Hinweis:Sie können die Registerkarte „Movies“ vorerst nicht anklicken. Wir werden in späteren Kapiteln dieses Tutorials Code für die Registerkarte „Movies“ hinzufügen.


Andere Erweiterungen