Bootstrap Blazor 组件库

项目介绍

Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:

  • 使用 C# 代替 JavaScript 来创建丰富的交互式 UI。

  • 共享使用 .NET 编写的服务器端和客户端应用逻辑。

  • 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。

使用 .NET 进行客户端 Web 开发可提供以下优势:

  • 使用 C# 代替 JavaScript 来编写代码。

  • 利用现有的 .NET 库生态系统。

  • 在服务器和客户端之间共享应用逻辑。

  • 受益于 .NET 的性能、可靠性和安全性。

  • 始终高效支持 Windows、Linux 和 macOS 上的 Visual Studio。

  • 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。

本项目是利用 Bootstrap 样式进行封装的 UI 组件库

组件

Blazor应用基于组件。 Blazor 中的组件是指 UI 元素,例如页面、对话框或数据输入窗体。

组件是内置到 .NET 程序集的 .NET 类,用来:

  • 定义灵活的 UI 呈现逻辑。

  • 处理用户事件。

  • 可以嵌套和重用。

  • 可以作为 Razor 类库或 NuGet 包共享和分发。

项目截图

内置组件

码云地址:https://gitee.com/LongbowEnterprise/BootstrapBlazor

演示地址:http://blazor.sdgxgz.com/toasts

(0)

相关推荐

  • 如何选择一个 vue ui 框架?

    目录 1,比较流行的 UI 框架有哪些? 1.1 适用 PC 端 1.2 适用移动端 1.3 其它 2,vuetify 是什么,为什么选择它? 2.1 Vuetify给出的 vue ui 框架对比图 ...

  • MAUI终于要来了,7大看点!

    前言 .NET 6 preview已经上线,是时候为在BUILD 2020上宣布的新.NET Multi-platform App UI(MAUI)做准备了.对于客户端应用程序开发人员来说,这一年.N ...

  • Blazor 基础入门

    dotNET跨平台 今天 以下文章来源于amazingdotnet ,作者WeihanLi Blazor 基础知识 Intro Blazor 是微软在 .NET 里推出的一个 WEB 客户端 UI 交 ...

  • Blazor 初探

    dotNET跨平台 今天 以下文章来源于独立观察员博客 ,作者独立观察员DLGCY 独立观察员博客独立观察员·博客 http://dlgcy.com/ 的微信订阅号. Blazor 初探 目录 一.新 ...

  • 温故知新,.Net Core遇见Blazor(FluentUI),属于未来的SPA框架

    TaylorShi dotNET跨平台 今天什么是BlazorBlazor是一个使用.NET生成交互式客户端WebUI的框架:使用C#代替JavaScript来创建信息丰富的交互式UI.共享使用.NE ...

  • 移动端UI一致性解决方案

    总第424篇 2020年 第48篇 外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低整体视觉改版带来的研发成本.外卖技 ...

  • 【转载】Bootstrap Blazor 组件介绍 Table (一)自动生成列功能介绍

    原文链接:https://www.cnblogs.com/argozhang/p/14067391.html#4760067 Bootstrap Blazor 是一套企业级 UI 组件库,适配移动端支 ...

  • BootstrapBlazor 组件库使用体验---Table篇

    原文地址:https://www.cnblogs.com/ysmc/p/13323242.html Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 Ja ...

  • VS2019  .net core  更换bootstrap版本

    开发环境:VS2019 ​使用.netcore若选择了默认MVC模板,那么其将为整个模板添加bootstrap,但有时其bootstrap版本可能并不是你需要的,若需要更改其版本,可在libman.j ...

  • 如何自己动手搭建一个完美的组件库?

    今天 以下文章来源于前端加加 ,作者广州peen 如何做一个组件库?本篇文章不会讲一个小的组件如何设计,而是会整体讲一个"逼近完美"的组件库是怎么设计的. 组件库划分 要想设计一个 ...

  • 前端工程化实践,从建一个属于自己的组件库开始

    不装逼的程序员 今天 你们有没有听说过「前端工程化」这个词?相信最近去大厂面试的朋友们一定不陌生,因为现在大厂面试都对「前端工程化」有要求. (图片来源于:Boss直聘) 为什么大厂会着重考察前端工程 ...

  • 如何修改组件库源码来封装符合自己需求的组件?

    Vue中文社区 昨天 作者:Huup_Wehttps://juejin.cn/post/6917771825808146446 前端开发的同学们或许会遇到这样的问题:产品中需要实现某项功能,常用的 e ...

  • "地址"组件:<address> —— 快应用组件库H-UI

     <import name="address" src="../Common/ui/h-ui/advance/c_address"></im ...

  • 搭建企业CBB组件库?金蝶PLM轻松搞定!

    在现代研发管理思想中,为了缩短产品的上市周期,降低产品的研发成本,提升质量,逐渐形成异步开发和共用构建模块(Common Building Block)的管理方法:产品开发过程中利用已经开发好的CBB ...

  • 【老孟Flutter】41个酷炫的 Loading 组件库

    老孟导读:目前 loading 库中包含41个动画组件,还会继续添加,同时也欢迎大家提交自己的 loading 动画组件或者直接微信发给我也可以. Github 地址:https://github.c ...

  • 可视化拖拽组件库一些技术要点原理分析

    本文主要对以下技术要点进行分析: 编辑器 自定义组件 拖拽 删除组件.调整图层层级 放大缩小 撤消.重做 组件属性设置 吸附 预览.保存代码 绑定事件 绑定动画 导入 PSD 手机模式 为了让本文更加 ...