Wprowadzenie do bibliotek klas Razor

  • 1 minuta

Korzystając z bibliotek klas Razor, można udostępniać i ponownie używać składników interfejsu użytkownika między aplikacjami platformy Blazor. W tym module skoncentrujesz się na tworzeniu i udostępnianiu składników aplikacji Blazor.

Diagram przedstawiający bibliotekę klas Razor używaną w wystąpieniu serwera Blazor i w Blazor WebAssembly.

Przykładowy scenariusz

Załóżmy, że pracujesz w firmie konsultingowej, w której tworzysz aplikacje internetowe dla różnych klientów. Masz kolekcję funkcji internetowych, takich jak składniki okien modalnych, które są udostępniane klientom. Aby zaoszczędzić czas, chcesz mieć możliwość ponownego użycia tych funkcji w aplikacjach.

Korzystając z bibliotek klas Razor, można udostępniać funkcje w aplikacjach, które są kompilowane dla klientów.

Zrzut ekranu przedstawiający przykładowy składnik okna modalnego, który można udostępniać w aplikacjach platformy Blazor.

Co zrobimy?

W tym module utworzysz bibliotekę klas Razor, aby osiągnąć następujące cele:

  • Prezentowanie modalnego okna dialogowego z domyślnym motywem
  • Używanie i dostosowywanie modalnego okna dialogowego w aplikacji Blazor
  • Spakuj okno dialogowe modalne do użycia z innymi aplikacjami

Jaki jest główny cel?

Po zakończeniu modułu będziesz mieć możliwość zaprojektowania składnika modalnego okna, który można udostępniać i dostosowywać w innych aplikacjach platformy Blazor.

Warunki wstępne

  • Znajomość tworzenia aplikacji internetowych w języku HTML, CSS i JavaScript.
  • Podstawowa umiejętność pisania kodu w języku C#.
  • Zainstalowany zestaw SDK platformy .NET 8.0.
  • Zintegrowane środowisko projektowe (IDE). W tym module wykorzystano Visual Studio Code .

Notatka

W tym module używany jest interfejs wiersza polecenia platformy .NET (interfejs wiersza polecenia) i program Visual Studio Code na potrzeby programowania lokalnego. Po ukończeniu tego modułu można zastosować koncepcje przy użyciu programu Visual Studio (Windows) lub dalszego programowania przy użyciu programu Visual Studio Code (Windows, Linux i macOS).

W tym module jest używany zestaw .NET 8.0 SDK. Upewnij się, że masz zainstalowany program .NET 8.0, uruchamiając następujące polecenie w preferowanym terminalu poleceń:

dotnet --list-sdks

Zostanie wyświetlone dane wyjściowe podobne do następującego przykładu:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

Upewnij się, że na liście znajduje się wersja rozpoczynająca się od 8. Jeśli żaden z nich nie znajduje się na liście lub polecenie nie zostanie znalezione, zainstaluj najnowszy SDK platformy .NET 8.0.