Einführung in ASP.NET MVC

von Scott Hanselman

Hinweis

Eine aktualisierte Version, wenn dieses Tutorial hier mit Visual Studio 2013 verfügbar ist. Das neue Tutorial verwendet ASP.NET MVC 5, der viele Verbesserungen gegenüber diesem Tutorial bietet.

Dies ist ein Anfängertutorial, in dem die Grundlagen der ASP.NET MVC vorgestellt werden. Sie erstellen eine einfache Webanwendung, die Lese- und Schreibvorgänge aus einer Datenbank ermöglicht. Besuchen Sie das ASP.NET MVC Learning Center , um weitere ASP.NET MVC-Tutorials und -Beispiele zu finden.

Wir erstellen unsere erste ASP.NET MVC-Webanwendung mit Visual Web Developer 2010 Express. Wir erstellen eine kleine Movie-Listenanwendung, mit der wir Filme erstellen und auflisten können.

Sie lernen Folgendes

Hier finden Sie zwei Screenshots der Anwendung, die Sie erstellen. Sie haben eine einfache Tabelle mit Filmen mit verschiedenen Spalten.

Außerdem verfügen Sie über ein Formular erstellen, damit wir der Liste Filme hinzufügen können.

Erlernte Fertigkeiten

In diesem Tutorial lernen Sie die Grundlagen des Erstellens einer ASP.NET MVC-Webanwendung mit Visual Studio kennen. Sie lernen Folgendes:

• Erstellen eines neuen ASP.NET MVC-Projekts
• Erstellen einer neuen Datenbank mit SQL Server
• Erstellen ASP.NET MVC-Controller und -Ansichten
• Abrufen und Anzeigen von Daten
• Bearbeiten von Daten und Aktivieren der Datenüberprüfung
• Aktualisieren des Datenbankschemas

Erste Schritte

Führen Sie zunächst Visual Web Developer 2010 Express aus (ich nenne es ab jetzt "VWD") und wählen Sie auf dem Startbildschirm Die Option Neues Projekt aus.

Visual Web Developer ist eine IDE oder integrierte Entwicklerumgebung. Genau wie Sie Microsoft Word zum Schreiben von Dokumenten verwenden, verwenden Sie eine IDE zum Erstellen von Anwendungen. Am oberen Rand befindet sich eine Symbolleiste mit verschiedenen Optionen, die Ihnen zur Verfügung stehen, sowie das Menü, das Sie auch zum Auswählen von Datei verwendet haben könnten | Neues Projekt.

Erstellen Ihrer ersten Anwendung

Sie können Anwendungen mit Visual Basic oder Visual C# erstellen. Wählen Sie zunächst auf der linken Seite Visual C# aus, und wählen Sie dann "ASP.NET MVC 2-Webanwendung" aus. Nennen Sie Ihr Projekt "Filme", und klicken Sie auf OK.

Auf der rechten Seite befindet sich die Projektmappen-Explorer, die alle Dateien und Ordner in Ihrer Anwendung anzeigt. Im großen Fenster in der Mitte bearbeiten Sie Ihren Code und verbringen die meiste Zeit. Visual Studio hat eine Standardvorlage für das soeben erstellte ASP.NET MVC-Projekt verwendet, sodass Sie jetzt über eine funktionierende Anwendung verfügen, ohne etwas zu tun! Dies ist ein einfaches "Hallo Welt! project, und es ist ein guter Ausgangspunkt für unsere Anwendung.

Wählen Sie die Schaltfläche "Wiedergabe" auf der Symbolleiste aus.

Es ist ein grüner Pfeil, der nach rechts zeigt, der Ihr Programm kompiliert und Ihre Anwendung in einem Webbrowser startet.

HINWEIS: Sie können stattdessen F5 auf Der Tastatur drücken oder im Menü "Debuggen" debuggen-Starten> auswählen.

Dies führt dazu, dass Visual Web Developer einen Entwicklungswebserver startet und unsere Webanwendung ausführt (es sind keine Konfiguration oder manuelle Schritte erforderlich, um dies zu aktivieren). Anschließend wird ein Browser gestartet und so konfiguriert, dass die Startseite der Anwendung durchsucht wird. Beachten Sie unten, dass die Adressleiste des Browsers "localhost" und nicht so etwas wie example.com. Das liegt daran, dass localhost immer auf Ihren eigenen lokalen Computer verweist , der in diesem Fall die gerade erstellte Anwendung ausführt.

Diese Standardvorlage bietet zwei Seiten zum Besuchen und eine einfache Anmeldeseite. Lassen Sie uns die Funktionsweise dieser Anwendung ändern und dabei ein wenig über ASP.NET MVC lernen. Schließen Sie Ihren Browser, und lassen Sie code ändern.

Nächste