查看原文
其他

开源一套Blazor Server端精致套件

DotNet 2021-09-23

(给DotNet加星标,提升.Net技能

转自:ArgoZhang
cnblogs.com/argozhang/p/12830202.html

前言


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


我对Blazor的理解是:


它仅仅是为开发人员开发 Web 应用是多了一种选择,多了一条路而已,使用Blazor组件可以远离Javascript与CSS,开发Blazor组件还是不能彻底抛弃Javascript与CSS。


本人在码云开源了一个 后台通用权限管理平台 BootstrapAdmin (https://gitee.com/LongbowEnterprise/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 底部是 分页 明细数据;


组件采用前后端分离设计,开发人员只负责对数据的过滤操作即可。


由于篇幅所限不做过多描述,各种功能请移步


演示地址:http://blazor.sdgxgz.com/tables进行体验。


现将本套组件开源,诚心邀请各位大佬前来围观,并且帮忙点个 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


推荐阅读  点击标题可跳转
C#写个小程序爬取漫画C#9.0新特性预览 类型推导的new.NET Core为x86和x64程序集编写AnyCPU包装


看完本文有收获?请转发分享给更多人

关注「DotNet」加星标,提升.Net技能 

好文章,我在看❤️

: . Video Mini Program Like ,轻点两下取消赞 Wow ,轻点两下取消在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存