Dela via


Kom igång med ASP.NET Core MVC

Notera

Det här är inte den senaste versionen av den här artikeln. För den senaste versionen, se .NET 9-versionen av denna artikel .

Varning

Den här versionen av ASP.NET Core stöds inte längre. Mer information finns i .NET och .NET Core Support Policy. För den senaste versionen, se .NET 9-versionen av denna artikel .

Viktig

Den här informationen gäller en förhandsversionsprodukt som kan ändras avsevärt innan den släpps kommersiellt. Microsoft lämnar inga garantier, uttryckliga eller underförstådda, med avseende på den information som tillhandahålls här.

För den senaste versionen, se .NET 9-versionen av denna artikel .

Av Rick Anderson

I den här självstudien lär du dig ASP.NET Core MVC-webbutveckling med kontrollanter och vyer. Om du är nybörjare på ASP.NET Core-webbutveckling bör du överväga Razor Pages version av den här självstudien, vilket ger en enklare startpunkt. Se Choose an ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnittet.

Det här är den första handledningen i en serie som lär ut ASP.NET Core MVC-webbutveckling med kontrollörer och vyer.

I slutet av serien har du en app som hanterar, validerar och visar filmdata. Du lär dig hur:

  • Skapa en webbapp.
  • Lägg till och bygg upp en modell.
  • Arbeta med en databas.
  • Lägg till sökning och validering.

Visa eller ladda ned exempelkod (hur du laddar ned).

Förutsättningar

Skapa en webbapp

  • Starta Visual Studio och välj Skapa ett nytt projekt.
  • I dialogrutan Skapa ett nytt projekt väljer du ASP.NET Core Web App (Modell-View-Controller)>Nästa.
  • I dialogrutan Konfigurera ditt nya projekt:
    • Ange MvcMovie som Projektnamn. Det är viktigt att namnge projektet MvcMovie. Kapitalisering behöver stämma överens med varje namespace när koden kopieras.
    • Plats för projektet kan anges till var som helst.
  • Välj Nästa.
  • I dialogrutan Ytterligare information:
    • Välj .NET 9.0 (Standardstöd).
    • Kontrollera att Använd inte översta nivåns uttalanden är avmarkerat.
  • Välj Skapa.

dialogrutan Ytterligare information

Mer information, inklusive alternativa metoder för att skapa projektet, finns i Skapa ett nytt projekt i Visual Studio.

Visual Studio använder standardprojektmallen för det skapade MVC-projektet. Det skapade projektet:

  • Är en fungerande app.
  • Är ett grundläggande startprojekt.

Kör appen

  • Tryck på Ctrl+F5 för att köra appen utan felsökningsprogrammet.

    Visual Studio visar följande dialogruta när ett projekt ännu inte har konfigurerats för att använda SSL:

    Det här projektet är konfigurerat att använda SSL. För att undvika SSL-varningar i webbläsaren kan du välja att lita på det självsignerade certifikat som IIS Express har genererat. Vill du lita på IIS Express SSL-certifikatet?

    Välj Ja om du litar på IIS Express SSL-certifikatet.

    Följande dialogruta visas:

    Säkerhetsvarningsdialogrutan

    Välj Ja om du samtycker till att lita på utvecklingscertifikatet.

    För att få information om hur du kan lita på webbläsaren Firefox, läs om Firefox certifikatfel SEC_ERROR_INADEQUATE_KEY_USAGE.

Visual Studio kör appen och öppnar standardwebbläsaren.

Adressfältet visar localhost:<port#> och inte något som liknar example.com. Standardvärdnamnet för den lokala datorn är localhost. När Visual Studio skapar ett webbprojekt används en slumpmässig port för webbservern.

Om du startar appen utan att felsöka genom att trycka på Ctrl+F5 kan du:

  • Gör kodändringar.
  • Spara filen.
  • Uppdatera webbläsaren snabbt och se kodändringarna.

Du kan starta appen i felsöknings- eller icke-felsökningsläge från menyn Felsökning:

Menyerna

Du kan felsöka appen genom att välja knappen https i verktygsfältet:

felsökningsknapp för MvcMovie

Följande bild visar appen:

Home eller indexsida

  • Stäng webbläsarfönstret. Visual Studio stoppar programmet.

I nästa självstudie i den här serien lär du dig mer om MVC och börjar skriva kod.

I den här självstudien lär du dig ASP.NET Core MVC-webbutveckling med kontrollanter och vyer. Om du är nybörjare på ASP.NET Core-webbutveckling bör du överväga Razor Pages version av den här självstudien, vilket ger en enklare startpunkt. Se Choose an ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnittet.

Det här är den första handledningen i en serie som lär ut ASP.NET Core MVC-webbutveckling med kontrollörer och vyer.

I slutet av serien har du en app som hanterar och visar filmdata. Du lär dig hur:

  • Skapa en webbapp.
  • Lägg till och strukturera en modell.
  • Arbeta med en databas.
  • Lägg till sökning och validering.

Visa eller ladda ned exempelkod (hur du laddar ned).

Förutsättningar

Skapa en webbapp

  • Starta Visual Studio och välj Skapa ett nytt projekt.
  • I dialogrutan Skapa ett nytt projekt väljer du ASP.NET Core Web App (Modell-View-Controller)>Nästa.
  • I dialogrutan Konfigurera ditt nya projekt:
    • Ange MvcMovie som Projektnamn. Det är viktigt att namnge projektet MvcMovie. Kapitaliseringen ska matcha varje namespace när koden kopieras.
    • Plats för projektet kan anges till var som helst.
  • Välj Nästa.
  • I dialogrutan Ytterligare information:
    • Välj .NET 8.0 (långsiktig support).
    • Kontrollera att Använd inte översta nivåns uttalanden är avmarkerat.
  • Välj Skapa.

dialogrutan Ytterligare information

Mer information, inklusive alternativa metoder för att skapa projektet, finns i Skapa ett nytt projekt i Visual Studio.

Visual Studio använder standardprojektmallen för det skapade MVC-projektet. Det skapade projektet:

  • Är en fungerande app.
  • Är ett grundläggande startprojekt.

Kör appen

  • Tryck på Ctrl+F5 för att köra appen utan felsökningsprogrammet.

    Visual Studio visar följande dialogruta när ett projekt ännu inte har konfigurerats för att använda SSL:

    Det här projektet är konfigurerat att använda SSL. För att undvika SSL-varningar i webbläsaren kan du välja att lita på det självsignerade certifikat som IIS Express har genererat. Vill du lita på IIS Express SSL-certifikatet?

    Välj Ja om du litar på IIS Express SSL-certifikatet.

    Följande dialogruta visas:

    Säkerhetsvarningsdialogrutan

    Välj Ja om du samtycker till att lita på utvecklingscertifikatet.

    Mer information om hur du kan lita på webbläsaren Firefox finns i Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certifikatfel.

Visual Studio kör appen och öppnar standardwebbläsaren.

Adressfältet visar localhost:<port#> och inte något som liknar example.com. Standardvärdnamnet för den lokala datorn är localhost. När Visual Studio skapar ett webbprojekt används en slumpmässig port för webbservern.

Om du startar appen utan att felsöka genom att trycka på Ctrl+F5 kan du:

  • Gör kodändringar.
  • Spara filen.
  • Uppdatera webbläsaren snabbt och se kodändringarna.

Du kan starta appen i felsöknings- eller icke-felsökningsläge från menyn Felsökning:

Starta felsökning och starta utan felsökning-menyer

Du kan felsöka appen genom att välja knappen https i verktygsfältet:

felsökningsknapp för MvcMovie

Följande bild visar appen:

Home eller indexsida

  • Stäng webbläsarfönstret. Visual Studio stoppar programmet.

I nästa självstudie i den här serien lär du dig mer om MVC och börjar skriva kod.

I den här självstudien lär du dig ASP.NET Core MVC-webbutveckling med kontrollanter och vyer. Om du är nybörjare på ASP.NET Core-webbutveckling bör du överväga Razor Pages version av den här självstudien, vilket ger en enklare startpunkt. Se Choose an ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnittet.

Det här är den första handledningen i en serie som lär ut ASP.NET Core MVC-webbutveckling med kontrollörer och vyer.

I slutet av serien har du en app som hanterar och visar filmdata. Du lär dig hur:

  • Skapa en webbapp.
  • Lägg till och strukturera en modell.
  • Arbeta med en databas.
  • Lägg till sökning och validering.

Visa eller ladda ned exempelkod (hur du laddar ned).

Förutsättningar

Skapa en webbapp

  • Starta Visual Studio och välj Skapa ett nytt projekt.
  • I dialogrutan Skapa ett nytt projekt väljer du ASP.NET Core Web App (Modell-View-Controller)>Nästa.
  • I dialogrutan Konfigurera ditt nya projekt:
    • Ange MvcMovie som Projektnamn. Det är viktigt att namnge projektet MvcMovie. Versaliseringen måste överensstämma med varje namespace när kod kopieras.
    • Plats för projektet kan anges till var som helst.
  • Välj Nästa.
  • I dialogrutan Ytterligare information:
    • Välj .NET 7.0.
    • Kontrollera att Använd inte översta nivåns uttalanden är avmarkerat.
  • Välj Skapa.

dialogrutan Ytterligare information

Mer information, inklusive alternativa metoder för att skapa projektet, finns i Skapa ett nytt projekt i Visual Studio.

Visual Studio använder standardprojektmallen för det skapade MVC-projektet. Det skapade projektet:

  • Är en fungerande app.
  • Är ett grundläggande startprojekt.

Kör appen

  • Tryck på Ctrl+F5 för att köra appen utan felsökningsprogrammet. Visual Studio visar följande dialogruta när ett projekt ännu inte har konfigurerats för att använda SSL:Det här projektet är konfigurerat att använda SSL. För att undvika SSL-varningar i webbläsaren kan du välja att lita på det självsignerade certifikat som IIS Express har genererat. Vill du lita på IIS Express SSL-certifikatet?Välj Ja om du litar på IIS Express SSL-certifikatet. Följande dialogruta visas: dialogrutanSäkerhetsvarningVälj Ja om du samtycker till att lita på utvecklingscertifikatet. Information om hur du litar på Webbläsaren Firefox finns i Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certifikatfel.

Visual Studio kör appen och öppnar standardwebbläsaren.

Adressfältet visar localhost:<port#> och inte något som liknar example.com. Standardvärdnamnet för den lokala datorn är localhost. När Visual Studio skapar ett webbprojekt används en slumpmässig port för webbservern.

Om du startar appen utan att felsöka genom att trycka på Ctrl+F5 kan du:

  • Gör kodändringar.
  • Spara filen.
  • Uppdatera webbläsaren snabbt och se kodändringarna.

Du kan starta appen i felsöknings- eller icke-felsökningsläge från menyn Felsökning:

Felsökningsmeny

Du kan felsöka appen genom att välja knappen https i verktygsfältet:

felsökningsknapp för MvcMovie

Följande bild visar appen:

Home eller indexsida

  • Stäng webbläsarfönstret. Visual Studio stoppar programmet.

I nästa självstudie i den här serien lär du dig mer om MVC och börjar skriva kod.

I den här självstudien lär du dig ASP.NET Core MVC-webbutveckling med kontrollanter och vyer. Om du är nybörjare på ASP.NET Core-webbutveckling bör du överväga Razor Pages version av den här självstudien, vilket ger en enklare startpunkt. Se Choose an ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnittet.

Det här är den första handledningen i en serie som lär ut ASP.NET Core MVC-webbutveckling med kontrollörer och vyer.

I slutet av serien har du en app som hanterar och visar filmdata. Du lär dig hur:

  • Skapa en webbapp.
  • Lägg till och strukturera en modell.
  • Arbeta med en databas.
  • Lägg till sökning och validering.

Visa eller ladda ned exempelkod (hur du laddar ned).

Förutsättningar

Skapa en webbapp

  • Starta Visual Studio och välj Skapa ett nytt projekt.
  • I dialogrutan Skapa ett nytt projekt väljer du ASP.NET Core Web App (Modell-View-Controller)>Nästa.
  • I dialogrutan Konfigurera ditt nya projekt anger du MvcMovie för Projektnamn. Det är viktigt att namnge projektet MvcMovie. Stor bokstav behöver matcha varje namespace när kod kopieras.
  • Välj Nästa.
  • I dialogrutan Ytterligare information väljer du .NET 6.0 (långsiktigt stöd).
  • Välj Skapa.

dialogrutan Ytterligare information

Alternativa metoder för att skapa projektet finns i Skapa ett nytt projekt i Visual Studio.

Visual Studio använder standardprojektmallen för det skapade MVC-projektet. Det skapade projektet:

  • Är en fungerande app.
  • Är ett grundläggande startprojekt.

Kör appen

  • Välj Ctrl+F5 för att köra appen utan felsökningsprogrammet.

    Visual Studio visar följande dialogruta när ett projekt ännu inte har konfigurerats för att använda SSL:

    Det här projektet är konfigurerat att använda SSL. För att undvika SSL-varningar i webbläsaren kan du välja att lita på det självsignerade certifikat som IIS Express har genererat. Vill du lita på IIS Express SSL-certifikatet?

    Välj Ja om du litar på IIS Express SSL-certifikatet.

    Följande dialogruta visas:

    Säkerhetsvarningsdialogrutan

    Välj Ja om du samtycker till att lita på utvecklingscertifikatet.

    Information om att lita på webbläsaren Firefox finns i Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certifikatfel.

Visual Studio kör appen och öppnar standardwebbläsaren.

Adressfältet visar localhost:<port#> och inte något som liknar example.com. Standardvärdnamnet för den lokala datorn är localhost. När Visual Studio skapar ett webbprojekt används en slumpmässig port för webbservern.

Om du startar appen utan att felsöka genom att välja Ctrl+F5 kan du:

  • Gör kodändringar.
  • Spara filen.
  • Uppdatera webbläsaren snabbt och se kodändringarna.

Du kan starta appen i felsöknings- eller icke-felsökningsläge från menyn Felsökning:

Felsökningsmeny

Du kan felsöka appen genom att välja knappen MvcMovie i verktygsfältet:

felsökningsknapp för MvcMovie

Följande bild visar appen:

Home eller indexsida

I nästa självstudie i den här serien lär du dig mer om MVC och börjar skriva kod.

I den här självstudien lär du dig ASP.NET Core MVC-webbutveckling med kontrollanter och vyer. Om du är nybörjare på ASP.NET Core-webbutveckling bör du överväga Razor Pages version av den här självstudien, vilket ger en enklare startpunkt. Se Choose an ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnittet.

Det här är den första handledningen i en serie som lär ut ASP.NET Core MVC-webbutveckling med kontrollörer och vyer.

I slutet av serien har du en app som hanterar och visar filmdata. Du lär dig hur:

  • Skapa en webbapp.
  • Lägg till och bygg upp en modell.
  • Arbeta med en databas.
  • Lägg till sökning och validering.

Visa eller ladda ned exempelkod (hur du laddar ned).

Förutsättningar

Skapa en webbapp

  • Starta Visual Studio och välj Skapa ett nytt projekt.
  • I dialogrutan Skapa ett nytt projekt väljer du ASP.NET Core Web Application>Next.
  • I dialogrutan Konfigurera ditt nya projekt anger du MvcMovie för Projektnamn. Det är viktigt att namnge projektet MvcMovie. Bokstavsformatet måste matcha för varje förekomst av namespace vid kopiering av kod.
  • Välj Skapa.
  • I dialogrutan Skapa ett nytt ASP.NET Core-webbprogram väljer du:
    • .NET Core och ASP.NET Core 5.0 i listrutorna.
    • ASP.NET Core Webbapplikation (Model-View-Controller).
    • Skapa.

Skapa ett nytt ASP.NET Core-webbprogram

Alternativa metoder för att skapa projektet finns i Skapa ett nytt projekt i Visual Studio.

Visual Studio använde standardprojektmallen för det skapade MVC-projektet. Det skapade projektet:

  • Är en fungerande app.
  • Är ett grundläggande startprojekt.

Kör appen

  • Välj Ctrl+F5 för att köra appen utan felsökningsprogrammet.

    Visual Studio visar följande dialogruta när ett projekt ännu inte har konfigurerats för att använda SSL:

    Det här projektet är konfigurerat att använda SSL. För att undvika SSL-varningar i webbläsaren kan du välja att lita på det självsignerade certifikat som IIS Express har genererat. Vill du lita på IIS Express SSL-certifikatet?

    Välj Ja om du litar på IIS Express SSL-certifikatet.

    Följande dialogruta visas:

    Säkerhetsvarningsdialogrutan

    Välj Ja om du samtycker till att lita på utvecklingscertifikatet.

    För information om hur du litar på webbläsaren Firefox kan du läsa Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certifikatfel.

    Visual Studio:

    Adressfältet visar localhost:port# och inte något som liknar example.com. Standardvärdnamnet för den lokala datorn är localhost. När Visual Studio skapar ett webbprojekt används en slumpmässig port för webbservern.

Om du startar appen utan att felsöka genom att välja Ctrl+F5 kan du:

  • Gör kodändringar.
  • Spara filen.
  • Uppdatera webbläsaren snabbt och se kodändringarna.

Du kan starta appen i felsöknings- eller icke-felsökningsläge från menyalternativet Debugga:

Felsökningsmeny

Du kan felsöka appen genom att välja knappen IIS Express

IIS Express

Följande bild visar appen:

Home eller indexsida

I nästa del av den här självstudien lär du dig mer om MVC och börjar skriva kod.

I den här självstudien lär du dig ASP.NET Core MVC-webbutveckling med kontrollanter och vyer. Om du är nybörjare på ASP.NET Core-webbutveckling bör du överväga Razor Pages version av den här självstudien, vilket ger en enklare startpunkt. Se Choose an ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnittet.

Det här är den första handledningen i en serie som lär ut ASP.NET Core MVC-webbutveckling med kontrollörer och vyer.

I slutet av serien har du en app som hanterar och visar filmdata. Du lär dig hur:

  • Skapa en webbapp.
  • Lägg till och strukturera en modell.
  • Arbeta med en databas.
  • Lägg till sökning och validering.

Visa eller ladda ned exempelkod (hur du laddar ned).

Förutsättningar

Skapa en webbapp

  • I Visual Studio väljer du Skapa ett nytt projekt.

  • Välj ASP.NET Core Web Application>Next.

    Skapa ett nytt ASP.NET Core Web Application-projekt

  • Ge projektet namnet MvcMovie och välj Skapa. Det är viktigt att namnge projektet MvcMovie så när du kopierar kod matchar namnområdet.

    Konfigurera ditt nya projekt

  • Välj webbapplikation (Model-View-Controller). I listrutorna väljer du .NET Core och ASP.NET Core 3.1och väljer sedan Skapa.

    Dialogrutan Nytt projekt, .NET Core i det vänstra fönstret, ASP.NET Core-webb

Visual Studio använde standardprojektmallen för det skapade MVC-projektet. Det skapade projektet:

  • Är en fungerande app.
  • Är ett grundläggande startprojekt.

Kör appen

  • Välj Ctrl+F5 för att köra appen utan att felsöka.

    Visual Studio visar följande dialogruta när ett projekt ännu inte har konfigurerats för att använda SSL:

    Det här projektet är konfigurerat att använda SSL. För att undvika SSL-varningar i webbläsaren kan du välja att lita på det självsignerade certifikat som IIS Express har genererat. Vill du lita på IIS Express SSL-certifikatet?

    Välj Ja om du litar på IIS Express SSL-certifikatet.

    Följande dialogruta visas:

    Säkerhetsvarningsdialogrutan

    Välj Ja om du samtycker till att lita på utvecklingscertifikatet.

    För information om hur du kan lita på webbläsaren Firefox, se Firefox SEC_ERROR_INADEQUATE_KEY_USAGE certifikatfel.

    Visual Studio:

    Adressfältet visar localhost:port# och inte något som liknar example.com. Standardvärdnamnet för den lokala datorn är localhost. När Visual Studio skapar ett webbprojekt används en slumpmässig port för webbservern.

Om du startar appen utan att felsöka genom att välja Ctrl+F5 kan du:

  • Gör kodändringar.
  • Spara filen.
  • Uppdatera webbläsaren snabbt och se kodändringarna.

Du kan starta appen i felsöknings- eller icke-felsökningsläge från menyalternativet Debugga:

Felsökningsmeny

Du kan felsöka appen genom att välja knappen IIS Express

IIS Express

Följande bild visar appen:

Home eller indexsida

I nästa del av den här självstudien lär du dig mer om MVC och börjar skriva kod.