ant design blazor
1.0.1
Eine große Reihe von UI-Komponenten der Enterprise-Klasse basierend auf Ant-Design und Blazor.
Englisch | 简体中文
WebAssembly Static Hosting auf:
Aufgrund der Einschränkung der WebAssembly unterstützt Blazor WebAssembly den IE -Browser nicht, aber Blazor Server unterstützt IE 11 † mit zusätzlichen Polyfills. Siehe offizielle Dokumentation.
Ab .NET 5 wird IE 11 nicht mehr offiziell unterstützt. Siehe Blazor: Aktualisierter Browserunterstützung. Inoffizielle Unterstützung wird von Blazor.PolyFill Community -Projekt bereitgestellt.
Freigeben:
Nacht:
Laden Sie unsere neuesten nächtlichen Builds herunter
Synchronisieren Sie sich regelmäßig mit offiziellen Ant -Design -Spezifikationen und überprüfen Sie die Sync -Protokolle online.
Daher können Sie die benutzerdefinierten Themenstile von Ameisendesign direkt verwenden.
Vor der Veröffentlichung von 1.0 werden wir nur Antd 4.x -Stile synchronisieren.
Wir haben die dotnet new Vorlage zur Verfügung gestellt, um ein Boilerplate -Projekt aus der Box zu erstellen:
Installieren Sie die Vorlage
$ dotnet new --install AntDesign.TemplatesErstellen Sie das Boilerplate -Projekt mit der Vorlage
$ dotnet new antdesign -o MyAntDesignAppOptionen für die Vorlage:
| Optionen | Beschreibung | Typ | Standard |
|---|---|---|---|
-f | --full | Wenn angegeben, erzeugt alle Seiten von Ant Design Pro | bool | FALSCH |
-ho | --host | Geben Sie das Hosting -Modell an | 'Webapp' | 'Wasm' | 'Server' | 'WebApp' |
--styles | Ob Sie NodeJs verwenden und weniger Ihre benutzerdefinierten Themen kompilieren. | css | less | css |
--no-restore | Wenn angegeben, überspringt die automatische Wiederherstellung des Projekts beim Erstellen | bool | FALSCH |
Gehen Sie zum Projektordner der Anwendung und installieren Sie die Nuget -Paket -Referenz
$ dotnet add package AntDesign Registrieren Sie die Dienste in Program.cs
builder . Services . AddAntDesign ( ) ; oder Startup.cs
services . AddAntDesign ( ) ; Fügen Sie den Namespace in _Imports.razor hinzu
@using AntDesignFühren Sie CSS- und JS -Dateien an geeigneten Stellen ein. Das WebApp -Projekt wurde in app.razor eingeführt und das WebAssembly -Projekt wurde in Index.html eingeführt
< link href =" _content/AntDesign/css/ant-design-blazor.css " rel =" stylesheet " >
< script src =" _content/AntDesign/js/ant-design-blazor.js " > </ script > Um die Popup-Komponente dynamisch anzuzeigen, müssen Sie die <AntContainer /> -Komponente in App.razor hinzufügen.
<Routes /> für die Interaktivität angeben. <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 Schließlich kann es in der .razor -Komponente verwiesen werden!
< Button Type = " @ButtonType.Primary " >Hello World!</ Button >Klicken Sie auf die Schaltfläche unten, um einen neuen Arbeitsbereich für die Entwicklung kostenlos zu starten.
Installieren Sie .NET Core SDK 9.0.100 oder höher.
Installieren Sie node.js (nur zum Erstellen von Stildateien und interoperablen Typenkriptateien)
Klon zur lokalen Entwicklung
$ 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 startBesuchen Sie https: // localhost: 5001 in Ihrem unterstützten Browser und überprüfen Sie die lokalen Entwicklungsdokumentation für Einzelheiten.
Visual Studio 2022 wird für die Entwicklung empfohlen.
Schauen Sie sich dieses Problem an, um unsere Entwicklungspläne für die Veröffentlichung von 1.0 zu erfahren.
Sie können auch die neuesten Nachrichten über die Funktionen finden, die wir in Zukunft mit AntD5.0 -Stil implementieren werden.
Wenn Sie einen Beitrag leisten möchten, können Sie eine Pull -Anfrage erstellen oder uns einen Fehlerbericht geben.
Dieses Projekt ist ein MIT-lizenziertes Open-Source-Projekt. Um eine bessere und nachhaltige Entwicklung des Projekts zu erreichen, erwarten wir, dass mehr Unterstützer gewinnen. Wir werden den Erlös für Community -Operationen und -förderung nutzen. Sie können uns auf folgende Arten unterstützen:
Wir werden die detaillierten Spendenaufzeichnungen auf die Backer -Liste setzen.
Wenn Sie im Prozess auf Probleme stoßen, können Sie sich durch folgende Kanäle um Hilfe bitten. Wir ermutigen auch erfahrene Benutzer, Neuankömmlingen zu helfen.
Dieses Projekt besteht dank aller Menschen, die einen Beitrag leisten.
Dieses Projekt hat den vom Mitwirkenden Covenant definierten Verhaltenskodex übernommen, um das erwartete Verhalten in unserer Community zu klären. Weitere Informationen finden Sie im Verhaltenskodex der .Net Foundation.
Dieses Projekt wird von der .NET Foundation unterstützt.
