開源 一套 Blazor Server 端精緻套件

Blazor 做爲一種 Web 開發的新技術已經發展有一段時間了,有些人標稱 無 JS 無 TS,我以爲有點誤導新人的意味,也有人文章大肆宣傳 Blazor 是 JavaScript 的終結者,是爲了替代 JavaScript 而生的,我認爲這些言論都太激進了太片面了。我對 Blazor 的理解是:css

它僅僅是爲開發人員開發 Web 應用是多了一種選擇,多了一條路而已,使用 Blazor 組件能夠遠離 Javascript 與 css,開發 Blazor 組件仍是不能完全拋棄 Javascript 與 cssgit

本人在碼雲開源了一個 後臺通用權限管理平臺 BootstrapAdmin -,一直想把這個平臺實現一個 SPA 的版本,隨着 Blazor 的興起,我我的想嘗試使用 Blazor Server 端方式實現,因爲一直比較喜歡 Eleme UI 的風格,因而在網上找了一下能知足須要的組件,要麼是很差看,要麼功能不全,好比 Table 組件展現一下數據能夠,可是作到增刪改查還差的很遠很遠。做爲一個代碼潔癖的人最不能接受是代碼拿下來編譯一下,幾百個警告信息,眼淚立馬流了下來。恰好 4 月份時間比較空閒,以爲利用一個月的時間本身寫一套組件,因爲出發點是想給 後臺通用權限管理平臺 BootstrapAdmin 使用,因此就叫了 BootstrapBlazor 這個名字。通過一個月時間的打磨,本套組件庫已經基本完成,從簡單的 button 組件到複雜的具有增刪改查功能的 table 組件均可以正常使用了,雖然名字叫作 BootstrapBlazor,其實不少組件都是借鑑的 Eleme UI 跟 Ant Design 的,基本上組件都是本身手寫 css 樣式進行細緻調整的。github

Table 組件介紹

Table 組件是一個很是核心的組件,作好 Table 組件纔能有核心競爭力,因此本人作了一個最強 Table 功能,一個 Table 組件完成一個單表維護,詳情請看最後一個功能。後端

功能

  • 默認樣式無邊框
  • 斑馬紋表格
  • 邊框表格
  • 自帶選擇列表格
  • 強類型數據綁定
  • 分頁表格
  • 自帶 Toolbar 表格
  • 自帶查詢表格
  • 固定表頭表格
  • 具有單表維護能力的表格

UI

經過上圖能夠看到 Table 頭部左側我放置了經常使用的操做按鈕,負責 增長、刪除、編輯 ;頭部右側放置了 搜索、刷新 等操做按鈕;Table 內行也提供了 刪除、編輯 快捷按鈕;Table 底部是 分頁 明細數據;組件採用先後端分離設計,開發人員只負責對數據的過濾操做便可。因爲篇幅所限不作過多描述,各類功能請移步 演示地址 進行體驗。前後端分離

現將本套組件開源,誠心邀請各位大佬前來圍觀,而且幫忙點個 starui

Gitee   地址爲:https://gitee.com/LongbowEnterprise/BootstrapBlazor
Github 地址爲:https://github.com/ArgoZhang/BootstrapBlazor設計

演示地址

http://blazor.sdgxgz.com/tables3d

很是期待 5 月 19 號的 Blazor wasm 正式版,因爲以前一直不是正式版,因此本套組件也沒有支持,等正式版出來後第一時間兼容 wasm 版code

友情連接:

Ant.Design Blazor: http://github.com/ant-design-blazor/ant-design-blazor 演示地址: http://ant-design-blazor.gitee.ioblog

相關文章
相關標籤/搜索