Wybieranie internetowego interfejsu użytkownika platformy ASP.NET Core

ASP.NET Core to kompletna struktura interfejsu użytkownika. Wybierz funkcje, które mają być łączone zgodnie z potrzebami interfejsu użytkownika aplikacji internetowej.

ASP.NET Core Blazor

Blazor jest strukturą internetowego interfejsu użytkownika pełnego stosu i jest zalecana w przypadku większości scenariuszy interfejsu użytkownika sieci Web.

Zalety korzystania z programu Blazor:

• Model składników wielokrotnego użytku.
• Wydajne renderowanie składników opartych na różnicach.
• Elastycznie renderuj składniki z serwera lub klienta za pośrednictwem zestawu WebAssembly.
• Tworzenie zaawansowanych interaktywnych składników internetowego interfejsu użytkownika w języku C#.
• Renderuj składniki statycznie z serwera.
• Stopniowo ulepszaj składniki renderowane przez serwer w celu zapewnienia bezproblemowej nawigacji i obsługi formularzy oraz włączania renderowania przesyłania strumieniowego.
• Udostępnianie kodu dla wspólnej logiki na kliencie i serwerze.
• Współdziałanie z językiem JavaScript.
• Integrowanie składników z istniejącymi aplikacjami opartymi na wzorcach MVC, Razor Pages lub JavaScript.

Aby zapoznać się z pełnym omówieniem architektury i korzyści, zobacz modele hostingu BlazorASP.NET Core Blazor i ASP.NET CoreBlazor. Aby rozpocząć pracę z pierwszą Blazor aplikacją, zobacz Tworzenie pierwszej Blazor aplikacji.

ASP.NET Core Razor Pages

Razor Pages to model oparty na stronach do tworzenia renderowanego internetowego interfejsu użytkownika serwera. Razor interfejs użytkownika stron jest dynamicznie renderowany na serwerze w celu wygenerowania kodu HTML i CSS strony w odpowiedzi na żądanie przeglądarki. Strona dociera do klienta gotowego do wyświetlenia. Razor Obsługa stron jest oparta na ASP.NET Core MVC.

Razor Korzyści ze stron:

• Szybkie kompilowanie i aktualizowanie interfejsu użytkownika. Kod strony jest przechowywany na stronie, zachowując oddzielny interfejs użytkownika i logikę biznesową.
• Możliwość testowania i skalowanie do dużych aplikacji.
• Zachowaj uporządkowanie stron ASP.NET Core w prostszy sposób niż ASP.NET MVC:
  • Wyświetlanie określonych modeli logiki i widoków można przechowywać razem we własnej przestrzeni nazw i katalogu.
  • Grupy powiązanych stron mogą być przechowywane w osobnej przestrzeni nazw i katalogu.

Aby rozpocząć pracę z pierwszą aplikacją ASP.NET Core Razor Pages, zobacz Samouczek: rozpoczynanie pracy ze stronami Razor w ASP.NET Core. Aby zapoznać się z pełnym omówieniem ASP.NET Core Razor Pages, jego architekturą i korzyściami, zobacz Wprowadzenie do Razor stron w programie ASP.NET Core.

ASP.NET Core MVC

ASP.NET Core MVC renderuje interfejs użytkownika na serwerze i używa wzorca architektury Model-View-Controller (MVC). Wzorzec MVC oddziela aplikację na trzy główne grupy składników: modele, widoki i kontrolery. Żądania użytkowników są kierowane do kontrolera. Kontroler jest odpowiedzialny za pracę z modelem w celu wykonywania akcji użytkownika lub pobierania wyników zapytań. Kontroler wybiera widok do wyświetlenia użytkownikowi i udostępnia mu wszelkie wymagane dane modelu.

korzyści ASP.NET Core MVC:

• Oparty na skalowalnym i dojrzałym modelu do tworzenia dużych aplikacji internetowych.
• Jasne rozdzielenie obaw o maksymalną elastyczność.
• Rozdzielenie obowiązków model-View-Controller gwarantuje, że model biznesowy może ewoluować bez ścisłego sprzężenia ze szczegółami implementacji niskiego poziomu.

Aby rozpocząć pracę z ASP.NET Core MVC, zobacz Wprowadzenie do ASP.NET Core MVC. Aby zapoznać się z omówieniem architektury i korzyści ASP.NET Core MVC, zobacz Omówienie ASP.NET Core MVC.

ASP.NET Core Single Page Applications (SPA) z platformami JavaScript frontonu

Tworzenie logiki po stronie klienta dla aplikacji ASP.NET Core przy użyciu popularnych platform JavaScript, takich jak Angular, React i Vue. ASP.NET Core udostępnia szablony projektów dla platform Angular, React i Vue, a także mogą być używane z innymi platformami JavaScript.

Zalety ASP.NET Core SPA z platformami JavaScript, oprócz korzyści z renderowania klientów wymienionych wcześniej:

• Środowisko uruchomieniowe języka JavaScript jest już dostępne w przeglądarce.
• Duża społeczność i dojrzały ekosystem.
• Tworzenie logiki po stronie klienta dla aplikacji ASP.NET Core przy użyciu popularnych JS struktur, takich jak Angular, React i Vue.

Wady:

• Wymagane są więcej języków kodowania, struktur i narzędzi.
• Trudno udostępnić kod, aby niektóre logiki mogły zostać zduplikowane.

Aby rozpocząć pracę, zobacz:

• Tworzenie aplikacji ASP.NET Core za pomocą platformy Angular
• Tworzenie aplikacji ASP.NET Core za pomocą platformy React
• Tworzenie aplikacji ASP.NET Core za pomocą programu Vue
• JavaScript i TypeScript w programie Visual Studio

Wybierz rozwiązanie hybrydowe: ASP.NET Core MVC lub Pages oraz RazorBlazor

MVC, Razor Pages i Blazor są częścią platformy ASP.NET Core i są przeznaczone do wspólnego użycia. Razor składniki można zintegrować z aplikacjami Razor Pages i MVC. Gdy widok lub strona jest renderowana, składniki mogą być w tym samym czasie wstępnie zainstalowane.

Korzyści dla wzorca MVC lub Razor stron oraz Blazor, oprócz korzyści ze wzorca MVC lub Razor stron:

• Wstępne renderowanie Razor wykonuje składniki na serwerze i renderuje je w widoku lub na stronie, co poprawia postrzegany czas ładowania aplikacji.
• Dodaj interakcyjność do istniejących widoków lub stron za pomocą pomocnika tagów składników.

Aby rozpocząć pracę z ASP.NET Core MVC lub Razor Pages plus Blazor, zobacz Integrowanie składników ASP.NET Core Razor z aplikacjami platformy ASP.NET Core.

Następne kroki

Aby uzyskać więcej informacji, zobacz:

• ASP.NET Core Blazor
• Modele hostingu ASP.NET Core Blazor
• Integrowanie składników ASP.NET Core Razor z aplikacjami platformy ASP.NET Core
• Porównanie usług gRPC z interfejsami API PROTOKOŁU HTTP