Deze informatie heeft betrekking op een pre-releaseproduct dat aanzienlijk kan worden gewijzigd voordat het commercieel wordt uitgebracht. Microsoft geeft geen garanties, uitdrukkelijk of impliciet, met betrekking tot de informatie die hier wordt verstrekt.
In deze zelfstudie leert u ASP.NET Core MVC-webontwikkeling met controllers en weergaven. Als u geen idee hebt van ASP.NET Core-webontwikkeling, kunt u de Razor Pagina's versie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Kies een ASP.NET Core UI-, waarmee Razor pagina's, MVC en Blazor voor ui-ontwikkeling worden vergeleken.
Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling behandelt met controllers en views.
Aan het einde van de reeks hebt u een app die filmgegevens beheert, valideert en weergeeft. U leert het volgende:
Een web-app maken.
Voeg een model toe en gebruik scaffold voor ondersteuning.
U kunt de Visual Studio Code-instructies volgen voor macOS, Linux of Windows. Mogelijk zijn er wijzigingen vereist als u een andere IDE (Integrated Development Environment) dan Visual Studio Code gebruikt.
Start Visual Studio en selecteer Een nieuw project maken.
Selecteer in het dialoogvenster Een nieuw project makenASP.NET Core Web App (Model-View-Controller)>Volgende.
In het dialoogvenster Uw nieuwe project configureren:
Voer MvcMovie in voor Projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
De Locatie voor het project kan overal worden ingesteld.
Selecteer Volgende.
In het dialoogvenster Aanvullende informatie:
Selecteer .NET 9.0.
Controleer of Geen instructies op het hoogste niveau gebruiken niet aangevinkt is.
Ga naar de map (cd) die het project bevat. Het project kan zich overal bevinden.
Voer de volgende opdrachten uit:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Met de opdracht dotnet new maakt u een nieuw ASP.NET Core MVC-project in de map MvcMovie.
Met de opdracht code wordt de projectmap MvcMovie geopend in het huidige exemplaar van Visual Studio Code.
Visual Studio Code kan een dialoogvenster weergeven waarin u wordt gevraagd: Vertrouwt u de auteurs van de bestanden in deze map?
Als u alle bestanden in de bovenliggende map vertrouwt, selecteer dan Vertrouw de auteurs van alle bestanden in de bovenliggende map.
Selecteer Ja, ik vertrouw de auteurs omdat de projectmap bestanden bevat die door .NET zijn gegenereerd.
Wanneer Visual Studio Code assets aanvraagt om het project te bouwen en fouten op te sporen, selecteert u Ja. Als Visual Studio Code geen build- en foutopsporingsassets biedt, selecteert u Opdrachtpalet weergeven> en typt u '.NET' in het zoekvak. Selecteer in de lijst met opdrachten de opdracht .NET: Generate Assets for Build and Debug.
Visual Studio Code voegt een .vscode map toe met gegenereerde launch.json- en tasks.json-bestanden.
Visual Studio voert de app uit en opent de standaardbrowser.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
Als u de app start zonder foutopsporing door op Ctrl+F5 te drukken, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu Foutopsporing:
U kunt fouten in de app opsporen door de knop https op de werkbalk te selecteren:
In de volgende afbeelding ziet u de app:
Sluit het browservenster. Visual Studio stopt de toepassing.
Vertrouw het HTTPS-ontwikkelingscertificaat door de volgende opdracht uit te voeren:
dotnet dev-certs https --trust
Voor de voorgaande opdracht is .NET 9 SDK of hoger vereist in Linux. Voor Linux op .NET 8.0.401 SDK en eerder raadpleegt u de documentatie van uw Linux-distributie voor het vertrouwen van een certificaat.
Met de voorgaande opdracht wordt het volgende dialoogvenster weergegeven, mits het certificaat niet eerder is vertrouwd:
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
Voor meer informatie, zie de sectie Vertrouw het ASP.NET Core HTTPS-ontwikkelingscertificaat van het artikel SSL afdwingen.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
Sluit het browservenster.
Selecteer in Visual Studio Code in het menu UitvoerenStoppen met debuggen of druk op Shift+F5- om de app te stoppen.
In deze zelfstudie leert u ASP.NET Core MVC-webontwikkeling met controllers en weergaven. Als u geen idee hebt van ASP.NET Core-webontwikkeling, kunt u de Razor Pagina's versie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Kies een ASP.NET Core UI-, waarmee Razor pagina's, MVC en Blazor voor ui-ontwikkeling worden vergeleken.
Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling met controllers en weergaven behandelt.
Aan het einde van de serie hebt u een app die filmgegevens beheert en weergeeft. U leert het volgende:
De Visual Studio Code-instructies maken gebruik van de .NET CLI voor ASP.NET Core-ontwikkelfuncties, zoals het maken van een project. U kunt deze instructies volgen in macOS, Linux of Windows en met elke code-editor. Er zijn mogelijk kleine wijzigingen vereist als u iets anders dan Visual Studio Code gebruikt.
Microsoft heeft de buitengebruikstelling van Visual Studio voor Mac aangekondigd. Visual Studio voor Mac wordt vanaf 31 augustus 2024 niet meer ondersteund. Alternatieven zijn:
Start Visual Studio en selecteer Een nieuw project maken.
Selecteer in het dialoogvenster Een nieuw project makenASP.NET Core Web App (Model-View-Controller)>Volgende.
In het dialoogvenster Uw nieuwe project configureren:
Voer MvcMovie in voor projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
De Locatie voor het project kan overal worden ingesteld.
Selecteer Volgende.
In het dialoogvenster Aanvullende informatie:
Selecteer .NET 8.0 (Langetermijnondersteuning).
Controleer of Geen instructies op het hoogste niveau gebruiken is uitgeschakeld.
Ga naar de map (cd) die het project bevat. Het project kan zich overal bevinden.
Voer de volgende opdrachten uit:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Met de opdracht dotnet new maakt u een nieuw ASP.NET Core MVC-project in de map MvcMovie.
Met de opdracht code wordt de projectmap MvcMovie geopend in het huidige exemplaar van Visual Studio Code.
Visual Studio Code kan een dialoogvenster weergeven waarin u wordt gevraagd: Vertrouwt u de auteurs van de bestanden in deze map?
Als u alle bestanden in de bovenliggende map vertrouwt, selecteert u Vertrouw de auteurs van alle bestanden in de bovenliggende map.
Selecteer Ja, ik vertrouw de auteurs omdat de projectmap bestanden bevat die zijn gegenereerd door .NET.
Wanneer Visual Studio Code assets aanvraagt om het project te bouwen en fouten op te sporen, selecteert u Ja. Als Visual Studio Code niet aanbiedt om build- en foutopsporingsassets toe te voegen, selecteert u Beeld>Opdrachtpalet en typt u '.NET' in het zoekvak. Selecteer in de lijst met opdrachten de opdracht .NET: Generate Assets for Build and Debug.
Visual Studio Code voegt een .vscode map toe met gegenereerde launch.json- en tasks.json-bestanden.
Selecteer Bestand>Maak nieuw project....
Selecteer Web- en Console>App>Webapplicatie (Model-View-Controller)>Doorgaan.
In de Configureer uw nieuwe webtoepassing (model-View-Controller) dialoog:
Kies .NET 8.0 voor het Target Framework.
Controleer of Geen instructies op het hoogste niveau gebruiken niet aangevinkt is.
Selecteer Doorgaan.
Voer MvcMovie in voor projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
De Locatie voor het project kan overal worden ingesteld.
Visual Studio voert de app uit en opent de standaardbrowser.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
Als u de app start zonder foutopsporing door op Ctrl+F5 te drukken, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu Foutopsporing:
U kunt fouten in de app opsporen door de knop https op de werkbalk te selecteren:
In de volgende afbeelding ziet u de app:
Sluit het browservenster. Visual Studio stopt de toepassing.
Vertrouw het HTTPS-ontwikkelingscertificaat door de volgende opdracht uit te voeren:
dotnet dev-certs https --trust
Voor de voorgaande opdracht is .NET 9 SDK of hoger vereist in Linux. Voor Linux op .NET 8.0.401 SDK en eerder raadpleegt u de documentatie van uw Linux-distributie voor het vertrouwen van een certificaat.
Met de voorgaande opdracht wordt het volgende dialoogvenster weergegeven, mits het certificaat niet eerder is vertrouwd:
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
Zie de sectie Het ASP.NET Core HTTPS-ontwikkelingscertificaat vertrouwen van het artikel SSL- afdwingen voor meer informatie.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
Sluit het browservenster.
Selecteer in Visual Studio Code in het menu UitvoerenFoutopsporing stoppen of druk op Shift+F5- om de app te stoppen.
Selecteer Option+Command+Return om de app uit te voeren zonder het foutopsporingsprogramma.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
U kunt de app starten in de foutopsporingsmodus of de niet-foutopsporingsmodus vanuit het menu Foutopsporing.
In de volgende afbeelding ziet u de app:
Sluit het browservenster. Visual Studio voor Mac stopt de toepassing.
In deze zelfstudie leert u ASP.NET Core MVC-webontwikkeling met controllers en weergaven. Als u geen idee hebt van ASP.NET Core-webontwikkeling, kunt u de Razor Pagina's versie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Kies een ASP.NET Core UI-, waarmee Razor pagina's, MVC en Blazor voor ui-ontwikkeling worden vergeleken.
Dit is de eerste handleiding van een reeks die webontwikkeling met ASP.NET Core MVC leert, met controllers en pagina's.
Aan het einde van de serie hebt u een app die filmgegevens beheert en weergeeft. U leert het volgende:
De Visual Studio Code-instructies maken gebruik van de .NET CLI voor ASP.NET Core-ontwikkelfuncties, zoals het maken van een project. U kunt deze instructies volgen in macOS, Linux of Windows en met elke code-editor. Er zijn mogelijk kleine wijzigingen vereist als u iets anders dan Visual Studio Code gebruikt.
Microsoft heeft de buitengebruikstelling van Visual Studio voor Mac aangekondigd. Visual Studio voor Mac wordt vanaf 31 augustus 2024 niet meer ondersteund. Alternatieven zijn:
Start Visual Studio en selecteer Een nieuw project maken.
In het dialoogvenster Een nieuw project maken selecteer je ASP.NET Core Web App (Model-View-Controller)>en klik op Volgende.
In het dialoogvenster Uw nieuwe project configureren:
Voer MvcMovie in voor Projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
De Locatie voor het project kan overal worden ingesteld.
Selecteer Volgende.
In het dialoogvenster Aanvullende informatie:
Selecteer .NET 7.0.
Controleer of Geen instructies op het hoogste niveau gebruiken is uitgeschakeld.
Ga naar de map (cd) die het project bevat. Het project kan zich overal bevinden.
Voer de volgende opdrachten uit:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Met de opdracht dotnet new maakt u een nieuw ASP.NET Core MVC-project in de map MvcMovie.
Met de opdracht code wordt de projectmap MvcMovie geopend in het huidige exemplaar van Visual Studio Code.
Visual Studio Code kan een dialoogvenster weergeven waarin u wordt gevraagd: Vertrouwt u de auteurs van de bestanden in deze map?
Als u alle bestanden in de bovenliggende map vertrouwt, selecteer dan Vertrouw de auteurs van alle bestanden in de bovenliggende map.
Selecteer Ja, ik vertrouw de auteurs omdat de projectmap bestanden bevat die zijn gegenereerd door .NET.
Wanneer Visual Studio Code assets aanvraagt om het project te bouwen en fouten op te sporen, selecteert u Ja. Als Visual Studio Code geen build- en foutopsporingsassets biedt, selecteert u Opdrachtpalet weergeven> en typt u '.NET' in het zoekvak. Selecteer in de lijst met opdrachten de opdracht .NET: Generate Assets for Build and Debug.
Visual Studio Code voegt een .vscode map toe met gegenereerde launch.json- en tasks.json-bestanden.
Start Visual Studio voor Mac en selecteer File>New Project....
Selecteer in Visual Studio voor Mac Web en Console>App>Web Application (Model-View-Controller)>Doorgaan.
In het dialoogvenster Configureer uw nieuwe webtoepassing (Model-View-Controller):
Selecteer .NET 7.0- voor de Target Framework-.
Controleer of Geen instructies op het hoogste niveau gebruiken is uitgeschakeld.
Selecteer Doorgaan.
Voer MvcMovie in voor Projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
De Locatie voor het project kan overal worden ingesteld.
Druk op Ctrl+F5- om de app uit te voeren zonder het foutopsporingsprogramma. Visual Studio geeft het volgende dialoogvenster weer wanneer een project nog niet is geconfigureerd voor het gebruik van SSL:Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt. Het volgende dialoogvenster wordt weergegeven:Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat. Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfoutvoor meer informatie over het vertrouwen van de Firefox-browser.
Visual Studio voert de app uit en opent de standaardbrowser.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
Als u de app start zonder foutopsporing door op Ctrl+F5 te drukken, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu Foutopsporing:
U kunt fouten in de app opsporen door de knop https op de werkbalk te selecteren:
In de volgende afbeelding ziet u de app:
Sluit het browservenster. Visual Studio stopt de toepassing.
Vertrouw het HTTPS-ontwikkelingscertificaat door de volgende opdracht uit te voeren:
dotnet dev-certs https --trust
Voor de voorgaande opdracht is .NET 9 SDK of hoger vereist in Linux. Voor Linux op .NET 8.0.401 SDK en eerder raadpleegt u de documentatie van uw Linux-distributie voor het vertrouwen van een certificaat.
Met de voorgaande opdracht wordt het volgende dialoogvenster weergegeven, mits het certificaat niet eerder is vertrouwd:
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
Zie de sectie Het ASP.NET Core HTTPS-ontwikkelingscertificaat vertrouwen van het artikel SSL- afdwingen voor meer informatie.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
Sluit het browservenster.
In Visual Studio Code, selecteer in het menu UitvoerenFoutopsporing stoppen of druk op Shift+F5 om de app te stoppen.
Selecteer Option+Command+Return om de app uit te voeren zonder het foutopsporingsprogramma.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
U kunt de app starten in de foutopsporingsmodus of zonder foutopsporing vanuit het menu Foutopsporing.
In de volgende afbeelding ziet u de app:
Sluit het browservenster. Visual Studio voor Mac stopt de toepassing.
In deze zelfstudie leert u ASP.NET Core MVC-webontwikkeling met controllers en weergaven. Als u geen idee hebt van ASP.NET Core-webontwikkeling, kunt u de Razor Pagina's versie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Kies een ASP.NET Core UI-, waarmee Razor pagina's, MVC en Blazor voor ui-ontwikkeling worden vergeleken.
Dit is de eerste handleiding in een reeks die ASP.NET Core MVC-webontwikkeling leert met controllers en views.
Aan het einde van de serie hebt u een app die filmgegevens beheert en weergeeft. U leert het volgende:
Een web-app maken.
Voeg een model toe en bekijk de scaffoldingmogelijkheden ervan.
De Visual Studio Code-instructies maken gebruik van de .NET CLI voor ASP.NET Core-ontwikkelfuncties, zoals het maken van een project. U kunt deze instructies volgen in macOS, Linux of Windows en met elke code-editor. Er zijn mogelijk kleine wijzigingen vereist als u iets anders dan Visual Studio Code gebruikt.
Zie de .NET 7-versie van deze zelfstudie voor Visual Studio voor Mac.
Start Visual Studio en selecteer Een nieuw project maken.
Selecteer in het dialoogvenster Een nieuw project makenASP.NET Core Web App (Model-View-Controller)>Volgende.
Voer in het dialoogvenster Configureer uw nieuwe projectMvcMovie in voor projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
Selecteer Volgende.
Selecteer in het dialoogvenster Aanvullende informatie.NET 6.0 (langetermijnondersteuning).
Met de opdracht dotnet new maakt u een nieuw ASP.NET Core MVC-project in de map MvcMovie.
Met de opdracht code wordt de projectmap MvcMovie geopend in het huidige exemplaar van Visual Studio Code.
Visual Studio Code kan een dialoogvenster weergeven waarin u wordt gevraagd: Vertrouwt u de auteurs van de bestanden in deze map?
Als u alle bestanden in de bovenliggende map vertrouwt, selecteer dan Vertrouw de auteurs van alle bestanden in de bovenliggende map.
Selecteer Ja, ik vertrouw de auteurs omdat de projectmap bestanden bevat die zijn gegenereerd door .NET.
Wanneer Visual Studio Code assets aanvraagt om het project te bouwen en fouten op te sporen, selecteert u Ja. Als Visual Studio Code geen optie biedt om build- en foutopsporingsassets toe te voegen, selecteert u Weergave>Opdrachtpalet en typt u '.NET' in het zoekvak. Selecteer in de lijst met opdrachten de opdracht .NET: Generate Assets for Build and Debug.
Visual Studio Code voegt een .vscode map toe met gegenereerde launch.json- en tasks.json-bestanden.
Zie de .NET 7-versie van deze zelfstudie voor Visual Studio voor Mac.
Visual Studio voert de app uit en opent de standaardbrowser.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu Foutopsporing:
U kunt fouten in de app opsporen door de knop MvcMovie op de werkbalk te selecteren:
In de volgende afbeelding ziet u de app:
Selecteer Ctrl+F5 om uit te voeren zonder het foutopsporingsprogramma.
Vertrouw het HTTPS-ontwikkelingscertificaat door de volgende opdracht uit te voeren:
dotnet dev-certs https --trust
Voor de voorgaande opdracht is .NET 9 SDK of hoger vereist in Linux. Voor Linux op .NET 8.0.401 SDK en eerder raadpleegt u de documentatie van uw Linux-distributie voor het vertrouwen van een certificaat.
Met de voorgaande opdracht wordt het volgende dialoogvenster weergegeven, mits het certificaat niet eerder werd vertrouwd:
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
Zie de sectie Het ASP.NET Core HTTPS-ontwikkelingscertificaat vertrouwen van het artikel SSL- afdwingen voor meer informatie.
De adresbalk toont localhost:<port#> en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
Zie de .NET 7-versie van deze zelfstudie voor Visual Studio voor Mac.
In deze zelfstudie leert u ASP.NET Core MVC-webontwikkeling met controllers en weergaven. Als u geen idee hebt van ASP.NET Core-webontwikkeling, kunt u de Razor Pagina's versie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Kies een ASP.NET Core UI-, waarmee Razor pagina's, MVC en Blazor voor ui-ontwikkeling worden vergeleken.
Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkelingen leert met behulp van controllers en weergaven.
Aan het einde van de serie hebt u een app die filmgegevens beheert en weergeeft. U leert het volgende:
De Visual Studio Code-instructies maken gebruik van de .NET CLI voor ASP.NET Core-ontwikkelfuncties, zoals het maken van een project. U kunt deze instructies volgen in macOS, Linux of Windows en met elke code-editor. Er zijn mogelijk kleine wijzigingen vereist als u iets anders dan Visual Studio Code gebruikt.
Start Visual Studio en selecteer Een nieuw project maken.
Selecteer in het dialoogvenster Een nieuw project makenASP.NET Core Web Application>Volgende.
Voer in het dialoogvenster Uw Nieuwe Project ConfigurerenMvcMovie in bij projectnaam. Het is belangrijk om het project een naam te geven MvcMovie. Hoofdlettergebruik moet overeenkomen met elke namespace komt overeen wanneer code wordt gekopieerd.
Selecteer ,maken.
Selecteer in het dialoogvenster Een nieuwe ASP.NET Core-webtoepassing maken:
.NET Core en ASP.NET Core 5.0 in de vervolgkeuzelijsten.
Met de opdracht dotnet new maakt u een nieuw ASP.NET Core MVC-project in de map MvcMovie.
Met de opdracht code wordt de projectmap MvcMovie geopend in het huidige exemplaar van Visual Studio Code.
Visual Studio Code kan een dialoogvenster weergeven waarin u wordt gevraagd: Vertrouwt u de auteurs van de bestanden in deze map?
Als u alle bestanden in de bovenliggende map vertrouwt, selecteer dan Vertrouw de auteurs van alle bestanden in de bovenliggende map.
Selecteer Ja, ik vertrouw de auteurs omdat de bestanden in de projectmap zijn gegenereerd door .NET.
Wanneer Visual Studio Code assets aanvraagt om het project te bouwen en fouten op te sporen, selecteert u Ja. Als Visual Studio Code geen build- en foutopsporingsassets biedt, selecteert u Opdrachtpalet weergeven> en typt u '.NET' in het zoekvak. Selecteer in de lijst met opdrachten de opdracht .NET: Generate Assets for Build and Debug.
Visual Studio Code voegt een .vscode map toe met gegenereerde launch.json- en tasks.json-bestanden.
Selecteer Bestand>Nieuwe oplossing.
Selecteer in Visual Studio voor Mac ouder dan versie 8.6 .NET Core>App>Web Application (Model-View-Controller)>Volgende. Selecteer in versie 8.6 of hoger Web en Console>App>Web Application (Model-View-Controller)>Next.
In het dialoogvenster Uw nieuwe webtoepassing configureren:
Controleer of verificatie- is ingesteld op Geen verificatie.
Als een optie voor het selecteren van een Target Framework- wordt weergegeven, selecteert u de nieuwste versie van 5.x.
De adresbalk toont localhost:port# en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu-item Foutopsporing:
U kunt fouten in de app opsporen door de knop IIS Express te selecteren
In de volgende afbeelding ziet u de app:
Selecteer Ctrl+F5 om uit te voeren zonder het foutopsporingsprogramma.
Vertrouw het HTTPS-ontwikkelingscertificaat door de volgende opdracht uit te voeren:
dotnet dev-certs https --trust
Voor de voorgaande opdracht is .NET 9 SDK of hoger vereist in Linux. Voor Linux op .NET 8.0.401 SDK en eerder raadpleegt u de documentatie van uw Linux-distributie voor het vertrouwen van een certificaat.
Met de voorgaande opdracht wordt het volgende dialoogvenster weergegeven, mits het certificaat niet eerder is vertrouwd:
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
Voor meer informatie, zie de sectie Trust the ASP.NET Core HTTPS-ontwikkelingscertificaat van het artikel Handhaving van SSL.
De adresbalk toont localhost:port:5001 en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
Selecteer Uitvoeren>Starten zonder foutopsporing om de app te starten.
De adresbalk toont localhost:port# en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu Uitvoeren.
In deze zelfstudie leert u ASP.NET Core MVC-webontwikkeling met controllers en weergaven. Als u geen idee hebt van ASP.NET Core-webontwikkeling, kunt u de Razor Pagina's versie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Kies een ASP.NET Core UI-, waarmee Razor pagina's, MVC en Blazor voor ui-ontwikkeling worden vergeleken.
Dit is de eerste tutorial van een reeks die ASP.NET Core MVC-webontwikkeling met controllers en views behandelt.
Aan het einde van de serie hebt u een app die filmgegevens beheert en weergeeft. U leert het volgende:
De Visual Studio Code-instructies maken gebruik van de .NET CLI voor ASP.NET Core-ontwikkelfuncties, zoals het maken van een project. U kunt deze instructies volgen op elk platform (macOS, Linux of Windows) en met elke code-editor. Er zijn mogelijk kleine wijzigingen vereist als u iets anders dan Visual Studio Code gebruikt. Zie Visual Studio Code op macOSvoor meer informatie over het installeren van Visual Studio Code in macOS.
Selecteer in Visual Studio Een nieuw project maken.
Selecteer ASP.NET Core Web Application>Volgende.
Geef het project de naam MvcMovie en selecteer Maken. Het is belangrijk om het project een naam te geven MvcMovie dus wanneer u code kopieert, komt de naamruimte overeen.
Selecteer webapplicatie (model-View-Controller). Selecteer in de vervolgkeuzelijsten .NET Core en ASP.NET Core 3.1en selecteer vervolgens Maken.
Visual Studio heeft de standaardprojectsjabloon gebruikt voor het gemaakte MVC-project. Het gemaakte project:
Wijzig mappen (cd) in een map die het project bevat.
Voer de volgende opdracht uit:
dotnet new mvc -o MvcMovie
code -r MvcMovie
Er verschijnt een dialoogvenster met Vereiste assets om te bouwen en te debuggen ontbreken in 'MvcMovie'. Wilt u ze toevoegen?Selecteer Ja.
dotnet new mvc -o MvcMovie: Hiermee maakt u een nieuw ASP.NET Core MVC-project in de map MvcMovie.
code -r MvcMovie: laadt het MvcMovie.csproj projectbestand in Visual Studio Code.
Selecteer Bestand>Nieuwe oplossing.
Selecteer in Visual Studio voor Mac ouder dan versie 8.6 .NET Core>App>Web Application (Model-View-Controller)>Volgende. In versie 8.6 of hoger, selecteer Web en Console>App>Webapplicatie (Model-View-Controller)>Volgende.
In het dialoogvenster Uw nieuwe webtoepassing configureren:
Controleer of verificatie- is ingesteld op Geen verificatie.
Als een optie voor het selecteren van een Target Framework- wordt weergegeven, selecteert u de nieuwste versie van 3.x.
De adresbalk toont localhost:port# en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu-item Foutopsporing:
U kunt fouten in de app opsporen door de knop IIS Express te selecteren
In de volgende afbeelding ziet u de app:
Selecteer Ctrl+F5 om de app uit te voeren zonder foutopsporing.
Vertrouw het HTTPS-ontwikkelingscertificaat door de volgende opdracht uit te voeren:
dotnet dev-certs https --trust
Voor de voorgaande opdracht is .NET 9 SDK of hoger vereist in Linux. Voor Linux op .NET 8.0.401 SDK en eerder raadpleegt u de documentatie van uw Linux-distributie voor het vertrouwen van een certificaat.
Met de voorgaande opdracht wordt het volgende dialoogvenster weergegeven, mits het certificaat niet eerder is vertrouwd:
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
Zie de sectie Het ASP.NET Core HTTPS-ontwikkelingscertificaat vertrouwen van het artikel SSL- afdwingen voor meer informatie.
De adresbalk toont localhost:port:5001 en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Localhost dient alleen webaanvragen van de lokale computer.
Als u de app start zonder foutopsporing door Ctrl+F5 te selecteren, kunt u het volgende doen:
Breng codewijzigingen aan.
Sla het bestand op.
Vernieuw de browser snel en bekijk de codewijzigingen.
Selecteer Voer uit>Starten zonder debuggen om de app te lanceren.
Visual Studio voor Mac: start Kestrel server, start een browser en navigeert naar http://localhost:port, waarbij poort een willekeurig gekozen poortnummer is.
Visual Studio voor Mac geeft de volgende pop-up weer:
Selecteer Ja als u het ontwikkelingscertificaat vertrouwt.
Het volgende dialoogvenster wordt weergegeven:
Voer uw wachtwoord in en selecteer OK-
Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.
De adresbalk toont localhost:port# en niet iets als example.com. De standaardhostnaam voor uw lokale computer is localhost. Wanneer Visual Studio een webproject maakt, wordt er een willekeurige poort gebruikt voor de webserver. Wanneer u de app uitvoert, ziet u een ander poortnummer.
U kunt de app starten in de foutopsporings- of niet-foutopsporingsmodus vanuit het menu Uitvoeren.
De bron voor deze inhoud vindt u op GitHub, waar u ook problemen en pull-aanvragen kunt maken en controleren. Bekijk onze gids voor inzenders voor meer informatie.
