Общие сведения о библиотеках классов Razor

Завершено

Библиотеки классов Razor позволяют совместно и повторно использовать компоненты пользовательского интерфейса в приложениях Blazor. В этом модуле показано, как создавать и предоставлять компоненты для приложений Blazor.

Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.

Пример сценария

Предположим, вы работаете в консалтинговой компании, для которой вы создаете веб-приложения для различных клиентов. У вас есть набор веб-функций, таких как модальный компонент окна, который можно сделать доступными для клиентов. Чтобы сэкономить время, вы хотите иметь возможность повторно использовать эти функции в разных приложениях.

Библиотеки классов Razor позволяют совместно использовать эту функцию в приложениях, создаваемых для клиентов.

Screenshot of an example modal window component that can be shared across Blazor applications.

Что мы будем делать?

В этом модуле вы создадите библиотеку классов Razor для выполнения следующих задач:

  • представление модального диалогового окна без темы по умолчанию;
  • использование и настройка модального диалогового окна в приложении Blazor;
  • упаковка модального диалогового окна для использования с другими приложениями.

Какова основная цель?

После завершения модуля вы сможете спроектировать модальный компонент окна, который можно использовать и настраивать в других приложениях Blazor.

Необходимые компоненты

  • Знакомство с веб-разработкой HTML, CSS и JavaScript.
  • Новички могут писать код C#.
  • Установленный пакет SDK для .NET 8.0.
  • Интегрированная среда разработки (IDE). В этом модуле используется Visual Studio Code.

Примечание.

В этом модуле используются .NET CLI (интерфейс командной строки) и Visual Studio Code для локальной разработки. После выполнения этого модуля можно применить основные понятия с помощью Visual Studio (Windows) или продолжения разработки с помощью Visual Studio Code (Windows, Linux и macOS).

В этом модуле используется пакет SDK для .NET 8.0. Убедитесь, что установлен .NET 8.0, выполнив следующую команду в предпочтительном терминале команд:

dotnet --list-sdks

Выходные данные, аналогичные следующему примеру, отображаются:

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

Убедитесь, что в списке есть версия, которая начинается с цифры 8. Если нет списка или команда не найдена, установите последний пакет SDK для .NET 8.0.