Dela via


Kom igång med ASP.NET Core MVC

Obs

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. Den aktuella utgåvan finns i .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 aktuella versionen, se .NET 9-versionen av den här artikeln.

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 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. Stor bokstav behöver matcha 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 9.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:

    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 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 handledningar som lär ut ASP.NET Core MVC-webbutveckling med hjälp av kontrollanter och vyer.

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

  • 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. Stora bokstäver måste 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 8.0 (långsiktig support).
    • Kontrollera att Använd inte övergripande 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:

    Dialogrutan för säkerhetsvarning

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

    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 att felsöka 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 indexsidan

  • 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 Välj ett ASP.NET Core-användargränssnitt, som jämför Razor Pages, MVC och Blazor för att utveckla användargränssnitt.

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

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

  • 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. Versalerna måste 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 7.0.
    • Kontrollera att Använd inte toppnivåinstruktioner är inte markerat.
  • 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 Indexsidan

  • 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. Välj Välj ett ASP.NET Core användargränssnitt, som jämför Razor Sidor, 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 controllers och vyer.

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

  • Skapa en webbapp.
  • Lägg till och skapa en stödstruktur för 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. Versaler måste 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äkerhetsvarningens dialogruta

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

    För information om hur du kan lita på Firefox-webbläsaren, se 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 indexsidan

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 Välj ett ASP.NET Core UI, som jämför Razor Pages, MVC och Blazor för utveckling av användargränssnitt.

Det här är den första handledningen i en serie som lär dig hur man utvecklar webbsidor med hjälp av ASP.NET Core MVC med kontroller och vyer.

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

  • 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 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 varje 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 Webbapp (modell-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äkerhetsvarningsdialogruta

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

    För information om förtroende för 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.

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 Välj ett ASP.NET Core-användargränssnitt, som jämför Razor sidor, 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 webbutveckling med ASP.NET Core MVC-kontroller och vyer.

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

  • Skapa en webbapp.
  • Lägg till och ställ en grundstruktur för 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:

    Dialogrutan säkerhetsvarning

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

    Information om hur du kan lita på Firefox-webbläsaren kan du se i 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 via menyalternativet Felsök:

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.