Erste Schritte mit ASP.NET Core MVCGet started with ASP.NET Core MVC

Von Rick AndersonBy Rick Anderson

Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Wenn Sie mit der ASP.NET Core-Webentwicklung noch nicht vertraut sind, sehen Sie sich das Tutorial zu Razor Pages an, das einen einfacheren Startpunkt bietet.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

In diesem Tutorial lernen Sie Grundlegendes zur Erstellung einer ASP.NET Core-MVC-Web-App.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Die App verwaltet eine Datenbank mit Filmtiteln.The app manages a database of movie titles. Sie lernen Folgendes:You learn how to:

  • Erstellen einer Web-AppCreate a web app.
  • Hinzufügen eines Modells und Erstellen eines Gerüsts für das ModellAdd and scaffold a model.
  • Arbeiten mit einer DatenbankWork with a database.
  • Hinzufügen von Such- und ÜberprüfungsfunktionenAdd search and validation.

Am Ende verfügen Sie über eine App, die Filmdaten verwalten und anzeigen kann.At the end, you have an app that can manage and display movie data.

Zeigen Sie Beispielcode an, oder laden Sie diesen herunter (Vorgehensweise zum Herunterladen).View or download sample code (how to download).

Erforderliche KomponentenPrerequisites

Erstellen einer Web-AppCreate a web app

  • Wählen Sie in Visual Studio die Option Neues Projekt erstellen aus.From the Visual Studio select Create a new project.

  • Klicken Sie auf ASP.NET Core-Webanwendung und dann auf Weiter.Select ASP.NET Core Web Application and then select Next.

neue ASP.NET Core-Webanwendung

  • Geben Sie dem Projekt den Namen MvcMovie, und klicken Sie dann auf Erstellen.Name the project MvcMovie and select Create. Es ist wichtig, dem Projekt den Namen MvcMovie zu geben, damit beim Kopieren von Code der Namespace übereinstimmt.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    neue ASP.NET Core-Webanwendung

  • Klicken Sie auf Webanwendung (Model View Controller) und anschließend auf Erstellen.Select Web Application(Model-View-Controller), and then select Create.

Dialogfeld „Neues Projekt“, .NET Core im linken Bereich, ASP.NET Core-Web-AppNew project dialog, .NET Core in left pane, ASP.NET Core web

Visual Studio verwendet die Standardvorlage für das MVC-Projekt, das Sie gerade erstellt haben.Visual Studio used the default template for the MVC project you just created. Wenn Sie einen Projektnamen eingeben und einige Optionen festlegen, funktioniert Ihre App bereits.You have a working app right now by entering a project name and selecting a few options. Hierbei handelt es sich um ein grundlegendes Startprojekt.This is a basic starter project.

Ausführen der AppRun the app

Drücken Sie STRG+F5, um die App im Nicht-Debugmodus auszuführen.Select Ctrl-F5 to run the app in non-debug mode.

In Visual Studio wird das folgende Dialogfeld angezeigt:Visual Studio displays the following dialog:

Dieses Projekt ist für die Verwendung von SSL konfiguriert.

Wählen Sie Ja aus, wenn Sie dem IIS Express-SLL-Zertifikat vertrauen möchten.Select Yes if you trust the IIS Express SSL certificate.

Das folgende Dialogfeld wird angezeigt:The following dialog is displayed:

Dialogfeld „Sicherheitswarnung“

Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.Select Yes if you agree to trust the development certificate.

Weitere Informationen finden Sie unter Trust the ASP.NET Core HTTPS development certificate (Festlegen des ASP.NET Core-HTTPS-Entwicklungszertifikats als vertrauenswürdig).See Trust the ASP.NET Core HTTPS development certificate for more information.

  • Visual Studio startet IIS Express und führt die App aus.Visual Studio starts IIS Express and runs the app. Beachten Sie, dass die Adressleiste localhost:port# und nicht etwas wie example.com anzeigt.Notice that the address bar shows localhost:port# and not something like example.com. Das liegt daran, dass es sich bei localhost um den Standard-Hostnamen für Ihren lokalen Computer handelt.That's because localhost is the standard hostname for your local computer. Wenn in Visual Studio ein Webprojekt erstellt wird, wird für den Webserver ein zufälliger Port verwendet.When Visual Studio creates a web project, a random port is used for the web server.

  • Das Starten der App mit STRG+F5 (Nicht-Debugmodus) ermöglicht die Änderung des Codes, das Speichern der Datei, das Aktualisieren des Browsers und das Anzeigen von Codeänderungen.Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Viele Entwickler bevorzugen den Nicht-Debugmodus, um die App schnell zu starten und Änderungen anzuzeigen.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Sie können die App über das Menüelement Debuggen im Debugmodus oder Nicht-Debugmodus starten:You can launch the app in debug or non-debug mode from the Debug menu item:

    Menü „Debuggen“

  • Sie können die App debuggen, indem Sie die Schaltfläche IIS Express auswählen.You can debug the app by selecting the IIS Express button

    IIS Express

    Auf der folgenden Abbildung sehen Sie die App:The following image shows the app:

    Start- oder Indexseite

Im nächsten Teil dieses Tutorials erfahren Sie mehr über MVC und beginnen mit dem Schreiben von Code.In the next part of this tutorial, you learn about MVC and start writing some code.

Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten.This tutorial teaches ASP.NET Core MVC web development with controllers and views. Wenn Sie mit der ASP.NET Core-Webentwicklung noch nicht vertraut sind, sehen Sie sich das Tutorial zu Razor Pages an, das einen einfacheren Startpunkt bietet.If you're new to ASP.NET Core web development, consider the Razor Pages version of this tutorial, which provides an easier starting point.

In diesem Tutorial lernen Sie Grundlegendes zur Erstellung einer ASP.NET Core-MVC-Web-App.This tutorial teaches the basics of building an ASP.NET Core MVC web app.

Die App verwaltet eine Datenbank mit Filmtiteln.The app manages a database of movie titles. Sie lernen Folgendes:You learn how to:

  • Erstellen einer Web-AppCreate a web app.
  • Hinzufügen eines Modells und Erstellen eines Gerüsts für das ModellAdd and scaffold a model.
  • Arbeiten mit einer DatenbankWork with a database.
  • Hinzufügen von Such- und ÜberprüfungsfunktionenAdd search and validation.

Am Ende verfügen Sie über eine App, die Filmdaten verwalten und anzeigen kann.At the end, you have an app that can manage and display movie data.

Zeigen Sie Beispielcode an, oder laden Sie diesen herunter (Vorgehensweise zum Herunterladen).View or download sample code (how to download).

Erforderliche KomponentenPrerequisites

Warnung

Wenn Sie Visual Studio 2017 verwenden, finden Sie unter dotnet/sdk issue #3124 Informationen zu .NET Core SDK-Versionen, die nicht mit Visual Studio verwendet werden können.If you use Visual Studio 2017, see dotnet/sdk issue #3124 for information about .NET Core SDK versions that don't work with Visual Studio.

Erstellen einer Web-AppCreate a web app

  • Wählen Sie in Visual Studio die Option Neues Projekt erstellen aus.From the Visual Studio select Create a new project.

  • Klicken Sie auf ASP.NET Core-Webanwendung und dann auf Weiter.Select ASP.NET Core Web Application and then select Next.

neue ASP.NET Core-Webanwendung

  • Geben Sie dem Projekt den Namen MvcMovie, und klicken Sie dann auf Erstellen.Name the project MvcMovie and select Create. Es ist wichtig, dem Projekt den Namen MvcMovie zu geben, damit beim Kopieren von Code der Namespace übereinstimmt.It's important to name the project MvcMovie so when you copy code, the namespace will match.

    neue ASP.NET Core-Webanwendung

  • Klicken Sie auf Webanwendung (Model View Controller) und anschließend auf Erstellen.Select Web Application(Model-View-Controller), and then select Create.

Dialogfeld „Neues Projekt“, .NET Core im linken Bereich, ASP.NET Core-Web-AppNew project dialog, .NET Core in left pane, ASP.NET Core web

Visual Studio verwendet die Standardvorlage für das MVC-Projekt, das Sie gerade erstellt haben.Visual Studio used the default template for the MVC project you just created. Wenn Sie einen Projektnamen eingeben und einige Optionen festlegen, funktioniert Ihre App bereits.You have a working app right now by entering a project name and selecting a few options. Dies ist ein grundlegendes Startprojekt und ein guter Einstieg.This is a basic starter project, and it's a good place to start.

Ausführen der AppRun the app

Drücken Sie STRG+F5, um die App im Nicht-Debugmodus auszuführen.Select Ctrl-F5 to run the app in non-debug mode.

In Visual Studio wird das folgende Dialogfeld angezeigt:Visual Studio displays the following dialog:

Dieses Projekt ist für die Verwendung von SSL konfiguriert.

Wählen Sie Ja aus, wenn Sie dem IIS Express-SLL-Zertifikat vertrauen möchten.Select Yes if you trust the IIS Express SSL certificate.

Das folgende Dialogfeld wird angezeigt:The following dialog is displayed:

Dialogfeld „Sicherheitswarnung“

Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.Select Yes if you agree to trust the development certificate.

Weitere Informationen finden Sie unter Trust the ASP.NET Core HTTPS development certificate (Festlegen des ASP.NET Core-HTTPS-Entwicklungszertifikats als vertrauenswürdig).See Trust the ASP.NET Core HTTPS development certificate for more information.

  • Visual Studio startet IIS Express und führt die App aus.Visual Studio starts IIS Express and runs the app. Beachten Sie, dass die Adressleiste localhost:port# und nicht etwas wie example.com anzeigt.Notice that the address bar shows localhost:port# and not something like example.com. Das liegt daran, dass es sich bei localhost um den Standard-Hostnamen für Ihren lokalen Computer handelt.That's because localhost is the standard hostname for your local computer. Wenn in Visual Studio ein Webprojekt erstellt wird, wird für den Webserver ein zufälliger Port verwendet.When Visual Studio creates a web project, a random port is used for the web server.

  • Das Starten der App mit STRG+F5 (Nicht-Debugmodus) ermöglicht die Änderung des Codes, das Speichern der Datei, das Aktualisieren des Browsers und das Anzeigen von Codeänderungen.Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and see the code changes. Viele Entwickler bevorzugen den Nicht-Debugmodus, um die App schnell zu starten und Änderungen anzuzeigen.Many developers prefer to use non-debug mode to quickly launch the app and view changes.

  • Sie können die App über das Menüelement Debuggen im Debugmodus oder Nicht-Debugmodus starten:You can launch the app in debug or non-debug mode from the Debug menu item:

    Menü „Debuggen“

  • Sie können die App debuggen, indem Sie die Schaltfläche IIS Express auswählen.You can debug the app by selecting the IIS Express button

    IIS Express

  • Wählen Sie Akzeptieren aus, um der Nachverfolgung zuzustimmen.Select Accept to consent to tracking. Diese App verfolgt keine personenbezogenen Informationen nach.This app doesn't track personal information. Der generierte Vorlagencode enthält Objekte, die bei der Erfüllung der Datenschutz-Grundverordnung (DSGVO) als Unterstützung dienen sollen.The template generated code includes assets to help meet General Data Protection Regulation (GDPR).

    Start- oder Indexseite

    Die folgende Abbildung zeigt die App, nachdem die Nachverfolgung akzeptiert wurde:The following image shows the app after accepting tracking:

    Start- oder Indexseite

Im nächsten Teil dieses Tutorials erfahren Sie mehr über MVC und beginnen mit dem Schreiben von Code.In the next part of this tutorial, you learn about MVC and start writing some code.