تنزيل TDesignBlazor - تنزيل رمز المصدر TDesignBlazor

TDesignBlazor

مكونات الطرف الثالث

0.7.1

تنزيل

خاصية

؟ صقل من اللغة التفاعلية لـ TDESign والأسلوب المرئي للمنتجات المتوسطة والخلفية على مستوى المؤسسة
؟ مكونات البلازور عالية الجودة خارج الصندوق ، مشتركة في طرق استضافة متعددة
؟ يدعم العميل المستند إلى Webassembly وتفاعل واجهة المستخدم المستند إلى SignalR
؟ يدعم تطبيقات الويب التقدمية (PWA)
؟ بنيت مع C#، اللغات الثابتة متعددة البرامجية تجلب تجربة تنمية فعالة
بناءً على .NET 6/7 ، يمكنك الرجوع مباشرة إلى مكتبة فئة Rich Rich .NET
؟ يمكن دمجها بسلاسة مع مشاريع صفحات ASP.NET Core MVC الحالية
؟ استنادا إلى بروتوكول معهد ماساتشوستس للتكنولوجيا المصدر

؟ العرض التوضيحي

العرض التوضيحي عبر الإنترنت
- http://tblazor.com
رمز المصدر تشغيل
- TDesign.Docs.ServerSide هو استضافة من جانب الخادم
- TDesign.Docs.WebAssembly هو استضافة عميل خالص

؟ بيئة الدعم

دعم نشر الملفات الثابتة
الرئيسية 4 متصفحات حديثة ، و Internet Explorer 11+ (يقتصر على خادم Blazor)
يمكن تشغيلها مباشرة في بيئات عميل Blazor Hybrid مثل .NET MAUI و WPF و Windows Forms ، إلخ.
يمكن تشغيلها مباشرة على البيئات المستندة إلى الويب مثل الإلكترون

حافة / أي	Firefox	الكروم	سفاري	الأوبرا	الإلكترون
الحافة 16 / أي 11 †	522	57	11	44	chromium 57

نظرًا لقيود Webassembly ، لا تدعم Blazor Webassembly متصفحات IE ، لكن Blazor Server يدعم أي 11 †. انظر تعليمات الموقع الرسمي للحصول على التفاصيل. بدءًا من .NET 5 ، لم يعد Blazor يدعم رسميًا أي 11. انظر Blazor: محدثة دعم المتصفح للحصول على التفاصيل. يوفر Project Project Blazor.PolyFill دعمًا غير رسمي.

؟ تثبيت واستخدام

تثبيت مباشرة من Nuget
```
 > Install-Package TDesign
```
تسجيل خدمة في المشروع
```
 builder . Service . AddTDesign ( ) ;
```
قدم ملفات ثابتة في wwwroot/index.html (webassembly) أو Pages/_Host.cshtml (الخادم):
```
 < link rel =" stylesheet " href =" _content/TDesign/tdesign-blazor.css " />
```
أضف مساحة الاسم إلى _Imports.razor
```
 @using TDesign
```

أضف مكون TDesignContainer في App.razor لتقديم المكونات الديناميكية

 <Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>Not found</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">Sorry, there's nothing at this address.</p>
        </LayoutView>
    </NotFound>
</Router>

<!--增加组件-->
<TDesignContainer/>