Einführung zu ASP.NET MVC 4

von Rick Anderson

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

In diesem Tutorial lernen Sie die Grundlagen des Erstellens einer ASP.NET MVC 4-Webanwendung mit Microsoft Visual Studio Express 2012 oder Visual Web Developer 2010 Express Service Pack 1 kennen. Visual Studio 2012 wird empfohlen. Sie müssen nichts installieren, um das Tutorial abzuschließen. Wenn Sie Visual Studio 2010 verwenden, müssen Sie die folgenden Komponenten installieren. Sie können alle installieren, indem Sie auf die folgenden Links klicken:

• Voraussetzungen für Visual Studio Web Developer Express SP1
• WPI-Installationsprogramm für ASP.NET MVC 4
• LocalDB
• SSDT

Wenn Sie Visual Studio 2010 anstelle von Visual Web Developer 2010 verwenden, installieren Sie das WPI-Installationsprogramm für ASP.NET MVC 4 und die: Visual Studio 2010-Voraussetzungen.

Für dieses Thema steht ein Visual Web Developer-Projekt mit C#-Quellcode zur Verfügung. Laden Sie die C#-Version herunter.

Im Tutorial führen Sie die Anwendung in Visual Studio aus. Sie können die Anwendung auch über das Internet verfügbar machen, indem Sie sie bei einem Hostinganbieter bereitstellen. Microsoft bietet kostenloses Webhosting für bis zu 10 Websites in einem kostenlosen Windows Azure-Testkonto an. Informationen zum Bereitstellen eines Visual Studio-Webprojekts auf einer Windows Azure-Website finden Sie unter Erstellen und Bereitstellen einer ASP.NET Website und SQL-Datenbank mit Visual Studio. In diesem Tutorial wird auch gezeigt, wie Sie Entity Framework Code First-Migrationen verwenden, um Ihre SQL Server-Datenbank in Windows Azure SQL-Datenbank (früher SQL Azure) bereitzustellen.

Dieses Tutorial wurde von Rick Anderson ( @RickAndMSFT ) geschrieben.

Sie lernen Folgendes

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.

Sie implementieren eine einfache Anwendung für die Filmauflistung, die das Erstellen, Bearbeiten, Suchen und Auflisten von Filmen aus einer Datenbank unterstützt. Im Folgenden finden Sie zwei Screenshots der Anwendung, die Sie erstellen. Sie enthält eine Seite, auf der eine Liste der Filme aus einer Datenbank angezeigt wird:

Mit der Anwendung können Sie auch Filme hinzufügen, bearbeiten und löschen sowie Details zu einzelnen Filmen anzeigen. Alle Dateneingabeszenarien umfassen eine Überprüfung, um sicherzustellen, dass die in der Datenbank gespeicherten Daten korrekt sind.

Erste Schritte

Führen Sie zunächst Visual Studio Express 2012 oder Visual Web Developer 2010 Express aus. Die meisten Screenshots in dieser Serie verwenden Visual Studio Express 2012. Sie können dieses Tutorial jedoch mit Visual Studio 2010/SP1, Visual Studio 2012, Visual Studio Express 2012 oder Visual Web Developer 2010 Express abschließen. Wählen Sie auf der Startseitedie Option Neues Projekt aus.

Visual Studio ist eine IDE oder integrierte Entwicklungsumgebung. Genau wie Sie Microsoft Word zum Schreiben von Dokumenten verwenden, verwenden Sie eine IDE zum Erstellen von Anwendungen. In Visual Studio befindet sich oben eine Symbolleiste mit verschiedenen Optionen, die Ihnen zur Verfügung stehen. Es gibt auch ein Menü, das eine weitere Möglichkeit zum Ausführen von Aufgaben in der IDE bietet. (Anstatt beispielsweise auf der StartseiteNeues Projekt auszuwählen, können Sie das Menü verwenden und Datei> auswählen.Neues Projekt.)

Erstellen Ihrer ersten Anwendung

Sie können Anwendungen mit Visual Basic oder Visual C# als Programmiersprache erstellen. Wählen Sie links Visual C# und dann ASP.NET MVC 4-Webanwendung aus. Nennen Sie Ihr Projekt "MvcMovie", und klicken Sie dann auf OK.

Wählen Sie im Dialogfeld Neues ASP.NET MVC 4-Projektdie Option Internetanwendung aus. Behalten Sie Razor als Standardansichts-Engine bei.

Klicken Sie auf OK. 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!"-Projekt und ein guter Ausgangspunkt für Ihre Anwendung.

Wählen Sie im Menü Debuggen die Option Debugging starten.

Beachten Sie, dass die Tastenkombination zum Starten des Debuggens F5 ist.

F5 bewirkt, dass Visual Studio IIS Express startet und Ihre Webanwendung ausführen kann. Visual Studio startet dann einen Browser und öffnet die Startseite der Anwendung. Beachten Sie, dass die Adressleiste des Browsers und nicht so etwas wie example.comlautetlocalhost. Das liegt daran, dass localhost immer auf Ihren eigenen lokalen Computer verweist, auf dem in diesem Fall die gerade erstellte Anwendung ausgeführt wird. Wenn Visual Studio ein Webprojekt ausführt, wird ein zufälliger Port für den Webserver verwendet. In der folgenden Abbildung lautet die Portnummer 41788. Wenn Sie die Anwendung ausführen, wird wahrscheinlich eine andere Portnummer angezeigt.

Mit dieser Standardvorlage erhalten Sie direkt die Seiten "Startseite", "Kontakt" und "Info". Es bietet auch Unterstützung für die Registrierung und Anmeldung sowie Links zu Facebook und Twitter. Der nächste Schritt besteht darin, die Funktionsweise dieser Anwendung zu ändern und ein wenig über ASP.NET MVC zu lernen. Schließen Sie Ihren Browser, und ändern Sie den Code.

Nächste