你好,布林瑪!(Blazor元件庫)

拉克斯文發表於2021-03-03

Blazor 官方簡介

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

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

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

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

我的回答

群裡聊天,一個同行朋友問我什麼是Blazor,因為他對VUE有所瞭解,我就告訴他說 Blazor “是類似於使用 C# 代替 JavaScript 的VUE” ,他一聽就懂了??。

Bulma

Bulma 是一個基於 Flexbox 構建的免費、開源的 CSS 框架,已經有超過200,000開發者在使用。

BulmaRazor

Blazor 是個新東西,因為它想用 C# 代替 JavaScript,俗話說“前端有 Node,後端有 Blazor ”。Bulma 也是個新東西,因為它基於 Flexbox 。走過了艱難的2020年,感覺它們喜結良緣的時機已到,所以有了 BulmaRazor。
為什麼不是 BulmaBlazor,因為不好聽!兩個“不”,“不”二媽“不”瑞則兒,太難聽了, Blazor 語法還是 Razor,裡面全部是 Razor 元件,所以叫 “布林瑪·瑞”,聽聽,有美女有祥瑞,B格馬上高達忉利天宮了。
其實還有一個原因,nuget 庫裡已經有一個叫 BulmaBlazor 的包了,F..K !???

BulmaRazor(布林瑪·瑞)是基於 Bulma 框架開發的一套適用於 Blazor 的元件庫。目前已經支援了 Bulma 所有官方的元素,還支援了一些擴充套件,其他的擴充套件還會陸續加進來。
BulmaRazor 完全開源,可以勝任大家入門級別的學習,當然還可以免費使用,有 Bug 自己修 我來修,文章釋出於此,也是希望有興趣的同學大佬一起參與和交流。

部分元件截圖

Button

Tooltip

Collapse

Columns

Form

Badge

DataTable

Modal/Dialog

Timeline

Tile

Tabs

重要的資訊!

Star有功德,入群有紅包?,歡迎各位大佬入坑!!!

相關文章