ant design blazor
1.0.1
مجموعة غنية من مكونات واجهة المستخدم من فئة المؤسسات القائمة على تصميم النمل والليزور.
الإنجليزية | 简体中文
استضافة Webassembly Static على:
نظرًا لتقييد Webassembly ، لا يدعم Blazor Webassembly متصفح IE ، لكن خادم Blazor يدعم IE 11 † مع تعددات إضافية. انظر الوثائق الرسمية.
من .NET 5 ، لم يعد IE 11 مدعومًا رسميًا. انظر Blazor: دعم المستعرض المحدث. يتم توفير الدعم غير الرسمي بواسطة مشروع مجتمع Blazor.Polyfill.
يطلق:
ليلا:
قم بتنزيل أحدث بنياتنا الليلية
تزامن بانتظام مع مواصفات تصميم ANT الرسمية ، يمكنك التحقق من سجلات SYNC عبر الإنترنت.
لذلك ، يمكنك استخدام أنماط السمة المخصصة لتصميم النمل مباشرة.
قبل الإصدار 1.0 ، سنقوم فقط بمزامنة أنماط antd 4.x فقط.
لقد قدمنا قالب dotnet new لإنشاء مشروع Boilerplate خارج الصندوق ：
تثبيت القالب
$ dotnet new --install AntDesign.Templatesقم بإنشاء مشروع Boilerplate مع القالب
$ dotnet new antdesign -o MyAntDesignAppخيارات القالب ：
| خيارات | وصف | يكتب | تقصير |
|---|---|---|---|
-f | --full | في حالة تحديد ، يولد جميع صفحات تصميم النمل المحترفين | بول | خطأ شنيع |
-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 (فقط لبناء ملفات النمط وملفات 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 في متصفحك المدعوم والتحقق من وثائق التطوير المحلية للحصول على التفاصيل.
يوصى باستخدام Visual Studio 2022 للتنمية.
تحقق من هذه المشكلة للتعرف على خطط التطوير الخاصة بنا لإصدار 1.0.
يمكنك أيضًا العثور على آخر الأخبار حول الميزات التي سننفذها في المستقبل باستخدام Std5.0 Style.
إذا كنت ترغب في المساهمة ، فلا تتردد في إنشاء طلب سحب ، أو إعطائنا تقرير الأخطاء.
هذا المشروع هو مشروع مفتوح المصدر المرخص له معهد ماساتشوستس للتكنولوجيا. من أجل تحقيق تنمية أفضل ومستدامة للمشروع ، نتوقع الحصول على المزيد من المؤيدين. سوف نستخدم عائدات العمليات المجتمعية والترقية. يمكنك دعمنا في أي من الطرق التالية:
سنضع سجلات التبرع التفصيلية في قائمة Backer.
إذا واجهت أي مشاكل في هذه العملية ، فلا تتردد في طلب المساعدة عبر القنوات التالية. كما نشجع المستخدمين ذوي الخبرة على مساعدة القادمين الجدد.
هذا المشروع موجود بفضل جميع الأشخاص الذين يساهمون.
اعتمد هذا المشروع مدونة السلوك التي حددها العهد المساهم لتوضيح السلوك المتوقع في مجتمعنا. لمزيد من المعلومات ، انظر .NET Foundation Code of Code.
هذا المشروع مدعوم من قبل مؤسسة .NET.
