Слияние кода завершено, страница обновится автоматически
Ant Design Blazor
Набор компонентов корпоративного уровня на основе Ant Design и Blazor.
Это один из вариантов перевода текста.
Ant Design Blazor — это набор компонентов корпоративного уровня, созданный на базе Ant Design и технологии Blazor.
Это набор компонентов для разработки корпоративных приложений, созданных на основе популярных библиотек Ant Design и Blazor.
English | 简体中文
Примеры страниц с использованием WebAssembly и статического хостинга:
Из-за ограничений WebAssembly Blazor WebAssembly не поддерживает IE, но Blazor Server поддерживает IE 11†. Подробнее см. на официальном сайте.
С .NET 5 Blazor официально больше не поддерживает IE. 11. Подробнее см. Blazor: Updated browser support
Сообщество проекта Blazor.Polyfill предоставляет неофициальную поддержку.
— Официальная публикация:
— Ежедневная сборка:
Подробнее об установке ежедневной сборки см. в разделе «Ночная сборка» (nightly-build.zh-CN.md).
Дизайн-код Ant Design регулярно синхронизируется, вы можете просматривать журнал синхронизации онлайн.
Таким образом, вы можете напрямую использовать пользовательские темы в стиле Ant Design.
До версии 1.0 мы будем синхронизировать только стиль antd 4.x.
— Сначала установите .NET Core SDK версии 3.1 или выше, рекомендуется .NET 8.
Мы предоставляем шаблоны dotnet new для создания нового проекта Ant Design Pro:
— Установите шаблон:
$ dotnet new --install AntDesign.Templates
— Создайте проект Ant Design Blazor Pro из шаблона:
$ dotnet new antdesign -o MyAntDesignApp
Параметры шаблона:
| Параметр | Описание | Тип | Значение по умолчанию |
|---|---|---|---|
-f | --full
|
Если этот параметр установлен, будут созданы все страницы Ant Design Pro | bool | false |
-ho | --host
|
Указывает модель хостинга | 'webapp' | 'wasm' | 'server' | 'webapp' |
--styles |
Определяет тип сборки стиля |
css | less
|
css |
--no-restore |
Если установлен этот параметр, пакетные ссылки не будут автоматически восстановлены | bool | false |
— Перейдите в папку проекта и установите пакет 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">
< src="_content/AntDesign/js/ant-design-blazor.js"></ script>
— Чтобы динамически отображать всплывающие компоненты, добавьте компонент <AntContainer /> в файл App.razor.
Для проектов Blazor WebApp также необходимо указать режим рендеринга для поддержки интерактивности в Routes:
<Routes @rendermode="RenderMode.InteractiveAuto" />
+ <AntContainer @rendermode="RenderMode.InteractiveAuto" />
Для старых версий проектов достаточно добавить одну строку кода:
<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="primary">Hello World!</Button>
Нажмите кнопку ниже, чтобы бесплатно создать новую рабочую область для разработки.
— Сначала установите .NET Core SDK версии 9.0.100 или выше. — Установите Node.js (только для сборки файлов стилей и файлов TS, необходимых для взаимодействия). — Клонируйте проект локально.
$ git clone git@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 для разработки.
Чтобы узнать о наших планах по версии 1.0, ознакомьтесь с этим вопросом (https://github.com/ant-design-blazor/ant-design-blazor/issues/21).
Также вы можете следить за обсуждением и последними изменениями, связанными с адаптацией к antd 5.0, в этом вопросе (https://github.com/ant-design-blazor/ant-design-blazor/issues/2870).
Если вы хотите внести свой вклад, мы приветствуем Pull Request (https://github.com/ant-design-blazor/ant-design-blazor/pulls) или сообщения об ошибках (https://github.com/ant-design-blazor/ant-design-blazor/issues/new).
Этот проект открыт под лицензией MIT. Чтобы обеспечить его дальнейшее развитие, нам нужна поддержка большего числа участников. Полученные средства будут направлены на деятельность сообщества и продвижение. Вы можете поддержать нас любым из следующих способов:
Если у вас возникли проблемы при использовании, вы можете обратиться за помощью следующими способами. Мы также призываем опытных пользователей помогать новичкам:
Спасибо всем, кто внёс свой вклад в этот проект.
В этом проекте соблюдаются правила поведения, определённые в «Кодексе поведения участников». Подробнее см. .NET Foundation Code of Conduct.
Этот проект поддерживается .NET Foundation.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )