Dela via

Välj ett ASP.NET Core-webbgränssnitt

ASP.NET Core är ett komplett gränssnittsramverk. Välj vilka funktioner som ska kombineras som passar appens webbgränssnittsbehov.

För ny projektutveckling rekommenderar vi ASP.NET Core Blazor.

ASP.NET Core Blazor

Blazor är ett webbgränssnittsramverk med full stack och rekommenderas för de flesta webbgränssnittsscenarier.

Fördelar med att använda Blazor:

  • Återanvändbar komponentmodell.
  • Effektiv diff-baserad komponentrendering.
  • Rendera komponenter flexibelt från servern eller klienten via WebAssembly.
  • Skapa omfattande interaktiva webbgränssnittskomponenter i C#.
  • Rendera komponenter statiskt från servern.
  • Gradvis förbättra serveråtergivna komponenter för smidigare navigering och formulärhantering och för att aktivera återgivning av direktuppspelning.
  • Dela kod för vanlig logik på klienten och servern.
  • Interop med JavaScript.
  • Integrera komponenter med befintliga MVC-, Razor Pages- eller JavaScript-baserade appar.

En fullständig översikt över Blazordess arkitektur och fördelar finns i ASP.NET CoreBlazor- och ASP.NET Core-värdmodellerBlazor. Information om hur du kommer igång med din första Blazor app finns i Skapa din första Blazor app.

ASP.NET kärnsidor Razor

Razor Pages är en sidbaserad modell för att skapa server renderat webbgränssnitt. Razor sidgränssnitt återges dynamiskt på servern för att generera sidans HTML och CSS som svar på en webbläsarbegäran. Sidan kommer till klienten som är redo att visas. Stöd för Razor sidor bygger på ASP.NET Core MVC.

Razor Sidfördelar:

  • Skapa och uppdatera användargränssnittet snabbt. Koden för sidan sparas med sidan, samtidigt som användargränssnittet och affärslogikfrågorna hålls åtskilda.
  • Kan testas och skalas till stora appar.
  • Håll dina ASP.NET Core-sidor ordnade på ett enklare sätt än ASP.NET MVC:
    • Visa specifika logik- och vymodeller kan hållas samman i deras egna namnrymd och katalog.
    • Grupper med relaterade sidor kan hållas i deras eget namnområde och katalog.

Information om hur du kommer igång med din första ASP.NET Core Razor Pages-app finns i Självstudie: Kom igång med Razor sidor i ASP.NET Core. En fullständig översikt över ASP.NET Core Razor Pages, dess arkitektur och fördelar finns i: Razor Sidarkitektur och begrepp i ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC renderar användargränssnittet på servern och använder ett MVC-arkitekturmönster (Model-View-Controller). MVC-mönstret separerar en app i tre huvudgrupper med komponenter: modeller, vyer och styrenheter. Användarbegäranden dirigeras till en kontrollant. Kontrollanten ansvarar för att arbeta med modellen för att utföra användaråtgärder eller hämta resultat av frågor. Kontrollanten väljer den vy som ska visas för användaren och ger den alla modelldata som krävs.

ASP.NET Core MVC-fördelar:

  • Baserat på en skalbar och mogen modell för att skapa stora webbappar.
  • Tydlig uppdelning av oro för maximal flexibilitet.
  • ModellenView-Controller ansvarsfördelning säkerställer att affärsmodellen kan utvecklas utan att vara nära kopplad till detaljer om implementering på låg nivå.

Information om hur du kommer igång med ASP.NET Core MVC finns i Kom igång med ASP.NET Core MVC. En översikt över ASP.NET Core MVC:s arkitektur och fördelar finns i Översikt över ASP.NET Core MVC.

ASP.NET Core Single Page Applications (SPA) med JavaScript-tekniker på klientsidan

Skapa logik på klientsidan för ASP.NET Core-appar med hjälp av populära JavaScript-tekniker, till exempel Angular, React och Vue. ASP.NET Core tillhandahåller projektmallar för Angular, React och Vue, och det kan även användas med andra JavaScript-ramverk.

Fördelar med ASP.NET Core SPA med JavaScript-teknik, utöver de klientåtergivningsfördelar som tidigare angavs:

  • JavaScript-körningsmiljön finns redan i webbläsaren.
  • Stort samhälle och mogna ekosystem.
  • Skapa logik på klientsidan för ASP.NET Core-appar med hjälp av populära JavaScript-tekniker, till exempel Angular, React och Vue.

Nackdelar:

  • Fler kodningsspråk, ramverk och verktyg krävs.
  • Svårt att dela kod så viss logik kan dupliceras.

Kom igång genom att läsa:

Kombinera flera webbgränssnittslösningar: ASP.NET Core MVC eller Razor Pages plus Blazor

MVC, Razor Pages och Blazor ingår i ASP.NET Core-ramverket och är utformade för att användas tillsammans. Razor komponenter kan integreras i Razor Pages- och MVC-appar. När en vy eller sida återges kan komponenter förrenderas samtidigt.

Fördelar för MVC eller Razor Sidor plus Blazor, utöver MVC- eller Razor Pages-förmåner:

  • Prerendering kör Razor komponenter på servern och renderar dem i en vy eller sida, vilket förbättrar appens upplevda inläsningstid.
  • Lägg till interaktivitet i befintliga vyer eller sidor med komponenttagghjälpen.

Information om hur du kommer igång med ASP.NET Core MVC eller Razor Pages plus Blazorfinns i Integrera ASP.NET Core-komponenter Razor med MVC eller Razor Pages.

Nästa steg

Mer information finns i:

ASP.NET Core är ett komplett gränssnittsramverk. Välj vilka funktioner som ska kombineras som passar appens webbgränssnittsbehov.

ASP.NET Core Blazor

Blazor är ett webbgränssnittsramverk med full stack och rekommenderas för de flesta webbgränssnittsscenarier.

Fördelar med att använda Blazor:

  • Återanvändbar komponentmodell.
  • Effektiv diff-baserad komponentrendering.
  • Rendera komponenter flexibelt från servern eller klienten via WebAssembly.
  • Skapa omfattande interaktiva webbgränssnittskomponenter i C#.
  • Rendera komponenter statiskt från servern.
  • Gradvis förbättra serveråtergivna komponenter för smidigare navigering och formulärhantering och för att aktivera återgivning av direktuppspelning.
  • Dela kod för vanlig logik på klienten och servern.
  • Interop med JavaScript.
  • Integrera komponenter med befintliga MVC-, Razor Pages- eller JavaScript-baserade appar.

En fullständig översikt över Blazordess arkitektur och fördelar finns i ASP.NET CoreBlazor- och ASP.NET Core-värdmodellerBlazor. Information om hur du kommer igång med din första Blazor app finns i Skapa din första Blazor app.

ASP.NET kärnsidor Razor

Razor Pages är en sidbaserad modell för att skapa server renderat webbgränssnitt. Razor sidgränssnitt återges dynamiskt på servern för att generera sidans HTML och CSS som svar på en webbläsarbegäran. Sidan kommer till klienten som är redo att visas. Stöd för Razor sidor bygger på ASP.NET Core MVC.

Razor Sidfördelar:

  • Skapa och uppdatera användargränssnittet snabbt. Koden för sidan sparas med sidan, samtidigt som användargränssnittet och affärslogikfrågorna hålls åtskilda.
  • Kan testas och skalas till stora appar.
  • Håll dina ASP.NET Core-sidor ordnade på ett enklare sätt än ASP.NET MVC:
    • Visa specifika logik- och vymodeller kan hållas samman i deras egna namnrymd och katalog.
    • Grupper med relaterade sidor kan hållas i deras eget namnområde och katalog.

Information om hur du kommer igång med din första ASP.NET Core Razor Pages-app finns i Självstudie: Kom igång med Razor sidor i ASP.NET Core. En fullständig översikt över ASP.NET Core Razor Pages, dess arkitektur och fördelar finns i: Razor Sidarkitektur och begrepp i ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC renderar användargränssnittet på servern och använder ett MVC-arkitekturmönster (Model-View-Controller). MVC-mönstret separerar en app i tre huvudgrupper med komponenter: modeller, vyer och styrenheter. Användarbegäranden dirigeras till en kontrollant. Kontrollanten ansvarar för att arbeta med modellen för att utföra användaråtgärder eller hämta resultat av frågor. Kontrollanten väljer den vy som ska visas för användaren och ger den alla modelldata som krävs.

ASP.NET Core MVC-fördelar:

  • Baserat på en skalbar och mogen modell för att skapa stora webbappar.
  • Tydlig uppdelning av oro för maximal flexibilitet.
  • ModellenView-Controller ansvarsfördelning säkerställer att affärsmodellen kan utvecklas utan att vara nära kopplad till detaljer om implementering på låg nivå.

Information om hur du kommer igång med ASP.NET Core MVC finns i Kom igång med ASP.NET Core MVC. En översikt över ASP.NET Core MVC:s arkitektur och fördelar finns i Översikt över ASP.NET Core MVC.

ASP.NET Core Single Page Applications (SPA) med JavaScript-tekniker på klientsidan

Skapa logik på klientsidan för ASP.NET Core-appar med hjälp av populära JavaScript-tekniker, till exempel Angular, React och Vue. ASP.NET Core tillhandahåller projektmallar för Angular, React och Vue, och det kan även användas med andra JavaScript-ramverk.

Fördelar med ASP.NET Core SPA med JavaScript-teknik, utöver de klientåtergivningsfördelar som tidigare angavs:

  • JavaScript-körningsmiljön finns redan i webbläsaren.
  • Stort samhälle och mogna ekosystem.
  • Skapa logik på klientsidan för ASP.NET Core-appar med hjälp av populära JavaScript-tekniker, till exempel Angular, React och Vue.

Nackdelar:

  • Fler kodningsspråk och verktyg krävs.
  • Svårt att dela kod så viss logik kan dupliceras.

Kom igång genom att läsa:

Välj en hybridlösning: ASP.NET Core MVC eller Razor Pages plus Blazor

MVC, Razor Pages och Blazor ingår i ASP.NET Core-ramverket och är utformade för att användas tillsammans. Razor komponenter kan integreras i Razor Pages- och MVC-appar. När en vy eller sida återges kan komponenter förrenderas samtidigt.

Fördelar för MVC eller Razor Sidor plus Blazor, utöver MVC- eller Razor Pages-förmåner:

  • Prerendering kör Razor komponenter på servern och renderar dem i en vy eller sida, vilket förbättrar appens upplevda inläsningstid.
  • Lägg till interaktivitet i befintliga vyer eller sidor med komponenttagghjälpen.

Information om hur du kommer igång med ASP.NET Core MVC eller Razor Pages plus Blazorfinns i Integrera ASP.NET Core-komponenter Razor med MVC eller Razor Pages.

Nästa steg

Mer information finns i: