最近,在 Ant Design Blazor 组件库中实现多标签页组件的呼声日益高涨.于是,我利用周末时间,结合 Blazor 内置路由组件实现了基于 Tabs 组件的 ReuseTabs 组件. 前言 Blazor 是 .NET 最新的前端框架,可以基于 WebAssembly 或 SignalR (WebSocket)构建前端应用程序,基于 WebAssembly 托管模型的 Blazor 甚至可以离线运行.再加上可以共用 .NET 类库,能使代码量比以往的基于 JS 的前后端分离模型少 1…

翻译自 Waqas Anwar 2021年5月21日的文章 <A Developer's Guide To Blazor Component Libraries> [1] Blazor 的核心是组件,我们创建不同类型的组件并在整个项目中重用它们.没有人想重复造轮子,因此创建一个可重用的 Blazor 组件库始终是一个好主意,这些组件不仅可以在多个项目之间共享,还可以作为 NuGet 包与其他人共享.Blazor 允许我们基于一个名为 Razor 类库(Razor Class Library)的…

原文链接:https://www.cnblogs.com/ysmc/p/16133351.html 在 Bootstrap 中,栅格相信大家都很熟悉,简直就是布局神器啊,Bootstrap Blazor 组件库当然毫无意外地支持该功能,并且封装成了组件,使用更加方便,下面我们一起来看看吧! 首先,这是官网关于 Row 组件的文档链接:传送门 按照惯例,直接上代码! <div style="margin:10px"> <Row ItemsPerRow="Ite…

项目介绍 Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 使用 .NET 进行客户端 Web 开发可提供以下优势: 使用 C# 代替 JavaScript 来编写代码. 利用现有的 .NET 库生态系统. 在服务器和客户端之间共享应用逻辑. 受益于 .NET 的性能.…

标签: Blazor Blazui文档 Blazui 传送门 Blazor 组件库 Blazui 开发第一弹[安装入门]https://www.cnblogs.com/wzxinchen/p/12096092.html Blazor 组件库 Blazui 开发第二弹[按钮组件]https://www.cnblogs.com/wzxinchen/p/12096956.html Blazui 是什么? Blazui 发布有段时间了,但一直没有写相关的文章,现在抽时间写点. 九个月前,我想用 Blaz…

组件解决的问题 由于Blazor在与服务器连接时使用了Websocket,仅在第一次连接时会走原MVC的连接逻辑.所以,我们无法在这个过程中完成例如身份认证.cookie处理等操作. 此组件即为解决此类问题准备的. 组件用法 官网文档可以直接查阅 这里给出一部分代码: 在页面上添加<Ajax></Ajax>的组件引用 @inject AjaxService AjaxService注入AjaxService var option = new AjaxOption { Url = &q…

组件介绍 Editor组件是对Summernote 组件的二次封装. 组件分为div模式和editor模式. 默认状态下editor模式的组件样子如下: 其代码如下: <Editor @bind-Value="@EditorValue" IsEditor="true"></Editor> 我们可以通过@bind-Value来绑定到字段中. 组件的其他属性 IsEditor:是否默认显示为编辑器,默认为false,即显示为一个div,只有在di…

MASA Blazor是一个Blazor的UI组件库.就像大家写前端熟知的Bootstrap, Ant Design一样. MASA Blazor官网地址:https://blazor.masastack.com MASA Blazor Github地址:https://github.com/BlazorComponent/MASA.Blazor MASA Blazor Pro演示地址:https://blazor-pro.masastack.com/dashboards/ecommerce M…

前言 大家好,我是开源项目 MASA Blazor 主要开发者之一,如果你还不了解MASA Blazor,可以访问我们的 官网 和博客 <初识MASA Blazor> 一探究竟.简单来说,MASA Blazor 是一个基于 Material Design 设计语言的 Blazor 组件库,dotNET开发者只需或者甚至不需要懂得 javascript 就能开发一个企业级中后台系统. 我这次分享的主题是<使用MASA Blazor开发一个标准的查询表格页>,我会先从创建项目开始手撸一…

1.什么是Blazor? 有什么优势? ASP.NET Core Blazor 简介 Blazor 是一个使用 Blazor 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 与新式托管平台(如 Docker)集成. Blazor 优势: 1. 使用 C# 代替 JavaScript 来编写代码. 2…