.NET Core/.NET5/.NET6 開源項目匯總8:Blazor項目

Blazor 是一個使用 .NET 生成互動式客戶端 Web UI 的框架:

  • 使用 C# 代替 JavaScript 來創建資訊豐富的互動式 UI。
  • 共享使用 .NET 編寫的伺服器端和客戶端應用邏輯。
  • 將 UI 呈現為 HTML 和 CSS,以支援眾多瀏覽器,其中包括移動瀏覽器。
  • 與新式託管平台(如 Docker)集成。

使用 .NET 進行客戶端 Web 開發可提供以下優勢:

  • 使用 C# 代替 JavaScript 來編寫程式碼。
  • 利用現有的 .NET 庫生態系統。
  • 在伺服器和客戶端之間共享應用邏輯。
  • 受益於 .NET 的性能、可靠性和安全性。
  • 在 Windows、Linux 和 macOS 上使用 Visual Studio 保持高效工作。
  • 以一組穩定、功能豐富且易用的通用語言、框架和工具為基礎來進行生成。
1、Ant Design Blazor

Ant Design Blazor是一套基於 Ant Design 和 Blazor 的企業級組件庫。

特性

  • 提煉自企業級中後台產品的交互語言和視覺風格。
  • 開箱即用的高品質 Blazor 組件,可在多種託管方式共享。
  •  支援基於 WebAssembly 的客戶端和基於 SignalR 的服務端 UI 事件交互。
  • 支援漸進式 Web 應用(PWA)
  • 使用 C# 構建,多範式靜態語言帶來高效的開發體驗。
  •  基於 .NET Standard 2.1 / .NET 5,可直接引用豐富的 .NET 類庫。
  • 可與已有的 ASP.NET Core MVC、Razor Pages 項目無縫集成。

支援環境

  • .NET Core 3.1 / .NET 5。
  • Blazor WebAssembly 3.2 /.NET 5 正式版。
  • 支援服務端雙向綁定。
  • 支援 WebAssembly 靜態文件部署。
  • 主流 4 款現代瀏覽器,以及 Internet Explorer 11+(限 Blazor Server)。
  • 可直接運行在 Electron 等基於 Web 標準的環境上。

由於 WebAssembly 的限制,Blazor WebAssembly 不支援 IE 瀏覽器,但 Blazor Server 支援 IE 11+。 詳見官網說明

開源地址://gitee.com/ant-design-blazor/ant-design-blazor

2、Bootstrap of Blazor

BootstrapBlazor 是一套基於 Bootstrap 和 Blazor 的企業級組件庫,可以認為是 Bootstrap 項目的 Blazor 版實現。

由於 Bootstrap UI 框架目前版本對 jQuery 有依賴,所以我們的 BootstrapBlazor 對 jQuery 也是有依賴

依賴關係為:BootstrapBlazor > Bootstrap > jQuery

官網://www.blazor.zone

3、jQWidgets

官網://www.htmlelements.com/blazor