用.NET进行客户端Web开发？看这个Bootstrap风格的BlazorUI组件库
點擊上方“Dotnet9”添加關注哦
Blazor一、前言
今天在下班的路上（地鐵上），站長習慣性的掏出手機，就收到知乎向站長推送的一篇BlazorUI組件庫推薦文章，是碼云官方的：原文鏈接[1]，于是我立即打開碼云了解，才知道這款BlzaorUI組件庫(BootstrapBlazor)是如此優秀，已完成的組件是如此豐富，應用實戰開發也是可以的。
該庫十分優秀，所謂酒香不怕巷子深，今天我還是來簡單介紹下，希望能讓更多的人知道它、使用它。
下面是碼云官方推薦文章截圖（本文標題照搬，并且大部分薦文參考該倉庫README.MD而來）：
碼云官方知乎推薦下面是BootstrapBlazor在碼云上的截圖：
BootstrapBlazor項目情況二、Blazor是什么？
Blazor為數百萬.NET開發人員帶來了WebAssembly的世界，允許他們編寫在瀏覽器上運行的C＃。
多年來，如果您想編寫代碼以在瀏覽器中運行，您的選擇是JavaScript。對于某些瀏覽器上的幾個短暫時期，您可以使用其他語言，但它們并不重要：IE上的VBScript和特殊版Chrome上的Dart。
還有一些語言可以編譯成JavaScript（TypeScript，CoffeeScript，...），但它們仍然是真正的JavaScript。JavaScript單一文化的日子隨著WebAssembly（Wasm）的出現而打破。對于.NET開發人員，Wasm以Blazor的形式到達。
...
三、關于BootstrapBlazor UI組件庫
一個使用 .NET 生成交互式客戶端 Web UI 的框架，如果你想學習學習的話不妨接著往下看。
項目名稱：?BootstrapBlazor
項目作者：?Longbow
作者QQ號：?5196060（技術交流，歡迎勾兌）
微信號：?可添加站長微信號，給你搭橋
開源許可協議：?LGPL-3.0
項目地址：?https://gitee.com/LongbowEnterprise/BootstrapBlazor
四、項目簡介
4.1 使用.NET
Blazor 是一個使用 .NET 生成交互式客戶端 Web UI 的框架：
使用 C# 代替 JavaScript 來創建豐富的交互式 UI。
共享使用 .NET 編寫的服務器端和客戶端應用邏輯。
將 UI 呈現為 HTML 和 CSS，已支持眾多瀏覽器，其中包括移動瀏覽器。
4.2 使用.NET的優勢
使用 .NET 進行客戶端 Web 開發可提供以下優勢：
使用 C# 代替 JavaScript 來編寫代碼。
利用現有的 .NET 庫生態系統。
在服務器和客戶端之間共享應用邏輯。
受益于 .NET 的性能、可靠性和安全性。
始終高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
以一組穩定、功能豐富且易用的通用語言、框架和工具為基礎來進行生成。
本項目是利用 Bootstrap 樣式進行封裝的 UI 組件庫。
4.3 組件
Blazor應用基于組件。Blazor 中的組件是指 UI 元素，例如頁面、對話框或數據輸入窗體。
組件是內置到 .NET 程序集的 .NET 類，用來：
定義靈活的 UI 呈現邏輯。
處理用戶事件。
可以嵌套和重用。
可以作為 Razor 類庫或 NuGet 包共享和分發。
4.4 內置組件
內置組件?傳送門[2]
4.5 分支說明
master 穩定分支
dev 開發功能分支
publish 與演示網站同步
其他 均為臨時分支
4.6 演示地址
blazor.sdgxgz.com點擊跳轉?BootstrapBlazor[3]
4.7 項目截圖
下面是部分截圖，欲了解更多，請點擊上面鏈接查看。
Toggle開關
Toast輕量彈窗
卡片式預覽
堆棧式文件上傳進度
Bar圖
Pie圖
Doughnut圖
目前這個項目仍然在不斷地完善中， 如果你想參與進來，或者想看看這個項目更詳細的情況，那就點擊后面的鏈接去項目主頁看看吧。
[1]
原文鏈接:?https://zhuanlan.zhihu.com/p/147193082?utm_source=wechat_session&utm_medium=social&utm_oi=714039936084344832
[2]傳送門:?http://blazor.sdgxgz.com/alerts
[3]BootstrapBlazor:?http://blazor.sdgxgz.com
不妨點個“在看”或者轉發朋友圈
????點擊查看Bootstrap Blazor演示網站
總結
以上是生活随笔為你收集整理的用.NET进行客户端Web开发？看这个Bootstrap风格的BlazorUI组件库的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 一文说通Dotnet Core的后台任务
- 下一篇： 在Asp.NET Core中如何优雅的管