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 5-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.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll.
Führen Sie den folgenden Befehl aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Möglicherweise wird ein Dialogfeld mit folgender Meldung angezeigt: Die erforderlichen Ressourcen 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.
Die Vorgehensweise für Visual Studio für Mac finden Sie in der .NET 5-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 oben genannte Befehl funktioniert nicht unter Linux. In der Dokumentation Ihrer Linux-Distribution finden Sie Informationen dazu, wie Sie ein Zertifikat als vertrauenswürdig kennzeichnen.
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.
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.
Die Vorgehensweise für Visual Studio für Mac finden Sie in der .NET 5-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.
Wechseln Sie zu dem Verzeichnis (cd), in dem Projekt enthalten sein soll.
Führen Sie den folgenden Befehl aus:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Möglicherweise wird ein Dialogfeld mit folgender Meldung angezeigt: Die erforderlichen Ressourcen 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 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 oben genannte Befehl funktioniert nicht unter Linux. In der Dokumentation Ihrer Linux-Distribution finden Sie Informationen dazu, wie Sie ein Zertifikat als vertrauenswürdig kennzeichnen.
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.
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 Core-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 oben genannte Befehl funktioniert nicht unter Linux. In der Dokumentation Ihrer Linux-Distribution finden Sie Informationen dazu, wie Sie ein Zertifikat als vertrauenswürdig kennzeichnen.
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.
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.
