ดาวน์โหลด TDesignBlazor - ดาวน์โหลดซอร์สโค้ด TDesignBlazor

TDesignBlazor

ส่วนประกอบของบุคคลที่สาม

0.7.1

ดาวน์โหลด

ลักษณะ

- กลั่นจากภาษาแบบโต้ตอบของ Tdesign และรูปแบบการมองเห็นของผลิตภัณฑ์ระดับกลางและหลัง
- ส่วนประกอบ Blazor คุณภาพสูงออกจากกล่องแบ่งปันในวิธีการโฮสต์หลายวิธี
- รองรับการโต้ตอบกับกิจกรรม UI ของไคลเอนต์ WebAssembly และ SignalR ที่ใช้ SignRR
- รองรับเว็บแอปพลิเคชันแบบก้าวหน้า (PWA)
- สร้างขึ้นด้วย C#, ภาษาสแตติกแบบหลาย paradigm นำประสบการณ์การพัฒนาที่มีประสิทธิภาพ
ขึ้นอยู่กับ. NET 6/7 คุณสามารถอ้างอิงไลบรารีระดับ. NET ได้โดยตรง
- สามารถรวมเข้ากับ ASP.NET Core MVC และโครงการ Razor Pages ที่มีอยู่ได้อย่างราบรื่น
- ขึ้นอยู่กับโปรโตคอลโอเพนซอร์ส MIT

- สาธิตการสาธิต

การสาธิตออนไลน์
- http://tblazor.com
ซอร์สโค้ดกำลังทำงานอยู่
- TDesign.Docs.ServerSide เป็นโฮสติ้งฝั่งเซิร์ฟเวอร์
- TDesign.Docs.WebAssembly เป็นโฮสติ้งไคลเอนต์บริสุทธิ์

- สนับสนุนสภาพแวดล้อม

สนับสนุนการปรับใช้ไฟล์แบบคงที่ webAssembly
Mainstream 4 Modern Browsers และ Internet Explorer 11+ (จำกัด เฉพาะเซิร์ฟเวอร์ Blazor)
สามารถทำงานได้โดยตรงในสภาพแวดล้อมไคลเอนต์ Blazor Hybrid เช่น. NET MAUI, WPF, รูปแบบ Windows ฯลฯ
สามารถทำงานโดยตรงบนสภาพแวดล้อมบนเว็บเช่นอิเล็กตรอน

Edge / IE	Firefox	โครเมี่ยม	ซาฟารี	โอเปร่า	อิเล็กตรอน
ขอบ 16 / IE 11 †	522	57	11	44	โครเมียม 57

เนื่องจากข้อ จำกัด ของ WebAssembly Blazor WebAssembly ไม่รองรับ IE Browsers แต่ Blazor Server รองรับ IE 11 † ดูคำแนะนำเว็บไซต์อย่างเป็นทางการสำหรับรายละเอียด เริ่มต้นด้วย. NET 5, Blazor ไม่สนับสนุนอย่างเป็นทางการเช่น 11. ดู Blazor: การสนับสนุนเบราว์เซอร์ที่อัปเดตสำหรับรายละเอียด โครงการชุมชน 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/>