系列目录 【已更新最新开发文章,点击查看详细】
Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:
- 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。
- 共享使用 .NET 编写的服务器端和客户端应用逻辑。
- 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。
- 与新式托管平台(如 Docker)集成。
使用 .NET 进行客户端 Web 开发可提供以下优势:
- 使用 C# 代替 JavaScript 来编写代码。
- 利用现有的 .NET 库生态系统。
- 在服务器和客户端之间共享应用逻辑。
- 受益于 .NET 的性能、可靠性和安全性。
- 在 Windows、Linux 和 macOS 上使用 Visual Studio 保持高效工作。
- 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。
1、Ant Design Blazor
Ant Design Blazor是一套基于 Ant Design 和 Blazor 的企业级组件库。
特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 Blazor 组件,可在多种托管方式共享。
- 支持基于 WebAssembly 的客户端和基于 SignalR 的服务端 UI 事件交互。
- 支持渐进式 Web 应用(PWA)
- 使用 C# 构建,多范式静态语言带来高效的开发体验。
- 基于 .NET Standard 2.1 / .NET 5,可直接引用丰富的 .NET 类库。
- 可与已有的 ASP.NET Core MVC、Razor Pages 项目无缝集成。
支持环境
- .NET Core 3.1 / .NET 5。
- Blazor WebAssembly 3.2 /.NET 5 正式版。
- 支持服务端双向绑定。
- 支持 WebAssembly 静态文件部署。
- 主流 4 款现代浏览器,以及 Internet Explorer 11 (限 Blazor Server)。
- 可直接运行在 Electron 等基于 Web 标准的环境上。
由于 WebAssembly 的限制,Blazor WebAssembly 不支持 IE 浏览器,但 Blazor Server 支持 IE 11 。 详见官网说明。
开源地址:https://gitee.com/ant-design-blazor/ant-design-blazor
2、Bootstrap of Blazor
BootstrapBlazor 是一套基于 Bootstrap 和 Blazor 的企业级组件库,可以认为是 Bootstrap 项目的 Blazor 版实现。
由于 Bootstrap UI 框架目前版本对 jQuery 有依赖,所以我们的 BootstrapBlazor 对 jQuery 也是有依赖
依赖关系为:BootstrapBlazor > Bootstrap > jQuery
官网:https://www.blazor.zone
3、jQWidgets
官网:https://www.htmlelements.com/blazor
系列目录 【已更新最新开发文章,点击查看详细】