Delen via

Een ASP.NET Core-webgebruikersinterface kiezen

ASP.NET Core is een volledig UI-framework. Kies welke functionaliteiten u wilt combineren die aansluiten op de webgebruikersinterface van de app.

Voor nieuwe projectontwikkeling raden we ASP.NET Core Blazoraan.

ASP.NET Core Blazor

Blazor is een volledig web-UI-framework en wordt aanbevolen voor de meeste webgebruikersinterfacescenario's.

Voordelen van het gebruik Blazor:

  • Herbruikbaar onderdeelmodel.
  • Efficiënte op diff gebaseerde component rendering.
  • Flexibel onderdelen van de server of client weergeven via WebAssembly.
  • Bouw uitgebreide interactieve webinterfaceonderdelen in C#.
  • Onderdelen statisch weergeven vanaf de server.
  • Verbeter de door de server gerenderde onderdelen voor soepelere navigatie en formulierafhandeling en om streaming-rendering mogelijk te maken.
  • Deel code voor algemene logica op de client en server.
  • Interoperabiliteit met JavaScript.
  • Integreer onderdelen met bestaande MVC-, Razor Pagina's- of JavaScript-apps.

Zie ASP.NET Core- en BlazorBlazor voor een volledig overzicht van de architectuur en voordelen. Zie Uw eerste app bouwen om aan de slag te gaan met BlazorBlazor app.

ASP.NET basispagina's Razor

Razor Pagina's is een op pagina gebaseerd model voor het bouwen van de webgebruikersinterface die door de server wordt weergegeven. Razor de gebruikersinterface van pagina's wordt dynamisch weergegeven op de server om de HTML- en CSS-code van de pagina te genereren als reactie op een browseraanvraag. De pagina komt aan bij de client die klaar is om weer te geven. Ondersteuning voor Razor Pagina's is gebaseerd op ASP.NET Core MVC.

Razor Voordelen van pagina's:

  • Snel gebruikersinterface bouwen en bijwerken. Code voor de pagina wordt bij de pagina bewaard, terwijl de gebruikersinterface en bedrijfslogica gescheiden blijven.
  • Testbaar en schaalt naar grote apps.
  • Houd uw ASP.NET Basispagina's overzichtelijker dan ASP.NET MVC:
    • Bekijk specifieke logica en weergavemodellen kunnen samen worden bewaard in hun eigen naamruimte en map.
    • Groepen gerelateerde pagina's kunnen worden bewaard in hun eigen naamruimte en map.

Zie Razoruw eerste ASP.NET Core-appRazor. Zie voor een volledig overzicht van ASP.NET Core Razor Pages, de architectuur en voordelen ervan: Razor Paginaarchitectuur en concepten in ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC geeft de gebruikersinterface weer op de server en maakt gebruik van een MVC-architectuurpatroon (Model-View-Controller). Het MVC-patroon scheidt een app in drie hoofdgroepen onderdelen: modellen, weergaven en controllers. Gebruikersaanvragen worden doorgestuurd naar een controller. De controller is verantwoordelijk voor het werken met het model om gebruikersacties uit te voeren of resultaten van query's op te halen. De controller kiest de weergave die aan de gebruiker moet worden weergegeven en biedt deze alle modelgegevens die nodig zijn.

voordelen van ASP.NET Core MVC:

  • Op basis van een schaalbaar en volwassen model voor het bouwen van grote web-apps.
  • Duidelijke scheiding van zorgen voor maximale flexibiliteit.
  • Het model-View-Controller scheiding van verantwoordelijkheden zorgt ervoor dat het bedrijfsmodel zich kan ontwikkelen zonder nauw gekoppeld te zijn aan implementatiedetails op laag niveau.

Zie Aan de slag met ASP.NET Core MVC om aan de slag te gaan met ASP.NET Core MVC. Zie Overzicht van ASP.NET Core MVC voor een overzicht van de architectuur en voordelen van ASP.NET Core MVC.

ASP.NET Core Single Page Applications (SPA) met front-end JavaScript-technologieën

Bouw logica aan de clientzijde voor ASP.NET Core-apps met behulp van populaire JavaScript-technologieën, zoals Angular, React en Vue. ASP.NET Core biedt projectsjablonen voor Angular, React en Vue en kan ook worden gebruikt met andere JavaScript-frameworks.

Voordelen van ASP.NET Core SPA met JavaScript-technologieën, naast de eerder vermelde clientrenderingsvoordelen:

  • De JavaScript-runtime-omgeving is al beschikbaar in de browser.
  • Grote community en volwassen ecosysteem.
  • Bouw logica aan de clientzijde voor ASP.NET Core-apps met behulp van populaire JavaScript-technologieën, zoals Angular, React en Vue.

Nadelen:

  • Er zijn meer programmeertalen, frameworks en hulpprogramma's vereist.
  • Het is moeilijk om code te delen, dus sommige logica kan worden gedupliceerd.

Om aan de slag te gaan, raadpleegt u:

Meerdere webgebruikersinterfaceoplossingen combineren: ASP.NET Core MVC of Razor Pages plus Blazor

MVC, Razor Pagina's en Blazor maken deel uit van het ASP.NET Core-framework en zijn ontworpen om samen te worden gebruikt. Razor onderdelen kunnen worden geïntegreerd in Razor Pagina's en MVC-apps. Wanneer een weergave of pagina wordt weergegeven, kunnen onderdelen tegelijkertijd worden weergegeven.

Voordelen voor MVC of Razor Pages plus Blazor, naast MVC- of Razor Pages-voordelen:

  • Prerendering voert onderdelen op de server uit Razor en geeft ze weer in een weergave of pagina, waardoor de waargenomen laadtijd van de app wordt verbeterd.
  • Voeg interactiviteit toe aan bestaande weergaven of pagina's met de Helper voor onderdeeltags.

Zie ASP.NET RazorBlazor PagesRazor.

Volgende stappen

Voor meer informatie, zie:

ASP.NET Core is een volledig UI-framework. Kies welke functionaliteiten u wilt combineren die aansluiten op de webgebruikersinterface van de app.

ASP.NET Core Blazor

Blazor is een volledig web-UI-framework en wordt aanbevolen voor de meeste webgebruikersinterfacescenario's.

Voordelen van het gebruik Blazor:

  • Herbruikbaar onderdeelmodel.
  • Efficiënte op diff gebaseerde component rendering.
  • Flexibel onderdelen van de server of client weergeven via WebAssembly.
  • Bouw uitgebreide interactieve webinterfaceonderdelen in C#.
  • Onderdelen statisch weergeven vanaf de server.
  • Verbeter de door de server gerenderde onderdelen voor soepelere navigatie en formulierafhandeling en om streaming-rendering mogelijk te maken.
  • Deel code voor algemene logica op de client en server.
  • Interoperabiliteit met JavaScript.
  • Integreer onderdelen met bestaande MVC-, Razor Pagina's- of JavaScript-apps.

Zie ASP.NET Core- en BlazorBlazor voor een volledig overzicht van de architectuur en voordelen. Zie Uw eerste app bouwen om aan de slag te gaan met BlazorBlazor app.

ASP.NET basispagina's Razor

Razor Pagina's is een op pagina gebaseerd model voor het bouwen van de webgebruikersinterface die door de server wordt weergegeven. Razor de gebruikersinterface van pagina's wordt dynamisch weergegeven op de server om de HTML- en CSS-code van de pagina te genereren als reactie op een browseraanvraag. De pagina komt aan bij de client die klaar is om weer te geven. Ondersteuning voor Razor Pagina's is gebaseerd op ASP.NET Core MVC.

Razor Voordelen van pagina's:

  • Snel gebruikersinterface bouwen en bijwerken. Code voor de pagina wordt bij de pagina bewaard, terwijl de gebruikersinterface en bedrijfslogica gescheiden blijven.
  • Testbaar en schaalt naar grote apps.
  • Houd uw ASP.NET Basispagina's overzichtelijker dan ASP.NET MVC:
    • Bekijk specifieke logica en weergavemodellen kunnen samen worden bewaard in hun eigen naamruimte en map.
    • Groepen gerelateerde pagina's kunnen worden bewaard in hun eigen naamruimte en map.

Zie Razoruw eerste ASP.NET Core-appRazor. Zie voor een volledig overzicht van ASP.NET Core Razor Pages, de architectuur en voordelen ervan: Razor Paginaarchitectuur en concepten in ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC geeft de gebruikersinterface weer op de server en maakt gebruik van een MVC-architectuurpatroon (Model-View-Controller). Het MVC-patroon scheidt een app in drie hoofdgroepen onderdelen: modellen, weergaven en controllers. Gebruikersaanvragen worden doorgestuurd naar een controller. De controller is verantwoordelijk voor het werken met het model om gebruikersacties uit te voeren of resultaten van query's op te halen. De controller kiest de weergave die aan de gebruiker moet worden weergegeven en biedt deze alle modelgegevens die nodig zijn.

voordelen van ASP.NET Core MVC:

  • Op basis van een schaalbaar en volwassen model voor het bouwen van grote web-apps.
  • Duidelijke scheiding van zorgen voor maximale flexibiliteit.
  • Het model-View-Controller scheiding van verantwoordelijkheden zorgt ervoor dat het bedrijfsmodel zich kan ontwikkelen zonder nauw gekoppeld te zijn aan implementatiedetails op laag niveau.

Zie Aan de slag met ASP.NET Core MVC om aan de slag te gaan met ASP.NET Core MVC. Zie Overzicht van ASP.NET Core MVC voor een overzicht van de architectuur en voordelen van ASP.NET Core MVC.

ASP.NET Core Single Page Applications (SPA) met front-end JavaScript-technologieën

Bouw logica aan de clientzijde voor ASP.NET Core-apps met behulp van populaire JavaScript-technologieën, zoals Angular, React en Vue. ASP.NET Core biedt projectsjablonen voor Angular, React en Vue en kan ook worden gebruikt met andere JavaScript-frameworks.

Voordelen van ASP.NET Core SPA met JavaScript-technologieën, naast de eerder vermelde clientrenderingsvoordelen:

  • De JavaScript-runtime-omgeving is al beschikbaar in de browser.
  • Grote community en volwassen ecosysteem.
  • Bouw logica aan de clientzijde voor ASP.NET Core-apps met behulp van populaire JavaScript-technologieën, zoals Angular, React en Vue.

Nadelen:

  • Er zijn meer programmeertalen en hulpprogramma's vereist.
  • Het is moeilijk om code te delen, dus sommige logica kan worden gedupliceerd.

Om aan de slag te gaan, raadpleegt u:

Een hybride oplossing kiezen: ASP.NET Core MVC of Razor Pages plus Blazor

MVC, Razor Pagina's en Blazor maken deel uit van het ASP.NET Core-framework en zijn ontworpen om samen te worden gebruikt. Razor onderdelen kunnen worden geïntegreerd in Razor Pagina's en MVC-apps. Wanneer een weergave of pagina wordt weergegeven, kunnen onderdelen tegelijkertijd worden weergegeven.

Voordelen voor MVC of Razor Pages plus Blazor, naast MVC- of Razor Pages-voordelen:

  • Prerendering voert onderdelen op de server uit Razor en geeft ze weer in een weergave of pagina, waardoor de waargenomen laadtijd van de app wordt verbeterd.
  • Voeg interactiviteit toe aan bestaande weergaven of pagina's met de Helper voor onderdeeltags.

Zie ASP.NET RazorBlazor PagesRazor.

Volgende stappen

Voor meer informatie, zie: