Ant Design Blazor

Богатый набор компонентов пользовательского интерфейса корпоративного класса на основе Ant Design и Blazor.

Особенности

• 🌈 Пользовательский интерфейс корпоративного класса, предназначенный для веб-приложений.
• 📦 Набор высококачественных компонентов Blazor «из коробки».
• 💕 Поддержка взаимодействия пользовательского интерфейса на стороне клиента на основе WebAssembly и на стороне сервера на основе SignalR.
• 🎨 Поддержка прогрессивных веб-приложений (PWA).
• 🛡 Построение с использованием C#, мультипарадигмального статического языка для эффективной разработки.
• 🌍 Поддержка интернационализации для десятков языков.
• 🎁 Беспроблемная интеграция с существующими проектами ASP.NET Core MVC и Razor Pages.

Онлайн-примеры

Статический хостинг WebAssembly на:

— сайте документов; — панели управления корпоративной системой.

Поддержка среды

— Поддерживает .NET Core 3.1 / .NET 5 / .NET 6 / .Net 7 / .NET 8 / .NET 9. — Поддерживает развёртывание статических файлов WebAssembly. — Поддерживает 4 основных движка браузеров и Internet Explorer 11+ (только Blazor Server). — Поддерживает .NET MAUI / WPF / Windows. Использование компонента AntContainer в Blazor

Для динамического отображения всплывающего компонента необходимо добавить компонент <AntContainer /> в App.razor.

В случае с Blazor WebApp также необходимо указать режим рендеринга для <Routes />> для обеспечения интерактивности.

<Routes @rendermode="RenderMode.InteractiveAuto" />            <-- указать режим рендеринга ✨
+ <AntContainer @rendermode="Rendermode.InteractiveAuto" />    <-- добавить этот компонент ✨

Для устаревших приложений Blazor достаточно добавить строку кода:

<Router AppAssembly="@typeof(MainLayout).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="routeData" DefaultLayout="@typeof(MainLayout)" />
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(MainLayout)">
            <Result Status="404" />
        </LayoutView>
    </NotFound>
</Router>

+  <AntContainer />   <-- добавить этот компонент ✨

Наконец, на него можно сослаться в компоненте .razor!

<Button Type="@ButtonType.Primary">Hello World!</Button>

Разработка

Gitpod

Нажмите на кнопку ниже, чтобы бесплатно запустить новое рабочее пространство для разработки.

Локальная разработка

• Установите .NET Core SDK 9.0.100 или более поздней версии.
• Установите Node.js (только для создания файлов стилей и совместимых файлов TypeScript).
• Клонируйте проект для локальной разработки.

$ git clone https://github.com/ant-design-blazor/ant-design-blazor.git
$ cd ant-design-blazor
$ npm install
$ dotnet build ./site/AntDesign.Docs.Build/AntDesign.Docs.Build.csproj
$ npm start

Посетите https://localhost:5001 в поддерживаемом браузере и ознакомьтесь с документацией по локальной разработке (https://github.com/ant-design-blazor/ant-design-blazor/wiki) для получения дополнительной информации.

Рекомендуется использовать Visual Studio 2022 для разработки.

Ссылки

• Документация Ant Design Blazor (https://antblazor.com).
• Официальная документация Blazor (https://docs.microsoft.com/en-us/aspnet/core/blazor/?WT.mc_id=DT-MVP-5003987).
• Учебник MS Learn для Blazor (https://docs.microsoft.com/en-us/learn/modules/build-blazor-webassembly-visual-studio-code/?WT.mc_id=DT-MVP-5003987).

Дорожная карта

Ознакомьтесь с этой проблемой, чтобы узнать о наших планах по разработке для выпуска 1.0.

Вы также можете найти последние новости о функциях, которые мы реализуем в будущем с использованием стиля antd5.0.

Участие

Если вы хотите внести свой вклад, не стесняйтесь создавать запрос на вытягивание или сообщать нам об ошибках.

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

Этот проект является открытым исходным кодом под лицензией MIT. Чтобы обеспечить лучшее и устойчивое развитие проекта, мы надеемся привлечь больше спонсоров. Мы будем использовать доходы для работы сообщества и продвижения. Вы можете поддержать нас любым из следующих способов:

• OpenCollective.
• Wechat.
• Alipay.

Мы опубликуем подробные записи о пожертвованиях в списке спонсоров.

Поддержка сообщества

Если у вас возникнут проблемы в процессе, не стесняйтесь обращаться за помощью через следующие каналы. Мы также призываем опытных пользователей помогать новичкам.

• . Вкладчики

Этот проект существует благодаря всем людям, которые вносят свой вклад.

Кодекс поведения

В этом проекте принят кодекс поведения, определённый Соглашением участников, чтобы прояснить ожидаемое поведение в нашем сообществе. Для получения дополнительной информации см. Кодекс поведения .NET Foundation (https://dotnetfoundation.org/code-of-conduct).

☀️ Лицензия

.NET Foundation

Этот проект поддерживается .NET Foundation (https://dotnetfoundation.org).