Bootstrap замечательный фреймворк для web-приложений, но без должной подготовки и изучения документации довольно сложно собрать из имеющихся готовых компонентов какой-то свой уникальный или, хотя бы, похожий на популярные компонент. Например, тот же TreeView придется «изобретать» достаточно долго. Но зачем это делать, если всё уже придумано до нас? В сети появилось достаточно много готовых компонентов Blazor, однако мы сегодня начнем рассмотрение всего лишь одной, но достаточно мощной и функциональной библиотеки компонентов Blazor для Bootstrap — Blazorise.
Bootstrap в Blazor
Восьмая часть учебника по Blazor. Bootstrap в Blazor
Компоненты Bootstrap в Blazor. Компонент Progress
Иногда, при разработке приложений Blazor, необходимо показать пользователю прогресс какой-либо длительной операции. Например, прогресс загрузки большого файла на сервер. Обычно, для этих целей используются небольшие анимации или компоненты типа ProgressBar. И сегодня мы рассмотрим как использовать компонент Progress из Bootstrap в наших приложениях Blazor.
Компоненты Bootstrap
Bootstrap 5.2.2 содержит достаточно много различных компонентов, позволяющих разрабатывать по-настоящему красивые приложения. Часть компонентов Bootstrap можно использовать в Blazor сразу, после создания демонстрационного приложения, часть — только после подключения необходимых js-файлов, распространяемых bootstrap, но не входящих в состав демонстрационного приложения. В этой части мы рассмотрим только основные компоненты Bootstrap и их возможности.
Фреймворк Bootstrap в Blazor
Так как Blazor — это фреймворк для разработки web-приложений (в основном, но не только), то так или иначе, нам приходится вникать или заново изучать визуальную часть разработки приложения — вспоминать как использовать CSS, разрабатывать шаблоны страниц нашего приложения и т.д. Что касается визуального оформления приложения, то разработчики blazor позаботились о нашем удобстве и уже в шаблонном приложении blazor мы можем найти замечательный css-фреймворк — Bootstrap. И в этой части руководства мы будем изучать основы работы с этим фреймворком в наших приложениях.