Volba webového uživatelského rozhraní ASP.NET Core

ASP.NET Core je kompletní architektura uživatelského rozhraní. Vyberte, které funkce se mají zkombinovat podle potřeb webového uživatelského rozhraní aplikace.

ASP.NET Core Blazor

Blazor je plnohodnotná architektura webového uživatelského rozhraní a doporučuje se pro většinu scénářů webového uživatelského rozhraní.

Výhody použití Blazor:

• Opakovaně použitelný model komponent.
• Efektivní vykreslování komponent založených na rozdílech
• Pružně vykreslujte komponenty ze serveru nebo klienta přes WebAssembly.
• Vytvářejte bohaté interaktivní komponenty webového uživatelského rozhraní v jazyce C#.
• Vykreslujte komponenty staticky ze serveru.
• Postupně vylepšete serverové vykreslované komponenty pro plynulejší navigaci a zpracování formulářů a povolte vykreslování streamování.
• Sdílejte kód pro společnou logiku na klientovi a serveru.
• Spolupráce s JavaScriptem
• Integrace komponent s existujícími aplikacemi založenými na MVC, Razor Pages nebo JavaScriptu

Úplný přehled o architektuře Blazora výhodách najdete v tématu ASP.NET Core Blazor a modely hostování ASP.NET CoreBlazor. Pokud chcete začít s první Blazor aplikací, přečtěte si téma Sestavení první Blazor aplikace.

Razor základní stránky ASP.NET

Razor Pages je stránkový model pro vytváření webového uživatelského rozhraní vykresleného serverem. Razor Uživatelské rozhraní stránek se dynamicky vykresluje na serveru, aby se vygenerovaly html stránky a šablony stylů CSS v reakci na požadavek prohlížeče. Stránka se zobrazí klientovi, který je připravený k zobrazení. Podpora pro Razor stránky je založená na ASP.NET Core MVC.

Razor Výhody stránek:

• Rychle sestavte a aktualizujte uživatelské rozhraní. Kód stránky se uchovává se stránkou a přitom udržuje uživatelské rozhraní a obchodní logiku oddělené.
• Testovatelné a škálovatelné na velké aplikace.
• Uspořádejte si základní stránky ASP.NET jednodušším způsobem než ASP.NET MVC:
  • Zobrazit konkrétní logiku a modely zobrazení je možné uchovávat společně v jejich vlastním oboru názvů a adresáři.
  • Skupiny souvisejících stránek lze uchovávat ve vlastním oboru názvů a adresáři.

Pokud chcete začít s vaší první aplikací ASP.NET Core Razor Pages, přečtěte si kurz : Začínáme se stránkami Razor v ASP.NET Core. Úplný přehled ASP.NET základních Razor stránek, jeho architektury a výhod najdete v tématu: Úvod do Razor stránek v ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC vykresluje uživatelské rozhraní na serveru a používá vzor architektury MVC (Model-View-Controller). Model MVC odděluje aplikaci do tří hlavních skupin komponent: modelů, zobrazení a kontrolerů. Požadavky uživatelů se směrují na kontroler. Kontroler zodpovídá za práci s modelem za provádění uživatelských akcí nebo načítání výsledků dotazů. Kontroler zvolí zobrazení, které se uživateli zobrazí, a poskytne mu všechna data modelu, která vyžaduje.

výhody ASP.NET Core MVC:

• Na základě škálovatelného a vyspělého modelu pro vytváření velkých webových aplikací.
• Jasné oddělení obav pro maximální flexibilitu.
• Oddělení odpovědností model-view-controller zajišťuje, aby se obchodní model mohl vyvíjet, aniž by byl úzce svázán s podrobnostmi implementace nízké úrovně.

Pokud chcete začít s ASP.NET Core MVC, přečtěte si téma Začínáme s ASP.NET Core MVC. Přehled architektury a výhod ASP.NET Core MVC najdete v tématu Přehled ASP.NET Core MVC.

ASP.NET základní jednostránkové aplikace (SPA) s rozhraními JavaScriptu front-endu

Sestavte logiku na straně klienta pro aplikace ASP.NET Core pomocí oblíbených architektur JavaScriptu, jako jsou Angular, React a Vue. ASP.NET Core poskytuje šablony projektů pro Angular, React a Vue a dá se použít i s jinými javascriptovými architekturami.

Výhody ASP.NET Core SPA s javascriptovými architekturami, kromě dříve uvedených výhod vykreslování klientů:

• Prostředí modulu runtime JavaScript je již k dispozici v prohlížeči.
• Velký ekosystém komunity a zralého ekosystému.
• Vytvořte logiku na straně klienta pro aplikace ASP.NET Core pomocí oblíbených JS architektur, jako jsou Angular, React a Vue.

Stinné stránky:

• Vyžadují se další programovací jazyky, architektury a nástroje.
• Sdílení kódu je obtížné, aby se mohla duplikovat nějaká logika.

Pokud chcete začít, přečtěte si:

• Vytvoření aplikace ASP.NET Core pomocí Angular
• Vytvoření aplikace ASP.NET Core pomocí Reactu
• Vytvoření aplikace ASP.NET Core pomocí Vue
• JavaScript a TypeScript v sadě Visual Studio

Volba hybridního řešení: ASP.NET Core MVC nebo Razor Pages plus Blazor

MVC, Razor Pages a Blazor jsou součástí architektury ASP.NET Core a jsou navržené tak, aby se používaly společně. Razor komponenty lze integrovat do Razor aplikací Pages a MVC. Když se vykreslí zobrazení nebo stránka, dají se komponenty předem vykreslit současně.

Výhody MVC nebo Razor Pages plus Blazor, kromě výhod MVC nebo Razor Pages:

• Prerendering spustí Razor komponenty na serveru a vykreslí je do zobrazení nebo stránky, což zlepšuje dobu načítání aplikace.
• Přidejte interaktivitu do existujících zobrazení nebo stránek pomocí pomocné rutiny značky komponenty.

Pokud chcete začít používat ASP.NET Core MVC nebo Razor Pages plus Blazor, přečtěte si téma Integrace komponent ASP.NET Core Razor do aplikací ASP.NET Core.

Další kroky

Další informace naleznete v tématu:

• ASP.NET Core Blazor
• Modely hostování ASP.NET Core Blazor
• Integrace komponent ASP.NET Core Razor do aplikací ASP.NET Core
• Porovnání služeb gRPC s rozhraními HTTP API