基於TDesign風格的Blazor企業級UI元件庫

chingho發表於2023-03-13

作為一名Web開發人員,開發前端少不了使用JavaScript,而Blazor就是微軟推出的基於.net平臺互動式客戶 Web UI 框架,可以使用C#替代JavaScript,減少我們的技術棧、降低學習前端的成本。

而採用Blazor開發,少不了需要封裝UI控制元件,所以今天給大家推薦一套基於TDesign風格的Blazor企業級UI元件庫。

專案簡介

這是一套基於 TDesign 的 Blazor 企業級元件庫,TDesign是騰訊內部經過多年提煉總結的,其UI漂亮、通用性較強,使用該框架,可以避免我們重複造輪子,幫助我們快速的完成專案的開發與交付。

專案特性

1、支援.Net 6、.Net 7;

2、使用C#開發,可以直接呼叫.Net豐富的類庫;

3、基於TDesign風格,UI效果、互動體驗都是非常好的;

4、可以與.Net MFC、Razor無縫的對接;

5、支援主流的瀏覽器,IE只支援11+的版本,而且只支援服務端模式。

專案結構

圖片

文件專案

圖片

ServerSide服務端模式、WebAssembly客戶端模式。

使用方法

引入必要的樣式、Js檔案

圖片

App.razor:增加元件

圖片

部分UI元件效果

按鈕風格

圖片

表單風格

圖片

選項卡

圖片

選單導航

圖片

分頁

圖片

表格

圖片

提示框

圖片

對話方塊

圖片

訊息通知

圖片

專案地址

https://github.com/AchievedOwner/TDesignBlazor

更多開源專案請檢視一個專注推薦優秀.Net開源專案的榜單

- End -

文章首發於公眾號【程式設計樂趣】,歡迎大家關注。
圖片

相關文章