Diese Informationen beziehen sich auf ein Vorabversionsprodukt, das vor der kommerziellen Freigabe möglicherweise noch wesentlichen Änderungen unterliegt. Microsoft gibt keine Garantie, weder ausdrücklich noch impliziert, hinsichtlich der hier bereitgestellten Informationen.
Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten. 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. Unter Auswählen einer ASP.NET Core-Benutzeroberfläche finden Sie einen Vergleich von Razor Pages, MVC und Blazor für die Entwicklung von Benutzeroberflächen.
Dies ist das erste Tutorial einer Tutorialreihe, die Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten vermittelt.
Am Ende der Serie verfügen Sie über eine App, die Filmdaten verwaltet, überprüft und anzeigt. Folgendes wird vermittelt:
Erstellen einer Web-App
Hinzufügen eines Modells und Erstellen eines Gerüsts für das Modell
Sie können den Visual Studio Code-Anweisungen unter macOS, Linux oder Windows folgen. Es können Änderungen erforderlich sein, wenn Sie eine andere integrierte Entwicklungsumgebung (Integrated Development Environment, IDE) als Visual Studio Code verwenden.
Starten Sie Visual Studio, und wählen Sie Neues Projekt erstellen aus.
Wählen Sie im Dialogfeld Neues Projekt erstellen die Option ASP.NET Core-Web-App (Model View Controller)>Weiter aus.
Führen Sie im Dialogfeld Neues Projekt konfigurieren folgende Schritte aus:
Geben Sie MvcMovie als Projektnamen ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Der Speicherort des Projekts kann auf einen beliebigen Ort festgelegt werden.
Wählen Sie Weiter aus.
Im Dialogfeld Zusätzliche Informationen:
Wählen Sie .NET 9.0 (Vorschau) aus.
Vergewissern Sie sich, dass Keine Anweisungen der obersten Ebene verwenden nicht aktiviert ist.
Wählen Sie im Menü Terminal die Option Neues Terminal aus, um das integrierte Terminal zu öffnen.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll. Das Projekt kann überall gespeichert werden.
Führen Sie die folgenden Befehle aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Der Befehl dotnet new erstellt ein neues ASP.NET Core MVC-Projekt im Ordner MvcMovie.
Der Befehl code öffnet den Projektordner MvcMovie in der aktuellen Instanz von Visual Studio Code.
In Visual Studio Code wird ggf. ein Dialogfeld mit der Frage Vertrauen Sie den Autoren der Dateien in diesem Ordner? angezeigt.
Wenn Sie allen Dateien im übergeordneten Ordner vertrauen, wählen Sie Den Autoren aller Dateien im übergeordneten Ordner vertrauen aus.
Wählen Sie Ja, ich vertraue den Autoren aus, da der Projektordner von .NET generierte Dateien enthält.
Wenn Visual Studio Code Sie auffordert, Ressourcen zum Erstellen und Debuggen des Projekts hinzuzufügen, wählen Sie Ja aus. Wenn Visual Studio Code keine Build- und Debugressourcen hinzufügen kann, wählen Sie Ansicht>Befehlspalette aus, und geben Sie „.NET“ in das Suchfeld ein. Wählen Sie in der Liste der Befehle den Befehl .NET: Generate Assets for Build and Debug aus.
Visual Studio Code fügt einen .vscode-Ordner mit den generierten launch.json- und tasks.json-Dateien hinzu.
Visual Studio führt die App aus und öffnet den Standardbrowser.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn in Visual Studio ein Webprojekt erstellt wird, wird für den Webserver ein zufälliger Port verwendet.
Wenn Sie die App mittels STRG+F5 ohne Debugging starten, können Sie Folgendes tun:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Sie können die App über das Menü Debuggen im Debugmodus oder Nicht-Debugmodus starten:
Sie können die App debuggen, indem Sie auf der Symbolleiste die Schaltfläche https auswählen:
Auf der folgenden Abbildung sehen Sie die App:
Schließen Sie das Browserfenster. Visual Studio beendet die Anwendung.
Vertrauen Sie dem HTTPS-Entwicklungszertifikat, indem Sie den folgenden Befehl ausführen:
dotnet dev-certs https --trust
Der vorangehende Befehl erfordert .NET 9 SDK oder höher unter Linux. Für Linux auf .NET 8.0.401 SDK und älter, siehe die Dokumentation Ihrer Linux-Distribution für die Vertrauensstellung eines Zertifikats.
Der vorherige Befehl zeigt das folgende Dialogfeld an, sofern das Zertifikat nicht zuvor schon als vertrauenswürdig eingestuft wurde:
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Weitere Informationen finden Sie im Abschnitt Festlegen des HTTPS-Entwicklungszertifikats von ASP.NET Core als vertrauenswürdig des Artikels SSL erzwingen.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Schließen Sie das Browserfenster.
Wählen Sie in Visual Studio Code im Menü Ausführen die Option Debuggen beenden oder drücken Sie UMSCHALT+F5, um die App zu beenden.
Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten. 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. Unter Auswählen einer ASP.NET Core-Benutzeroberfläche finden Sie einen Vergleich von Razor Pages, MVC und Blazor für die Entwicklung von Benutzeroberflächen.
Dies ist das erste Tutorial einer Tutorialreihe, die Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten vermittelt.
Nach Abschluss der Reihe verfügen Sie über eine App, mit der Filmdaten verwaltet und angezeigt werden können. Sie lernen Folgendes:
Erstellen einer Web-App
Hinzufügen eines Modells und Erstellen eines Gerüsts für das Modell
In den Visual Studio Code-Anweisungen wird die .NET CLI für ASP.NET Core-Entwicklungsfunktionen wie die Projekterstellung verwendet. Sie können diese Schritte unter macOS, Linux oder Windows sowie in jedem beliebigen Code-Editor ausführen. Kleinere Änderungen sind möglicherweise erforderlich, wenn Sie ein anderes Programm als Visual Studio Code verwenden.
Microsoft hat die Ausmusterung von Visual Studio für Mac angekündigt. Visual Studio für Mac wird ab dem 31. August 2024 nicht mehr unterstützt. Zu den Alternativen gehören:
Starten Sie Visual Studio, und wählen Sie Neues Projekt erstellen aus.
Wählen Sie im Dialogfeld Neues Projekt erstellen die Option ASP.NET Core-Web-App (Model View Controller)>Weiter aus.
Führen Sie im Dialogfeld Neues Projekt konfigurieren folgende Schritte aus:
Geben Sie MvcMovie als Projektnamen ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Der Speicherort des Projekts kann auf einen beliebigen Ort festgelegt werden.
Wählen Sie Weiter aus.
Im Dialogfeld Zusätzliche Informationen:
Wählen Sie .NET 8.0 (Langfristiger Support) aus.
Vergewissern Sie sich, dass Keine Anweisungen der obersten Ebene verwenden nicht aktiviert ist.
Wählen Sie im Menü Terminal die Option Neues Terminal aus, um das integrierte Terminal zu öffnen.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll. Das Projekt kann überall gespeichert werden.
Führen Sie die folgenden Befehle aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Der Befehl dotnet new erstellt ein neues ASP.NET Core MVC-Projekt im Ordner MvcMovie.
Der Befehl code öffnet den Projektordner MvcMovie in der aktuellen Instanz von Visual Studio Code.
In Visual Studio Code wird ggf. ein Dialogfeld mit der Frage Vertrauen Sie den Autoren der Dateien in diesem Ordner? angezeigt.
Wenn Sie allen Dateien im übergeordneten Ordner vertrauen, wählen Sie Den Autoren aller Dateien im übergeordneten Ordner vertrauen aus.
Wählen Sie Ja, ich vertraue den Autoren aus, da der Projektordner von .NET generierte Dateien enthält.
Wenn Visual Studio Code Sie auffordert, Ressourcen zum Erstellen und Debuggen des Projekts hinzuzufügen, wählen Sie Ja aus. Wenn Visual Studio Code keine Build- und Debugressourcen hinzufügen kann, wählen Sie Ansicht>Befehlspalette aus, und geben Sie „.NET“ in das Suchfeld ein. Wählen Sie in der Liste der Befehle den Befehl .NET: Generate Assets for Build and Debug aus.
Visual Studio Code fügt einen .vscode-Ordner mit den generierten launch.json- und tasks.json-Dateien hinzu.
Klicken Sie auf Datei>Neues Projekt....
Wählen Sie Web und Konsole>App>Webanwendung (Model View Controller)>Weiter aus.
Gehen Sie im Dialogfeld Neue Webanwendung (Model-View-Controller) konfigurieren folgendermaßen vor:
Wählen Sie .NET 8.0 als Zielframework aus.
Vergewissern Sie sich, dass Keine Anweisungen der obersten Ebene verwenden nicht aktiviert ist.
Wählen Sie Weiter.
Geben Sie MvcMovie als Projektnamen ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Der Speicherort des Projekts kann auf einen beliebigen Ort festgelegt werden.
Visual Studio führt die App aus und öffnet den Standardbrowser.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn in Visual Studio ein Webprojekt erstellt wird, wird für den Webserver ein zufälliger Port verwendet.
Wenn Sie die App mittels STRG+F5 ohne Debugging starten, können Sie Folgendes tun:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Sie können die App über das Menü Debuggen im Debugmodus oder Nicht-Debugmodus starten:
Sie können die App debuggen, indem Sie auf der Symbolleiste die Schaltfläche https auswählen:
Auf der folgenden Abbildung sehen Sie die App:
Schließen Sie das Browserfenster. Visual Studio beendet die Anwendung.
Vertrauen Sie dem HTTPS-Entwicklungszertifikat, indem Sie den folgenden Befehl ausführen:
dotnet dev-certs https --trust
Der vorangehende Befehl erfordert .NET 9 SDK oder höher unter Linux. Für Linux auf .NET 8.0.401 SDK und älter, siehe die Dokumentation Ihrer Linux-Distribution für die Vertrauensstellung eines Zertifikats.
Der vorherige Befehl zeigt das folgende Dialogfeld an, sofern das Zertifikat nicht zuvor schon als vertrauenswürdig eingestuft wurde:
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Weitere Informationen finden Sie im Abschnitt Festlegen des HTTPS-Entwicklungszertifikats von ASP.NET Core als vertrauenswürdig des Artikels SSL erzwingen.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Schließen Sie das Browserfenster.
Wählen Sie in Visual Studio Code im Menü Ausführen die Option Debuggen beenden oder drücken Sie UMSCHALT+F5, um die App zu beenden.
Drücken Sie die Tasten OPTION+BEFEHL+EINGABE, um die App ohne Debugger auszuführen.
Navigiert zu http://localhost:port, wobei Port eine zufällig ausgewählte Portnummer ist, die festgelegt wird, wenn Visual Studio ein Webprojekt erstellt.
In Visual Studio für Mac wird das folgende Popup angezeigt:
Klicken Sie auf Installieren und als vertrauenswürdig einstufen, wenn Sie das Entwicklungszertifikat für vertrauenswürdig halten.
Das folgende Dialogfeld wird angezeigt:
Geben Sie Ihr Kennwort ein, und wählen Sie Einstellungen aktualisieren aus.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Sie können die App über das Menü Debuggen im Debugmodus oder Nicht-Debugmodus starten.
Auf der folgenden Abbildung sehen Sie die App:
Schließen Sie das Browserfenster. Visual Studio für Mac beendet die Anwendung.
Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten. 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. Unter Auswählen einer ASP.NET Core-Benutzeroberfläche finden Sie einen Vergleich von Razor Pages, MVC und Blazor für die Entwicklung von Benutzeroberflächen.
Dies ist das erste Tutorial einer Tutorialreihe, die Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten vermittelt.
Nach Abschluss der Reihe verfügen Sie über eine App, mit der Filmdaten verwaltet und angezeigt werden können. Sie lernen Folgendes:
Erstellen einer Web-App
Hinzufügen eines Modells und Erstellen eines Gerüsts für das Modell
In den Visual Studio Code-Anweisungen wird die .NET CLI für ASP.NET Core-Entwicklungsfunktionen wie die Projekterstellung verwendet. Sie können diese Schritte unter macOS, Linux oder Windows sowie in jedem beliebigen Code-Editor ausführen. Kleinere Änderungen sind möglicherweise erforderlich, wenn Sie ein anderes Programm als Visual Studio Code verwenden.
Microsoft hat die Ausmusterung von Visual Studio für Mac angekündigt. Visual Studio für Mac wird ab dem 31. August 2024 nicht mehr unterstützt. Zu den Alternativen gehören:
Starten Sie Visual Studio, und wählen Sie Neues Projekt erstellen aus.
Wählen Sie im Dialogfeld Neues Projekt erstellen die Option ASP.NET Core-Web-App (Model View Controller)>Weiter aus.
Führen Sie im Dialogfeld Neues Projekt konfigurieren folgende Schritte aus:
Geben Sie MvcMovie als Projektnamen ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Der Speicherort des Projekts kann auf einen beliebigen Ort festgelegt werden.
Wählen Sie Weiter aus.
Im Dialogfeld Zusätzliche Informationen:
Auswählen von .NET 7.0.
Vergewissern Sie sich, dass Keine Anweisungen der obersten Ebene verwenden nicht aktiviert ist.
Visual Studio hat die Standardprojektvorlage für das erstellte MVC-Projekt verwendet. Für das erstellte Projekt gilt:
Es handelt sich um eine funktionierende App.
Es handelt sich um ein einfaches Startprojekt.
Das Tutorial setzt voraus, dass Sie mit Visual Studio Code vertraut sind. Weitere Informationen finden Sie unter Erste Schritte mit Visual Studio Code.
Wählen Sie im Menü Terminal die Option Neues Terminal aus, um das integrierte Terminal zu öffnen.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll. Das Projekt kann überall gespeichert werden.
Führen Sie die folgenden Befehle aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Der Befehl dotnet new erstellt ein neues ASP.NET Core MVC-Projekt im Ordner MvcMovie.
Der Befehl code öffnet den Projektordner MvcMovie in der aktuellen Instanz von Visual Studio Code.
In Visual Studio Code wird ggf. ein Dialogfeld mit der Frage Vertrauen Sie den Autoren der Dateien in diesem Ordner? angezeigt.
Wenn Sie allen Dateien im übergeordneten Ordner vertrauen, wählen Sie Den Autoren aller Dateien im übergeordneten Ordner vertrauen aus.
Wählen Sie Ja, ich vertraue den Autoren aus, da der Projektordner von .NET generierte Dateien enthält.
Wenn Visual Studio Code Sie auffordert, Ressourcen zum Erstellen und Debuggen des Projekts hinzuzufügen, wählen Sie Ja aus. Wenn Visual Studio Code keine Build- und Debugressourcen hinzufügen kann, wählen Sie Ansicht>Befehlspalette aus, und geben Sie „.NET“ in das Suchfeld ein. Wählen Sie in der Liste der Befehle den Befehl .NET: Generate Assets for Build and Debug aus.
Visual Studio Code fügt einen .vscode-Ordner mit den generierten launch.json- und tasks.json-Dateien hinzu.
Starten Sie Visual Studio für Mac, und wählen Sie Datei>Neues Projekt... aus.
Wählen Sie in Visual Studio für Mac Web und Konsole>App>Webanwendung (Model-View-Controller)>Weiter aus.
Gehen Sie im Dialogfeld Neue Webanwendung (Model-View-Controller) konfigurieren folgendermaßen vor:
Wählen Sie .NET 7.0 als Zielframework aus.
Vergewissern Sie sich, dass Keine Anweisungen der obersten Ebene verwenden nicht aktiviert ist.
Wählen Sie Weiter.
Geben Sie MvcMovie als Projektnamen ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Der Speicherort des Projekts kann auf einen beliebigen Ort festgelegt werden.
Drücken Sie STRG+F5, um die App ohne den Debugger auszuführen. Wenn ein Projekt noch nicht für die Verwendung von SSL konfiguriert ist, wird in Visual Studio das folgende Dialogfeld angezeigt:Wählen Sie Ja, wenn Sie dem IIS Express SSL-Zertifikat vertrauen. Das folgende Dialogfeld wird angezeigt: Wählen Sie Ja aus, wenn Sie dem Entwicklungszertifikat vertrauen möchten. Informationen zum Vertrauen in den Firefox-Browser finden Sie unter Firefox-Zertifikatfehler SEC_ERROR_INADEQUATE_KEY_USAGE.
Visual Studio führt die App aus und öffnet den Standardbrowser.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn in Visual Studio ein Webprojekt erstellt wird, wird für den Webserver ein zufälliger Port verwendet.
Wenn Sie die App mittels STRG+F5 ohne Debugging starten, können Sie Folgendes tun:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Sie können die App über das Menü Debuggen im Debugmodus oder Nicht-Debugmodus starten:
Sie können die App debuggen, indem Sie auf der Symbolleiste die Schaltfläche https auswählen:
Auf der folgenden Abbildung sehen Sie die App:
Schließen Sie das Browserfenster. Visual Studio beendet die Anwendung.
Vertrauen Sie dem HTTPS-Entwicklungszertifikat, indem Sie den folgenden Befehl ausführen:
dotnet dev-certs https --trust
Der vorangehende Befehl erfordert .NET 9 SDK oder höher unter Linux. Für Linux auf .NET 8.0.401 SDK und älter, siehe die Dokumentation Ihrer Linux-Distribution für die Vertrauensstellung eines Zertifikats.
Der vorherige Befehl zeigt das folgende Dialogfeld an, sofern das Zertifikat nicht zuvor schon als vertrauenswürdig eingestuft wurde:
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Weitere Informationen finden Sie im Abschnitt Festlegen des HTTPS-Entwicklungszertifikats von ASP.NET Core als vertrauenswürdig des Artikels SSL erzwingen.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Schließen Sie das Browserfenster.
Wählen Sie in Visual Studio Code im Menü Ausführen die Option Debuggen beenden oder drücken Sie UMSCHALT+F5, um die App zu beenden.
Drücken Sie die Tasten OPTION+BEFEHL+EINGABE, um die App ohne Debugger auszuführen.
Navigiert zu http://localhost:port, wobei Port eine zufällig ausgewählte Portnummer ist, die festgelegt wird, wenn Visual Studio ein Webprojekt erstellt.
In Visual Studio für Mac wird das folgende Popup angezeigt:
Klicken Sie auf Installieren und als vertrauenswürdig einstufen, wenn Sie das Entwicklungszertifikat für vertrauenswürdig halten.
Das folgende Dialogfeld wird angezeigt:
Geben Sie Ihr Kennwort ein, und wählen Sie Einstellungen aktualisieren aus.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Sie können die App über das Menü Debuggen im Debugmodus oder Nicht-Debugmodus starten.
Auf der folgenden Abbildung sehen Sie die App:
Schließen Sie das Browserfenster. Visual Studio für Mac beendet die Anwendung.
Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten. 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. Unter Auswählen einer ASP.NET Core-Benutzeroberfläche finden Sie einen Vergleich von Razor Pages, MVC und Blazor für die Entwicklung von Benutzeroberflächen.
Dies ist das erste Tutorial einer Tutorialreihe, die Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten vermittelt.
Nach Abschluss der Reihe verfügen Sie über eine App, mit der Filmdaten verwaltet und angezeigt werden können. Sie lernen Folgendes:
Erstellen einer Web-App
Hinzufügen eines Modells und Erstellen eines Gerüsts für das Modell
In den Visual Studio Code-Anweisungen wird die .NET CLI für ASP.NET Core-Entwicklungsfunktionen wie die Projekterstellung verwendet. Sie können diese Schritte unter macOS, Linux oder Windows sowie in jedem beliebigen Code-Editor ausführen. Kleinere Änderungen sind möglicherweise erforderlich, wenn Sie ein anderes Programm als Visual Studio Code verwenden.
Die Vorgehensweise für Visual Studio für Mac finden Sie in der .NET 7-Version dieses Tutorials.
Starten Sie Visual Studio, und wählen Sie Neues Projekt erstellen aus.
Wählen Sie im Dialogfeld Neues Projekt erstellen die Option ASP.NET Core-Web-App (Model View Controller)>Weiter aus.
Geben Sie MvcMovie im Dialogfeld Neues Projekt konfigurieren für Projektname ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Wählen Sie Weiter aus.
Wählen Sie im Dialogfeld Zusätzliche Informationen die Option .NET 6.0 (Langfristiger Support) aus.
Wählen Sie im Menü Terminal die Option Neues Terminal aus, um das integrierte Terminal zu öffnen.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll.
Führen Sie die folgenden Befehle aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Der Befehl dotnet new erstellt ein neues ASP.NET Core MVC-Projekt im Ordner MvcMovie.
Der Befehl code öffnet den Projektordner MvcMovie in der aktuellen Instanz von Visual Studio Code.
In Visual Studio Code wird ggf. ein Dialogfeld mit der Frage Vertrauen Sie den Autoren der Dateien in diesem Ordner? angezeigt.
Wenn Sie allen Dateien im übergeordneten Ordner vertrauen, wählen Sie Den Autoren aller Dateien im übergeordneten Ordner vertrauen aus.
Wählen Sie Ja, ich vertraue den Autoren aus, da der Projektordner von .NET generierte Dateien enthält.
Wenn Visual Studio Code Sie auffordert, Ressourcen zum Erstellen und Debuggen des Projekts hinzuzufügen, wählen Sie Ja aus. Wenn Visual Studio Code keine Build- und Debugressourcen hinzufügen kann, wählen Sie Ansicht>Befehlspalette aus, und geben Sie „.NET“ in das Suchfeld ein. Wählen Sie in der Liste der Befehle den Befehl .NET: Generate Assets for Build and Debug aus.
Visual Studio Code fügt einen .vscode-Ordner mit den generierten launch.json- und tasks.json-Dateien hinzu.
Die Vorgehensweise für Visual Studio für Mac finden Sie in der .NET 7-Version dieses Tutorials.
Visual Studio führt die App aus und öffnet den Standardbrowser.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn Visual Studio ein Webprojekt erstellt, wird ein zufällig ausgewählter Port für den Webserver verwendet.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Sie können die App über das Menü Debuggen im Debugmodus oder Nicht-Debugmodus starten:
Sie können die App debuggen, indem Sie auf der Symbolleiste auf die Schaltfläche MvcMovie klicken:
Auf der folgenden Abbildung sehen Sie die App:
Drücken Sie STRG+F5, um die App ohne den Debugger auszuführen.
Vertrauen Sie dem HTTPS-Entwicklungszertifikat, indem Sie den folgenden Befehl ausführen:
dotnet dev-certs https --trust
Der vorangehende Befehl erfordert .NET 9 SDK oder höher unter Linux. Für Linux auf .NET 8.0.401 SDK und älter, siehe die Dokumentation Ihrer Linux-Distribution für die Vertrauensstellung eines Zertifikats.
Der vorherige Befehl zeigt das folgende Dialogfeld an, sofern das Zertifikat nicht zuvor schon als vertrauenswürdig eingestuft wurde:
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Weitere Informationen finden Sie im Abschnitt Festlegen des HTTPS-Entwicklungszertifikats von ASP.NET Core als vertrauenswürdig des Artikels SSL erzwingen.
Die Adressleiste zeigt localhost:<port#> an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Die Vorgehensweise für Visual Studio für Mac finden Sie in der .NET 7-Version dieses Tutorials.
Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten. 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. Unter Auswählen einer ASP.NET Core-Benutzeroberfläche finden Sie einen Vergleich von Razor Pages, MVC und Blazor für die Entwicklung von Benutzeroberflächen.
Dies ist das erste Tutorial einer Tutorialreihe, die Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten vermittelt.
Nach Abschluss der Reihe verfügen Sie über eine App, mit der Filmdaten verwaltet und angezeigt werden können. Sie lernen Folgendes:
Erstellen einer Web-App
Hinzufügen eines Modells und Erstellen eines Gerüsts für das Modell
In den Visual Studio Code-Anweisungen wird die .NET CLI für ASP.NET Core-Entwicklungsfunktionen wie die Projekterstellung verwendet. Sie können diese Schritte unter macOS, Linux oder Windows sowie in jedem beliebigen Code-Editor ausführen. Kleinere Änderungen sind möglicherweise erforderlich, wenn Sie ein anderes Programm als Visual Studio Code verwenden.
Starten Sie Visual Studio, und wählen Sie Neues Projekt erstellen aus.
Wählen Sie im Dialogfeld Neues Projekt erstellenASP.NET Core-Webanwendung>Weiter aus.
Geben Sie MvcMovie im Dialogfeld Neues Projekt konfigurieren für Projektname ein. Es ist wichtig, MvcMovie als Projektnamen anzugeben. Die Groß- und Kleinschreibung muss beim Kopieren von Code bei jedem namespace übereinstimmen.
Klicken Sie auf Erstellen.
Wählen Sie im Dialogfeld Neue ASP.NET Core-Webanwendung erstellen Folgendes aus:
In den Dropdownmenüs .NET Core und ASP.NET Core 5.0.
Visual Studio hat die Standardprojektvorlage für das erstellte MVC-Projekt verwendet. Für das erstellte Projekt gilt:
Es handelt sich um eine funktionierende App.
Es handelt sich um ein einfaches Startprojekt.
Das Tutorial setzt voraus, dass Sie mit Visual Studio Code vertraut sind. Weitere Informationen finden Sie unter Erste Schritte mit Visual Studio Code.
Wählen Sie im Menü Terminal die Option Neues Terminal aus, um das integrierte Terminal zu öffnen.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll.
Führen Sie die folgenden Befehle aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Der Befehl dotnet new erstellt ein neues ASP.NET Core MVC-Projekt im Ordner MvcMovie.
Der Befehl code öffnet den Projektordner MvcMovie in der aktuellen Instanz von Visual Studio Code.
In Visual Studio Code wird ggf. ein Dialogfeld mit der Frage Vertrauen Sie den Autoren der Dateien in diesem Ordner? angezeigt.
Wenn Sie allen Dateien im übergeordneten Ordner vertrauen, wählen Sie Den Autoren aller Dateien im übergeordneten Ordner vertrauen aus.
Wählen Sie Ja, ich vertraue den Autoren aus, da der Projektordner von .NET generierte Dateien enthält.
Wenn Visual Studio Code Sie auffordert, Ressourcen zum Erstellen und Debuggen des Projekts hinzuzufügen, wählen Sie Ja aus. Wenn Visual Studio Code keine Build- und Debugressourcen hinzufügen kann, wählen Sie Ansicht>Befehlspalette aus, und geben Sie „.NET“ in das Suchfeld ein. Wählen Sie in der Liste der Befehle den Befehl .NET: Generate Assets for Build and Debug aus.
Visual Studio Code fügt einen .vscode-Ordner mit den generierten launch.json- und tasks.json-Dateien hinzu.
Klicken Sie auf Datei>Neue Projektmappe.
Navigieren Sie in Visual Studio für Mac-Versionen vor Version 8.6 zu .NET Core>App>Webanwendung (Model-View-Controller)>Weiter. Bei Version 8.6 oder höher klicken Sie auf Web and Console>App>Webanwendung (Model-View-Controller)>Weiter (Web und Konsole).
Gehen Sie im Dialogfeld Neue Webanwendung konfigurieren folgendermaßen vor:
Vergewissern Sie sich, dass Authentifizierung auf Keine Authentifizierung festgelegt ist.
Wenn eine Option zum Auswählen eines Zielframeworks angezeigt wird, wählen Sie die neueste 5.x-Version aus.
Klicken Sie auf Weiter.
Nennen Sie das Projekt MvcMovie, und wählen Sie dann Erstellen aus.
Die Adressleiste zeigt localhost:port# an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn Visual Studio ein Webprojekt erstellt, wird ein zufällig ausgewählter Port für den Webserver verwendet.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Sie können die App über das Menüelement Debuggen im Debugmodus oder Nicht-Debugmodus starten:
Sie können die App debuggen, indem Sie die Schaltfläche IIS Express auswählen.
Auf der folgenden Abbildung sehen Sie die App:
Drücken Sie STRG+F5, um die App ohne den Debugger auszuführen.
Vertrauen Sie dem HTTPS-Entwicklungszertifikat, indem Sie den folgenden Befehl ausführen:
dotnet dev-certs https --trust
Der vorangehende Befehl erfordert .NET 9 SDK oder höher unter Linux. Für Linux auf .NET 8.0.401 SDK und älter, siehe die Dokumentation Ihrer Linux-Distribution für die Vertrauensstellung eines Zertifikats.
Der vorherige Befehl zeigt das folgende Dialogfeld an, sofern das Zertifikat nicht zuvor schon als vertrauenswürdig eingestuft wurde:
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Weitere Informationen finden Sie im Abschnitt Festlegen des HTTPS-Entwicklungszertifikats von ASP.NET Core als vertrauenswürdig des Artikels SSL erzwingen.
Die Adressleiste zeigt localhost:port:5001 an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Wählen Sie Ausführen>Ohne Debuggen starten aus, um die App zu starten.
Die Adressleiste zeigt localhost:port# an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn Visual Studio ein Webprojekt erstellt, wird ein zufällig ausgewählter Port für den Webserver verwendet.
Sie können die App über das Menü Ausführen im Debugmodus oder Nicht-Debugmodus starten.
Dieses Tutorial vermittelt Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten. 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. Unter Auswählen einer ASP.NET Core-Benutzeroberfläche finden Sie einen Vergleich von Razor Pages, MVC und Blazor für die Entwicklung von Benutzeroberflächen.
Dies ist das erste Tutorial einer Tutorialreihe, die Informationen zur ASP.NET Core MVC-Webentwicklung mit Controllern und Ansichten vermittelt.
Nach Abschluss der Reihe verfügen Sie über eine App, mit der Filmdaten verwaltet und angezeigt werden können. Sie lernen Folgendes:
Erstellen einer Web-App
Hinzufügen eines Modells und Erstellen eines Gerüsts für das Modell
In den Visual Studio Code-Anweisungen wird die .NET CLI für ASP.NET Core-Entwicklungsfunktionen wie die Projekterstellung verwendet. Sie können diesen Anweisungen auf jeder beliebigen Plattform (macOS, Linux oder Windows) und in jedem beliebigen Code-Editor folgen. Kleinere Änderungen sind möglicherweise erforderlich, wenn Sie ein anderes Programm als Visual Studio Code verwenden. Weitere Informationen zum Installieren von Visual Studio Code unter macOS finden Sie unter Visual Studio Code unter macOS.
Wählen Sie in Visual Studio die Option Neues Projekt erstellen aus.
Wählen Sie ASP.NET Core Web Application>Weiter aus.
Geben Sie dem Projekt den Namen MvcMovie, und klicken Sie dann auf Erstellen. Es ist wichtig, dem Projekt den Namen MvcMovie zu geben, damit beim Kopieren von Code der Namespace übereinstimmt.
Wählen Sie Webanwendung (Model View Controller) aus. Wählen Sie in den Dropdownfeldern .NET Core und ASP.NET Core 3.1 und anschließend Erstellen aus.
Visual Studio hat die Standardprojektvorlage für das erstellte MVC-Projekt verwendet. Für das erstellte Projekt gilt:
Wechseln Sie mit cd zu einem Ordner, der das Projekt enthalten soll.
Führen Sie den folgenden Befehl aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Es wird ein Dialogfeld mit folgender Meldung angezeigt: Die erforderlichen Objekte zum Erstellen und Debuggen sind in "MvcMovie" nicht vorhanden. Hinzufügen? . Klicken Sie in diesem Fall auf Ja.
dotnet new mvc -o MvcMovie: Erstellt ein neues ASP.NET Core MVC-Projekt im Ordner MvcMovie.
code -r MvcMovie: Lädt die Projektdatei MvcMovie.csproj in Visual Studio Code.
Klicken Sie auf Datei>Neue Projektmappe.
Navigieren Sie in Visual Studio für Mac-Versionen vor Version 8.6 zu .NET Core>App>Webanwendung (Model-View-Controller)>Weiter. Bei Version 8.6 oder höher klicken Sie auf Web and Console>App>Webanwendung (Model-View-Controller)>Weiter (Web und Konsole).
Gehen Sie im Dialogfeld Neue Webanwendung konfigurieren folgendermaßen vor:
Vergewissern Sie sich, dass Authentifizierung auf Keine Authentifizierung festgelegt ist.
Wenn eine Option zum Auswählen eines Zielframeworks angezeigt wird, wählen Sie die neueste 3.x-Version aus.
Klicken Sie auf Weiter.
Nennen Sie das Projekt MvcMovie, und wählen Sie dann Erstellen aus.
Die Adressleiste zeigt localhost:port# an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn Visual Studio ein Webprojekt erstellt, wird ein zufällig ausgewählter Port für den Webserver verwendet.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Sie können die App über das Menüelement Debuggen im Debugmodus oder Nicht-Debugmodus starten:
Sie können die App debuggen, indem Sie die Schaltfläche IIS Express auswählen.
Auf der folgenden Abbildung sehen Sie die App:
Drücken Sie STRG+F5, um die App ohne Debuggen auszuführen.
Vertrauen Sie dem HTTPS-Entwicklungszertifikat, indem Sie den folgenden Befehl ausführen:
dotnet dev-certs https --trust
Der vorangehende Befehl erfordert .NET 9 SDK oder höher unter Linux. Für Linux auf .NET 8.0.401 SDK und älter, siehe die Dokumentation Ihrer Linux-Distribution für die Vertrauensstellung eines Zertifikats.
Der vorherige Befehl zeigt das folgende Dialogfeld an, sofern das Zertifikat nicht zuvor schon als vertrauenswürdig eingestuft wurde:
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Weitere Informationen finden Sie im Abschnitt Festlegen des HTTPS-Entwicklungszertifikats von ASP.NET Core als vertrauenswürdig des Artikels SSL erzwingen.
Die Adressleiste zeigt localhost:port:5001 an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. „Localhost“ dient nur Webanforderungen vom lokalen Computer.
Das Starten der App ohne Debuggen über STRG+F5 ermöglicht Ihnen Folgendes:
Nehmen Sie Änderungen am Code vor.
Speichern Sie die Datei.
Aktualisieren Sie den Browser, und sehen Sie sich die Codeänderungen an.
Wählen Sie Ausführen>Ohne Debuggen starten aus, um die App zu starten.
Visual Studio für Mac startet den Kestrel-Server und einen Browser und navigiert zu http://localhost:port, wobei port eine zufällig ausgewählte Portnummer ist.
In Visual Studio für Mac wird das folgende Popup angezeigt:
Klicken Sie auf Ja, wenn Sie das Entwicklungszertifikat für vertrauenswürdig halten.
Das folgende Dialogfeld wird angezeigt:
Geben Sie Ihr Kennwort ein, und wählen Sie OK aus.
Klicken Sie auf Ja, wenn Sie zustimmen möchten, dass das Entwicklungszertifikat vertrauenswürdig ist.
Die Adressleiste zeigt localhost:port# an, nicht example.com. Der Standardhostname für Ihren lokalen Computer lautet localhost. Wenn in Visual Studio ein Webprojekt erstellt wird, wird für den Webserver ein zufälliger Port verwendet. Wenn Sie die App ausführen, wird eine andere Portnummer angezeigt.
Sie können die App über das Menü Ausführen im Debugmodus oder Nicht-Debugmodus starten.
Die Quelle für diesen Inhalt finden Sie auf GitHub, wo Sie auch Issues und Pull Requests erstellen und überprüfen können. Weitere Informationen finden Sie in unserem Leitfaden für Mitwirkende.
