BulmaRazor: компонентная библиотека

Лёгкая компонентная библиотека, основанная на Bulma и Blazor.

English | 中文

Введение в проект (только для изучения)

Blazor — это фреймворк, который использует .NET для создания интерактивных клиентских веб-интерфейсов:

• использование C# вместо JavaScript для создания богатого интерактивного пользовательского интерфейса;
• совместное использование серверной логики, написанной на .NET, для серверных и клиентских приложений;
• представление пользовательского интерфейса с использованием HTML и CSS для поддержки широкого спектра браузеров, включая мобильные браузеры.

Использование .NET для разработки клиентских веб-приложений обеспечивает следующие преимущества:

• возможность использовать C# вместо JavaScript;
• доступ к существующей экосистеме .NET;
• разделение логики приложения между сервером и клиентом;
• преимущества производительности, надёжности и безопасности .NET;
• постоянная эффективная поддержка Windows, Linux и macOS с помощью Visual Studio;
• поддержка Net5;
• генерация на основе стабильной, функциональной и простой в использовании универсальной языковой платформы, фреймворка и инструментов.

Этот проект представляет собой библиотеку компонентов пользовательского интерфейса, заключённую в оболочку Bulma.

Установка

Добавьте пакет BulmaRazor через nuget:

Install-Package BulmaRazor

Использование

1. Добавьте службу в Startup:

   services.AddBulmaRazor();
2. Включите стили и скрипты в _Host.cshtml или index.html:

   <!--bulma.min.css можно использовать для замены пользовательских тем-->
   <link href="_content/BulmaRazor/bulma.min.css" rel="stylesheet"/>
   <link href="_content/BulmaRazor/bulmarazor.min.css" rel="stylesheet" />
   <script src="_content/BulmaRazor/bulmarazor.min.js"></script>
3. Импортируйте пространство имён в _Imports.razor:

   @using BulmaRazor.Components
4. Начните использовать компоненты, имена элементов соответствуют классам в Bulma.css:

   <Button Color="Color.Primary">Click</Button>

Группа обмена QQ

Компоненты

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

Компонент — это класс .NET, встроенный в сборку программы .NET. Он используется для:

• определения гибкой логики представления пользовательского интерфейса;
• обработки событий пользователя;
• возможности вложения и повторного использования;
• совместного использования и распространения в виде библиотеки Razor или пакета NuGet.

Смотрите встроенные компоненты здесь.

Ветви проекта

• master — стабильная ветка;
• dev — ветка разработки функций;
• остальные — временные ветки.

Демонстрационный адрес

Скриншоты проекта

Лицензия с открытым исходным кодом

Вклад участников

1. Форкните этот проект.
2. Создайте ветку Feat_xxx.
3. Отправьте код.
4. Создайте запрос на вытягивание.

Пожертвования

Если этот проект вам полезен, отсканируйте QR-код ниже, чтобы поддержать его чашкой кофе.

Связанные ресурсы

• официальный сайт Bulma: https://bulma.io/;
• документация Microsoft по Blazor: https://blazor.net/docs/components/index.html.

Ссылки

• foundation-datepicker: http://foundation-datepicker.peterbeno.com/;
• jscolor: https://jscolor.com/;
• bulma-checkradio: https://github.com/Wikiki/bulma-checkradio;
• bulma-collapsible: https://github.com/CreativeBulma/bulma-collapsible;
• bulma-badge: https://github.com/CreativeBulma/bulma-badge;
• bulma-divider: https://github.com/CreativeBulma/bulma-divider;
• bulma-pageloader: https://github.com/Wikiki/bulma-pageloader. bulma-quickview bulma-carousel bulma-ribbon bulma-switch bulma-timeline bulma-slider bulma-tooltip bulma-o-steps bulma-tagsinput