Delen via

Aan de slag met ASP.NET Core MVC

Notitie

Dit is niet de nieuwste versie van dit artikel. Zie de .NET 9-versie van dit artikel voor de huidige release.

Waarschuwing

Deze versie van ASP.NET Core wordt niet meer ondersteund. Zie het .NET- en .NET Core-ondersteuningsbeleid voor meer informatie. Zie de .NET 9-versie van dit artikel voor de huidige release.

Belangrijk

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.

Zie de .NET 9-versie van dit artikel voor de huidige release.

Door Rick Anderson

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 paginaversie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Een ASP.NET Core UI kiezen, waarin Razor Pages, MVC en Blazor worden vergeleken voor gebruikersinterfaceontwikkeling.

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.
  • Werken met een database.
  • Zoek- en validatie toevoegen.

Voorbeeldcode weergeven of downloaden (downloaden).

Voorwaarden

Een web-app maken

  • 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 de MvcMovienaam van het project in. Het is belangrijk om het project MvcMovie een naam te geven. 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 (Standaardtermondersteuning).
    • Controleer of Instructies op het hoogste niveau niet gebruiken uitgeschakeld is.
  • Selecteer Maken.

Dialoogvenster Aanvullende informatie

Zie Een nieuw project maken in Visual Studio voor meer informatie, inclusief alternatieve benaderingen voor het maken van het project.

Visual Studio gebruikt de standaardprojectsjabloon voor het gemaakte MVC-project. Het gemaakte project:

  • Is een werkende app.
  • Is een eenvoudig startersproject.

De app uitvoeren

  • 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:

    Dit project is geconfigureerd voor het gebruik van SSL. Als u SSL-waarschuwingen in de browser wilt voorkomen, kunt u ervoor kiezen om het zelfondertekende certificaat te vertrouwen dat IIS Express heeft gegenereerd. Wilt u het IIS Express SSL-certificaat vertrouwen?

    Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt.

    Het volgende dialoogvenster wordt weergegeven:

    Dialoogvenster Beveiligingswaarschuwing

    Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.

    Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfout voor 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 in het menu Foutopsporing :

Start Debuggen en Starten Zonder Debuggen menu's

U kunt fouten in de app opsporen door de https-knop op de werkbalk te selecteren:

MvcMovie-debugknop

In de volgende afbeelding ziet u de app:

Home of indexpagina

  • Sluit het browservenster. Visual Studio stopt de toepassing.

In de volgende zelfstudie in deze reeks leert u meer over MVC en begint u met het schrijven van code.

Volgende: Een controller toevoegen

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 paginaversie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Een ASP.NET Core UI kiezen, waarin Razor Pages, MVC en Blazor worden vergeleken voor gebruikersinterfaceontwikkeling.

Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling behandelt 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 gebruik scaffold voor ondersteuning.
  • Werken met een database.
  • Zoek- en validatie toevoegen.

Voorbeeldcode weergeven of downloaden (downloaden).

Voorwaarden

Een web-app maken

  • 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 de MvcMovienaam van het project in. Het is belangrijk om het project MvcMovie een naam te geven. 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 Instructies op het hoogste niveau niet gebruiken uitgeschakeld is.
  • Selecteer Maken.

Dialoogvenster Aanvullende informatie

Zie Een nieuw project maken in Visual Studio voor meer informatie, inclusief alternatieve benaderingen voor het maken van het project.

Visual Studio gebruikt de standaardprojectsjabloon voor het gemaakte MVC-project. Het gemaakte project:

  • Is een werkende app.
  • Is een eenvoudig startersproject.

De app uitvoeren

  • 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:

    Dit project is geconfigureerd voor het gebruik van SSL. Als u SSL-waarschuwingen in de browser wilt voorkomen, kunt u ervoor kiezen om het zelfondertekende certificaat te vertrouwen dat IIS Express heeft gegenereerd. Wilt u het IIS Express SSL-certificaat vertrouwen?

    Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt.

    Het volgende dialoogvenster wordt weergegeven:

    Dialoogvenster Beveiligingswaarschuwing

    Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.

    Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfout voor 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 in het menu Foutopsporing :

Start Debuggen en Starten Zonder Debuggen menu's

U kunt fouten in de app opsporen door de https-knop op de werkbalk te selecteren:

MvcMovie-debugknop

In de volgende afbeelding ziet u de app:

Home of indexpagina

  • Sluit het browservenster. Visual Studio stopt de toepassing.

In de volgende zelfstudie in deze reeks leert u meer over MVC en begint u met het schrijven van code.

Volgende: Een controller toevoegen

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 paginaversie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Een ASP.NET Core UI kiezen, waarin Razor Pages, MVC en Blazor worden vergeleken voor gebruikersinterfaceontwikkeling.

Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling behandelt 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 gebruik scaffold voor ondersteuning.
  • Werken met een database.
  • Zoek- en validatie toevoegen.

Voorbeeldcode weergeven of downloaden (downloaden).

Voorwaarden

Een web-app maken

  • 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 de MvcMovienaam van het project in. Het is belangrijk om het project MvcMovie een naam te geven. 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 Instructies op het hoogste niveau niet gebruiken uitgeschakeld is.
  • Selecteer Maken.

Dialoogvenster Aanvullende informatie

Zie Een nieuw project maken in Visual Studio voor meer informatie, inclusief alternatieve benaderingen voor het maken van het project.

Visual Studio gebruikt de standaardprojectsjabloon voor het gemaakte MVC-project. Het gemaakte project:

  • Is een werkende app.
  • Is een eenvoudig startersproject.

De app uitvoeren

  • 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: Dit project is geconfigureerd voor het gebruik van SSL. Als u SSL-waarschuwingen in de browser wilt voorkomen, kunt u ervoor kiezen om het zelfondertekende certificaat te vertrouwen dat IIS Express heeft gegenereerd. Wilt u het IIS Express SSL-certificaat vertrouwen?Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt. Het volgende dialoogvenster wordt weergegeven: Dialoogvenster BeveiligingswaarschuwingSelecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat. Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfout voor 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 in het menu Foutopsporing :

Menu Voor foutopsporing

U kunt fouten in de app opsporen door de https-knop op de werkbalk te selecteren:

MvcMovie-debugknop

In de volgende afbeelding ziet u de app:

Home of indexpagina

  • Sluit het browservenster. Visual Studio stopt de toepassing.

In de volgende zelfstudie in deze reeks leert u meer over MVC en begint u met het schrijven van code.

Volgende: Een controller toevoegen

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 paginaversie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Een ASP.NET Core UI kiezen, waarin Razor Pages, MVC en Blazor worden vergeleken voor gebruikersinterfaceontwikkeling.

Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling behandelt 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 gebruik scaffold voor ondersteuning.
  • Werken met een database.
  • Zoek- en validatie toevoegen.

Voorbeeldcode weergeven of downloaden (downloaden).

Voorwaarden

Een web-app maken

  • 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 Uw nieuwe project configureren de MvcMovie in. Het is belangrijk om het project MvcMovie een naam te geven. Hoofdlettergebruik moet overeenkomen met elke namespace wanneer code wordt gekopieerd.
  • Selecteer Volgende.
  • Selecteer .NET 6.0 (langetermijnondersteuning) in het dialoogvenster Aanvullende informatie.
  • Selecteer Maken.

Dialoogvenster Aanvullende informatie

Zie Een nieuw project maken in Visual Studio voor alternatieve benaderingen voor het maken van het project.

Visual Studio gebruikt de standaardprojectsjabloon voor het gemaakte MVC-project. Het gemaakte project:

  • Is een werkende app.
  • Is een eenvoudig startersproject.

De app uitvoeren

  • Selecteer 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:

    Dit project is geconfigureerd voor het gebruik van SSL. Als u SSL-waarschuwingen in de browser wilt voorkomen, kunt u ervoor kiezen om het zelfondertekende certificaat te vertrouwen dat IIS Express heeft gegenereerd. Wilt u het IIS Express SSL-certificaat vertrouwen?

    Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt.

    Het volgende dialoogvenster wordt weergegeven:

    Dialoogvenster Beveiligingswaarschuwing

    Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.

    Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfout voor 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 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 in het menu Foutopsporing :

Menu Voor foutopsporing

U kunt fouten in de app opsporen door de knop MvcMovie in de werkbalk te selecteren:

MvcMovie-debugknop

In de volgende afbeelding ziet u de app:

Home of indexpagina

In de volgende zelfstudie in deze reeks leert u meer over MVC en begint u met het schrijven van code.

Volgende: Een controller toevoegen

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 paginaversie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Een ASP.NET Core UI kiezen, waarin Razor Pages, MVC en Blazor worden vergeleken voor gebruikersinterfaceontwikkeling.

Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling behandelt 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 gebruik scaffold voor ondersteuning.
  • Werken met een database.
  • Zoek- en validatie toevoegen.

Voorbeeldcode weergeven of downloaden (downloaden).

Voorwaarden

Een web-app maken

  • Start Visual Studio en selecteer Een nieuw project maken.
  • Selecteer in het dialoogvenster Een nieuw project makenASP.NET Core Web Application>Next.
  • Voer in het dialoogvenster Uw nieuwe project configureren de MvcMovie in. Het is belangrijk om het project MvcMovie een naam te geven. Het hoofdlettergebruik moet overeenkomen met elk namespace wanneer de 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.
    • ASP.NET Core Web App (Model-View-Controller).
    • Creëer.

Een nieuwe ASP.NET Core-webtoepassing maken

Zie Een nieuw project maken in Visual Studio voor alternatieve benaderingen voor het maken van het project.

Visual Studio heeft de standaardprojectsjabloon gebruikt voor het gemaakte MVC-project. Het gemaakte project:

  • Is een werkende app.
  • Is een eenvoudig startersproject.

De app uitvoeren

  • Selecteer 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:

    Dit project is geconfigureerd voor het gebruik van SSL. Als u SSL-waarschuwingen in de browser wilt voorkomen, kunt u ervoor kiezen om het zelfondertekende certificaat te vertrouwen dat IIS Express heeft gegenereerd. Wilt u het IIS Express SSL-certificaat vertrouwen?

    Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt.

    Het volgende dialoogvenster wordt weergegeven:

    Dialoogvenster Beveiligingswaarschuwing

    Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.

    Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfout voor meer informatie over het vertrouwen van de Firefox-browser.

    Visual Studio:

    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 :

Menu Voor foutopsporing

U kunt fouten in de app opsporen door de knop IIS Express te selecteren

IIS Express

In de volgende afbeelding ziet u de app:

Home of indexpagina

In het volgende deel van deze zelfstudie leert u meer over MVC en begint u met het schrijven van code.

Volgend

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 paginaversie van deze zelfstudie overwegen. Dit biedt een eenvoudiger uitgangspunt. Zie Een ASP.NET Core UI kiezen, waarin Razor Pages, MVC en Blazor worden vergeleken voor gebruikersinterfaceontwikkeling.

Dit is de eerste handleiding van een reeks die ASP.NET Core MVC-webontwikkeling behandelt 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 gebruik scaffold voor ondersteuning.
  • Werken met een database.
  • Zoek- en validatie toevoegen.

Voorbeeldcode weergeven of downloaden (downloaden).

Voorwaarden

Een web-app maken

  • Selecteer een nieuw project maken in Visual Studio.

  • Selecteer ASP.NET Core Web Application>Volgende.

    Een nieuw ASP.NET Core Web Application-project maken

  • Geef het project de naam MvcMovie en selecteer Maken. Het is belangrijk om het project MvcMovie een naam te geven, dus wanneer u code kopieert, komt de naamruimte overeen.

    Uw nieuwe project configureren

  • Selecteer Webapplicatie(Model-View-Controller). Selecteer .NET Core en ASP.NET Core 3.1 in de vervolgkeuzelijsten, en selecteer vervolgens Maken.

    Dialoogvenster Nieuw project, .NET Core in het linkerdeelvenster, ASP.NET Core-webapplicatie

Visual Studio heeft de standaardprojectsjabloon gebruikt voor het gemaakte MVC-project. Het gemaakte project:

  • Is een werkende app.
  • Is een eenvoudig startersproject.

De app uitvoeren

  • Selecteer Ctrl+F5 om de app uit te voeren zonder foutopsporing.

    Visual Studio geeft het volgende dialoogvenster weer wanneer een project nog niet is geconfigureerd voor het gebruik van SSL:

    Dit project is geconfigureerd voor het gebruik van SSL. Als u SSL-waarschuwingen in de browser wilt voorkomen, kunt u ervoor kiezen om het zelfondertekende certificaat te vertrouwen dat IIS Express heeft gegenereerd. Wilt u het IIS Express SSL-certificaat vertrouwen?

    Selecteer Ja als u het IIS Express SSL-certificaat vertrouwt.

    Het volgende dialoogvenster wordt weergegeven:

    Dialoogvenster Beveiligingswaarschuwing

    Selecteer Ja als u akkoord gaat met het vertrouwen van het ontwikkelingscertificaat.

    Zie Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certificaatfout voor meer informatie over het vertrouwen van de Firefox-browser.

    Visual Studio:

    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 :

Menu Voor foutopsporing

U kunt fouten in de app opsporen door de knop IIS Express te selecteren

IIS Express

In de volgende afbeelding ziet u de app:

Home of indexpagina

In het volgende deel van deze zelfstudie leert u meer over MVC en begint u met het schrijven van code.

Volgend