你好,布爾瑪!(Blazor組件庫)


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有功德,入群有紅包🧧,歡迎各位大佬入坑!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM