BootstrapBlazor企业级组件库:前端开发的革新之路

简介: BootstrapBlazor企业级组件库:前端开发的革新之路

作为一名Web开发人员,开发前端我们一般都是使用JavaScript,而Blazor就是微软推出的基于.Net平台交互式客户Web UI 框架,可以使用C#替代JavaScript,减少我们的技术栈、降低学习前端的成本。


而采用Blazor开发,少不了需要封装UI控件,所以今天给大家推荐一套基于Bootstrap风格的Blazor企业级UI组件库。


01 项目简介


BootstrapBlazor是一个用于构建现代Web应用程序的开源框架,它基于Blazor框架,采用Bootstrap的UI样式。Blazor框架允许使用C#代替JavaScript来创建丰富的交互式UI,并将UI呈现为HTML和CSS,支持在众多浏览器中运行,包括移动浏览器。


02 项目特性


1、开箱即用、丰富的企业级Blazor组件,除了兼容Bootstrap的样式库外,还额外增加了100多个组件;


2、支持基于WebAssembly客户端和SignalR服务端UI事件交互;


3、支持渐进式Web应用程序;


4、支持.Net5+;


5、支持ASP.NET CoreMVC、Razor Pages的项目。


03 部分组件截图


1、布局组件

2、导航组件

3、表单组件

4、图表

5、按钮

6、表格


04 项目地址


https://github.com/dotnetcore/BootstrapBlazor


更多开源项目请查看:一个专注推荐.Net开源项目的榜单


- End -


推荐阅读


一个C#扩展库,让Dapper的CRUD操作更简单


一个改善Entity Framework异常处理和错误信息的开源项目


一个非常最有争议的的C#语法


程序员,真有必要了解架构吗?


.NET开源项目PowerArgs,将命令行参数转换为.NET对象,让程序更方便!

相关文章
|
2月前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
2月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
126 0
|
2月前
|
前端开发 JavaScript
前端项目公共组件封装思想
该文介绍了如何封装通用组件,如表单搜索、表格展示和分页器。首先,通过抽离出公共部分,创建`TableContainer`组件,利用具名插槽插入`navbar`和`table`,并通过props传递标题。然后在父组件中使用具名插槽和子组件实现具体功能。文中还展示了更复杂的组件封装示例,通过props实现数据双向绑定,以`el-pagination`为例,利用`sync`修饰符和`computed`属性监听并更新父组件状态,实现分页功能。文章最后提到了内容来源于哪。
|
10天前
|
前端开发 JavaScript 数据管理
引领潮流:React框架在前端开发中的革新与实践
React,始于2013年,由Facebook驱动,以其组件化、Virtual DOM、单向数据流和Hooks改革前端。组件化拆分UI,提升代码复用;Virtual DOM优化渲染性能;Hooks简化无类组件的状态管理。庞大的生态系统,包括Redux、React Router等库,支持各种需求。例如,`useState` Hook在计数器应用中实现状态更新,展示React的实用性。React现已成为现代Web开发的首选框架。【6月更文挑战第24天】
55 2
|
2天前
|
前端开发
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
ElementPlus卡片如何能够一行呈四,黑马UI前端布局视频资料,element样式具体的细节无法修改,F12找到那个位置,可能在其他组件写了错误,找到那个位置,围绕着位置解决问题最快了,卡片下边
|
1月前
|
前端开发
前端react入门day02-React中的事件绑定与组件
前端react入门day02-React中的事件绑定与组件
|
9天前
|
前端开发 JavaScript 小程序
技术经验解读:你所不知的十二个前端组件库
技术经验解读:你所不知的十二个前端组件库
|
11天前
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
2月前
|
前端开发
前端进度条组件NProgress
前端进度条组件NProgress
33 1
前端进度条组件NProgress
|
2月前
|
JavaScript 前端开发 API
【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!

热门文章

最新文章