Blazor и SignalR

Взамодействие страницы Blazor с API

3.2.1. Постановка задачи

Используйте проект из ИПР1.

 Добавьте в решение проект «Blazor Web Application».

 Создайте страницу «Каталог», выводящую список названий

объектов вашей предметной области и кнопки «Подробно» напротив каждого

названия. Данные получить с Api (проект XXX.API).

 Предусмотреть фильтрацию по категориям и навигацию по

страницам списка.

 При клике на кнопку «Подробно» вывести подробную

информацию о выбранном объекте.

 Добавьте пункт меню для перехода на эту страницу.

3.2.2. Требования к проекту

 Разметку выбора категории, кнопок переключения страниц,

списка объектов и подробной информации об объекте описать в отдельных

компонентах Blazor: CategorySelector, Pager, ProductList и ProductDetails

соответственно.

 Доступ к серверу API и хранение полученных от сервера данных

организовать в отдельном сервисном классе DataService

 Обработку события «click» кнопок «Подробно» реализовать на

странице «Каталог».

3.2.3. Рекомендации к заданию

 Для того, чтобы все компоненты Blazor на странице работали с

одним и тем же экземпляров DataService, внедрите его как

CascadingParameter.

 Для того, чтобы компоненты Blazor «увидели» обновление

данных в классе DataService, при обновлении данных класс DataService

должен генерировать событие, а компоненты Blazor должны подписаться на

это событие и вызвать метод StateHasChanged() для перерисовки компонента