ant design blazor
1.0.1
Богатый набор компонентов пользовательского интерфейса предпринимательства на основе дизайна муравья и блазора.
Английский | 简体中文
Webassembly статический хостинг на:
Из -за ограничения Webassembly Blazor Webassembly не поддерживает браузер IE, но Blazor Server поддерживает IE 11 † с помощью дополнительных полифиллов. Смотрите официальную документацию.
Из .net 5, то есть 11 больше не поддерживается. См. Blazor: Обновленная поддержка браузеров. Неофициальная поддержка оказывается Blazor.Polyfill Community Project.
Выпускать:
Ночью:
Скачать наши последние ночные сборки
Регулярно синхронизируйтесь с официальными спецификациями дизайна муравья, вы можете проверить журналы синхронизации онлайн.
Следовательно, вы можете напрямую использовать индивидуальные стили темы Ant.
Перед выпуском 1.0 мы будем синхронизировать только стили ANTD 4.x.
Мы предоставили dotnet new для создания проекта шаблона из коробки:
Установите шаблон
$ dotnet new --install AntDesign.TemplatesСоздайте проект шаблона с шаблоном
$ dotnet new antdesign -o MyAntDesignAppВарианты шаблона:
| Параметры | Описание | Тип | По умолчанию |
|---|---|---|---|
-f | --full | Если указано, генерирует все страницы Ant Design Pro | буль | ЛОЖЬ |
-ho | --host | Укажите модель хостинга | 'WebApp' | 'wasm' | 'сервер' | 'WebApp' |
--styles | Используйте ли Nodejs и меньше для составления ваших пользовательских тем. | css | less | css |
--no-restore | Если указано, пропустите автоматическое восстановление проекта на создании | буль | ЛОЖЬ |
Перейдите в папку проекта приложения и установите ссылку на пакет Nuget
$ dotnet add package AntDesign Зарегистрируйте услуги в Program.cs
builder . Services . AddAntDesign ( ) ; или Startup.cs
services . AddAntDesign ( ) ; Добавить пространство имен в _Imports.razor
@using AntDesignПредставьте файлы CSS и JS в соответствующих местах. Проект WebApp был представлен в App.Razor, а проект Webassembly был введен в index.html
< link href =" _content/AntDesign/css/ant-design-blazor.css " rel =" stylesheet " >
< script src =" _content/AntDesign/js/ant-design-blazor.js " > </ script > Чтобы динамически отобразить всплывающий компонент, вам необходимо добавить компонент <AntContainer /> в App.razor .
<Routes /> для интерактивности. <Routes @rendermode="RenderMode.InteractiveAuto" /> <-- specify the rendermode
+ <AntContainer @rendermode="RenderMode.InteractiveAuto" /> <-- add this component <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 /> <-- add this component Наконец, на это можно упомянуть в компоненте .razor !
< Button Type = " @ButtonType.Primary " >Hello World!</ Button >Нажмите кнопку ниже, чтобы запустить новое рабочее пространство для разработки бесплатно.
Установите .NET CORE SDK 9.0.100 или более поздней версии.
Установите node.js (только для файлов стиля здания и файлов совместимых типов)
Клон на местное развитие
$ 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 в вашем поддерживаемом браузере и проверьте документацию по локальной разработке для получения подробной информации.
Visual Studio 2022 рекомендуется для разработки.
Ознакомьтесь с этой проблемой, чтобы узнать о наших планах развития для выпуска 1.0.
Вы также можете найти последние новости о функциях, которые мы будем реализовать в будущем в стиле ANTD5.0.
Если вы хотите внести свой вклад, не стесняйтесь создать запрос на привлечение или дать нам отчет об ошибках.
Этот проект представляет собой лицензированный проект с открытым исходным кодом MIT. Чтобы достичь лучшего и устойчивого развития проекта, мы ожидаем получить больше спонсоров. Мы будем использовать доходы для общественных операций и продвижения по службе. Вы можете поддержать нас любым из следующих способов:
Мы поместим подробные записи о пожертвованиях в списке Backer.
Если вы столкнетесь с какими -либо проблемами в процессе, не стесняйтесь обращаться за помощью по следующим каналам. Мы также призываем опытных пользователей помогать новичкам.
Этот проект существует благодаря всем людям, которые вносят свой вклад.
Этот проект принял Кодекс поведения, определяемый Заветом участника, чтобы прояснить ожидаемое поведение в нашем сообществе. Для получения дополнительной информации см. Код поведения .NET .NET.
Этот проект поддерживается Фондом .NET.
