В предыдущей части мы разработали простое консольное приложение с EF Core для работы с MySQL и посмотрели как EF Core упрощает нам разработку, беря на себя рутинные операции по работе с базой данных. Однако, что касается использования EF Core в Blazor Server, то здесь необходимо использовать несколько иной подход к внедрению возможностей EF Core в приложение. И сегодня мы рассмотрим эти особенности, чтобы в дальнейшем уже полностью сосредоточиться на работе с EF Core, не возвращаясь к вопросам настройки и внедрения EF Core в приложение.
Blazor Server
Конфигурация приложений Blazor с использованием командной строки
Аргументы командной строки, наряду с конфигурационными файлами, являются одним из популярных способов задания начальной конфигурации приложения. По умолчанию, используемый провайдер Command загружает аргументы командной строки после того как будут загружены: файлы appsettings.json и appsettings.{Environment}.json, секреты приложения в среде разработки и переменные среды. То есть, если в нескольких источниках конфигурации будут содержаться одни и те же настройки, то применятся те настройки, которые будут содержаться в аргументах командной строки.
Конфигурация приложений Blazor с использованием JSON-файлов
При разработке приложений (не только в Blazor) важную роль играет конфигурация приложения — какие-либо настройки приложения, применяемые, например, при запуске приложения. Это могут быть такие настройки, как строки подключения к базам данных, настройки оформления окон приложения и так далее. В Blazor Server мы можем использовать несколько подходов для работы с конфигурацией приложения.
Компоненты Bootstrap в Blazor. Компонент Progress
Иногда, при разработке приложений Blazor, необходимо показать пользователю прогресс какой-либо длительной операции. Например, прогресс загрузки большого файла на сервер. Обычно, для этих целей используются небольшие анимации или компоненты типа ProgressBar. И сегодня мы рассмотрим как использовать компонент Progress из Bootstrap в наших приложениях Blazor.
Практика Blazor: приложение «Часы»
Рассмотрим пример приложения Blazor Server, реализующего обычные часы. Для этого создадим небольшой компонент Blazor и используем его на главной странице приложения.
Blazor .NET 6 и обработка ошибок. Компонент ErrorBoundary
Когда в приложении Blazor возникает какое-либо исключение, то, по умолчанию, это приводит к тому, что работа приложения полностью останавливается, а пользователь видит внизу экрана сообщение о том, что произошло необрабатываемое исключение. Сегодня разберемся с тем, как можно организовать обработку исключений в Blazor, используя возможности .NET 6.
Компоненты Bootstrap
Bootstrap 5.2.2 содержит достаточно много различных компонентов, позволяющих разрабатывать по-настоящему красивые приложения. Часть компонентов Bootstrap можно использовать в Blazor сразу, после создания демонстрационного приложения, часть — только после подключения необходимых js-файлов, распространяемых bootstrap, но не входящих в состав демонстрационного приложения. В этой части мы рассмотрим только основные компоненты Bootstrap и их возможности.
Динамические компоненты Blazor (DynamicComponent)
Одним из нововведений в Blazor .NET 6 стала возможность использовать динамические компоненты (DynamicComponent). Стандартный подход к созданию пользовательского интерфейса в Blazor состоит в том, чтобы разбить интерфейс на части (компоненты) и, в зависимости от потребностей пользователя составлять из этих компонентов всё содержимое той или иной страницы. DynamicComponent расширяет возможности по построению пользовательского интерфейса в Blazor.
Использование параметров URL в Blazor
При разработке приложений в Blazor бывает необходимым получать значения свойств компонентов не только из параметров маршрута, но и использовать для сохранения/передачи состояния компонента параметры запроса (URL Query Parameters). Например, использование параметров URL в Blazor может потребоваться для фильтрации данных перед выводом их на экран. В этом случае, URL может выглядеть, например, так http://localhost:5001/component/1?filter=a&filter2=b… Рассмотрим, как использовать параметры URL в Blazor.
Управление состоянием в Blazor Server. Использование хранилища браузера sessionStorage
При разработке приложений Blazor часто бывает необходимо сохранять какие-либо данные, введенные пользователем. Например, такое сохранение может потребоваться, если пользователь заполняет большую форму или добавляет в корзину какие-либо покупки. Если начнутся проблемы с соединением, например, у пользователя пропадет связь, то в итоге все введенные данные после обновления страницы приложения будут утеряны. Поэтому, для хранения временных данных, создаваемых пользователем, обычно используются коллекции браузера localStorage и sessionStorage .