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 dla 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 zamierzasz zrobić?

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

  • Przedstawia modalne okno dialogowe z domyślnym motywem.
  • Użyj i dostosuj modalne okno dialogowe w aplikacji Blazor.
  • Spakuj modalne okno dialogowe do użycia z innymi aplikacjami.

Jaki jest główny cel?

Po zakończeniu modułu możesz zaprojektować modalny składnik 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.