开源 一套 Blazor Server 端精致套件

Blazor 做为一种 Web 开发的新技术已经发展有一段时间了，有些人标称 无 JS 无 TS，我以为有点误导新人的意味，也有人文章大肆宣传 Blazor 是 JavaScript 的终结者，是为了替代 JavaScript 而生的，我认为这些言论都太激进了太片面了。我对 Blazor 的理解是：

它仅仅是为开发人员开发 Web 应用是多了一种选择，多了一条路而已，使用 Blazor 组件能够远离 Javascript 与 css，开发 Blazor 组件仍是不能完全抛弃 Javascript 与 css

本人在码云开源了一个 后台通用权限管理平台 BootstrapAdmin -，一直想把这个平台实现一个 SPA 的版本，随着 Blazor 的兴起，我我的想尝试使用 Blazor Server 端方式实现，因为一直比较喜欢 Eleme UI 的风格，因而在网上找了一下能知足须要的组件，要么是很差看，要么功能不全，好比 Table 组件展现一下数据能够，可是作到增删改查还差的很远很远。做为一个代码洁癖的人最不能接受是代码拿下来编译一下，几百个警告信息，眼泪立马流了下来。恰好 4 月份时间比较空闲，以为利用一个月的时间本身写一套组件，因为出发点是想给 后台通用权限管理平台 BootstrapAdmin 使用，因此就叫了 BootstrapBlazor 这个名字。通过一个月时间的打磨，本套组件库已经基本完成，从简单的 button 组件到复杂的具有增删改查功能的 table 组件均可以正常使用了，虽然名字叫作 BootstrapBlazor，其实不少组件都是借鉴的 Eleme UI 跟 Ant Design 的，基本上组件都是本身手写 css 样式进行细致调整的。

Table 组件介绍

Table 组件是一个很是核心的组件，作好 Table 组件才能有核心竞争力，因此本人作了一个最强 Table 功能，一个 Table 组件完成一个单表维护，详情请看最后一个功能。

功能

• 默认样式无边框
• 斑马纹表格
• 边框表格
• 自带选择列表格
• 强类型数据绑定
• 分页表格
• 自带 Toolbar 表格
• 自带查询表格
• 固定表头表格
• 具有单表维护能力的表格

UI

经过上图能够看到 Table 头部左侧我放置了经常使用的操做按钮，负责 增长、删除、编辑 ；头部右侧放置了 搜索、刷新 等操做按钮；Table 内行也提供了 删除、编辑 快捷按钮；Table 底部是 分页 明细数据；组件采用先后端分离设计，开发人员只负责对数据的过滤操做便可。因为篇幅所限不作过多描述，各类功能请移步 演示地址 进行体验。

现将本套组件开源，诚心邀请各位大佬前来围观，而且帮忙点个 star

Gitee   地址为：https://gitee.com/LongbowEnterprise/BootstrapBlazor
Github 地址为：https://github.com/ArgoZhang/BootstrapBlazor

演示地址

http://blazor.sdgxgz.com/tables

很是期待 5 月 19 号的 Blazor wasm 正式版，因为以前一直不是正式版，因此本套组件也没有支持，等正式版出来后第一时间兼容 wasm 版

友情连接：

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