ant design blazor
1.0.1
Un riche ensemble de composants d'interface utilisateur de classe d'entreprise basés sur la conception et le blazor des fourmis.
Anglais | 简体中文
Webassembly hôte statique sur:
En raison de la restriction WebAssembly, Blazor WebAssembly ne prend pas en charge le navigateur IE, mais Blazor Server prend en charge IE 11 † avec des polyfills supplémentaires. Voir la documentation officielle.
De .NET 5, IE 11 n'est plus officiellement soutenu. Voir Blazor: support de navigateur mis à jour. Le soutien non officiel est fourni par Blazor.Polyfill Community Project.
Libérer:
Chaque nuit:
Téléchargez nos dernières constructions nocturnes
Synchroniser régulièrement avec les spécifications officielles de conception des fourmis, vous pouvez vérifier les journaux de synchronisation en ligne.
Par conséquent, vous pouvez utiliser directement les styles de thème personnalisés du design des fourmis.
Avant la version 1.0, nous ne synchroniserons que les styles ANTD 4.x.
Nous avons fourni le dotnet new pour créer un projet de passe-partout hors de la boîte:
Installez le modèle
$ dotnet new --install AntDesign.TemplatesCréez le projet de passe-partout avec le modèle
$ dotnet new antdesign -o MyAntDesignAppOptions pour le modèle ：
| Options | Description | Taper | Défaut |
|---|---|---|---|
-f | --full | Si spécifié, génère toutes les pages de Ant Design Pro | bool | FAUX |
-ho | --host | Spécifiez le modèle d'hébergement | 'webapp' | 'wasm' | 'serveur' | 'webapp' |
--styles | Si vous utilisez NodeJS et moins pour compiler vos thèmes personnalisés. | css | less | css |
--no-restore | Si spécifié, saute la restauration automatique du projet sur Créer | bool | FAUX |
Accédez au dossier du projet de l'application et installez la référence du package NuGet
$ dotnet add package AntDesign Enregistrez les services dans Program.cs
builder . Services . AddAntDesign ( ) ; ou Startup.cs
services . AddAntDesign ( ) ; Ajouter un espace de noms dans _Imports.razor
@using AntDesignPrésentez les fichiers CSS et JS aux endroits appropriés. Le projet WebApp a été introduit dans App.razor, et le projet WebAssembly a été introduit dans index.html
< link href =" _content/AntDesign/css/ant-design-blazor.css " rel =" stylesheet " >
< script src =" _content/AntDesign/js/ant-design-blazor.js " > </ script > Pour afficher dynamiquement le composant contextuel, vous devez ajouter le composant <AntContainer /> dans App.razor .
<Routes /> pour l'interactivité. <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 Enfin, il peut être référencé dans le composant .razor !
< Button Type = " @ButtonType.Primary " >Hello World!</ Button >Cliquez sur le bouton ci-dessous pour démarrer gratuitement un nouvel espace de travail pour le développement.
Installez .net Core SDK 9.0.100 ou version ultérieure.
Installez Node.js (uniquement pour la construction de fichiers de style et les fichiers de typescript interopérables)
Clone au développement local
$ 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 startVisitez https: // localhost: 5001 dans votre navigateur pris en charge et consultez la documentation de développement local pour plus de détails.
Visual Studio 2022 est recommandé pour le développement.
Consultez ce problème pour en savoir plus sur nos plans de développement pour la version 1.0.
Vous pouvez également trouver les dernières nouvelles sur les fonctionnalités que nous mettrons en œuvre à l'avenir avec le style ANTD5.0.
Si vous souhaitez contribuer, n'hésitez pas à créer une demande de traction ou à nous donner un rapport de bogue.
Ce projet est un projet open source sous licence MIT. Afin d'obtenir un développement meilleur et durable du projet, nous nous attendons à gagner plus de bailleurs de fonds. Nous utiliserons le produit des opérations et de la promotion communautaires. Vous pouvez nous soutenir de toutes les manières suivantes:
Nous mettrons les enregistrements de dons détaillés sur la liste des bailleurs de fonds.
Si vous rencontrez des problèmes dans le processus, n'hésitez pas à demander de l'aide via les canaux suivants. Nous encourageons également les utilisateurs expérimentés à aider les nouveaux arrivants.
Ce projet existe grâce à toutes les personnes qui contribuent.
Ce projet a adopté le code de conduite défini par le Contributeur Covenant pour clarifier le comportement attendu dans notre communauté. Pour plus d'informations, consultez le Code de conduite de la fondation .NET.
Ce projet est soutenu par la Fondation .NET.
