前面用iframe实现了多标签页,这次是不用iframe实现的多标签页.参考了一下Ant Design Blazor. 基本功能已经都实现了不论是标签滚动.激活.左移.右移.关闭其他,还是在内容页跳转.新增.关闭标签都有实现. 已经可以用来做实际项目 源码地址: https://github.com/liningit/BlazorWebassemblyMultiPagesTabNoIframe 实现原理是新建一个类继承RouteView,在此类里面的Render方法中可以通过RouteData获

Vue使用模板语法,Blazor使用祖传的Razor语法,从逻辑和方向上看,两者极为相似,比如: 都基于HTML 都通过声明式地将组件实例的状态(数据/方法)绑定到呈现的DOM上 都通过指令实现更加丰富的视图/HTML与逻辑/JS和C#的互动应用 底层机制都是通过虚拟DOM,实现差量更新 工程组建方式都基于组件树 都具有单文件组件特征 但在具体实现和语法上,两者有比较大的差异.给人的总体感觉就是,都很熟悉,但就是不太一样.以下仅对语法基础进行逐点比较,内容较多,目录如下: 标签内容绑定(单向)

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

最近准备用Blazor Webassembly做后台开发要用到多标签页,找了半天发现绝大多数都是Blazor Server的多标签没有Webassembly.没办法只能自己想办法造轮子了. 查了许多资料最后还是决定用iframe来实现,不过标签切换等逻辑是用c#代码实现的. 基本功能已经都实现了不论是标签滚动.激活.左移.右移.关闭其他,还是在内容页跳转.新增.关闭标签都有实现. 已经可以用来做实际项目 源码地址: https://github.com/liningit/BlazorWebass

在今年年初, 恰逢新春佳节临近的时候. 微软给全球的C#开发者们, 着实的送上了一分惊喜. 微软正式开源Blazor ,将.NET带回到浏览器. 这个小惊喜, 迅速的在dotnet开发者中间传开了. 而就在昨天(2018年3月22日) Blazor发布了它的第一次Release. Blazor到底是个什么样的东西呢?我们是否真的可以携着C#语言进入前端的市场中? 不如现在就跟我一起体验dotnet blazor吧. 首先 获取最新版的dotnet core 并安装Blazor模板: 安装 最新的

在今年年初, 恰逢新春佳节临近的时候. 微软给全球的C#开发者们, 着实的送上了一分惊喜. 微软正式开源Blazor ,将.NET带回到浏览器. 这个小惊喜, 迅速的在dotnet开发者中间传开了. 而就在昨天(2018年3月22日) Blazor发布了它的第一次Release. Blazor到底是个什么样的东西呢?我们是否真的可以携着C#语言进入前端的市场中? 不如现在就跟我一起体验dotnet blazor吧. 首先 获取最新版的dotnet core 并安装Blazor模板: 安装 最新的

在今年年初,恰逢新春佳节临近的时候.微软给全球的C#开发者们,着实的送上了一分惊喜.微软正式开源Blazor,将.NET带回到浏览器.     这个小惊喜,迅速的在dotnet开发者中间传开了.2018年3月22日Blazor发布了它的第一次Release Blazor到底是个什么样的东西呢?我们是否真的可以携着C#语言进入前端的市场中? 不如现在就跟我一起体验dotnet blazor吧. 一.前言 获取最新版的dotnet core 并安装Blazor模板: 安装 最新的.Net Core(

开发环境 Vs2019 16.3.1 dotnetcore 3.0 一.开始 新建webapp项目 dotnet new webapp -o projectname 或Vs 中新建项目选择 Web应用程序. 在StartUp.cs 中增加两处配置. ConfigureServices 方法: public void ConfigureServices(IServiceCollection services) { services.AddRazorPages(); services.AddServ

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

一.组件 支撑Blazor的是微软的两大成熟技术,Razor模板和SignalR,两者的交汇点就是组件.通常,我们从ComponentBase派生的类型,或者创建的.razor 文件,就可以称作组件.基于这两大技术,组件也就具备了两大功能,1.生成html片段:2.维护组件状态.这里我们来说一下组件最基本的功能,生成html片段. 二.RenderTreeBuilder,RenderFragment 我们知道,浏览器处理HTML 文档时会将所有的标签都挂到一颗文档树中,无论一段HTML来自哪里,

前言 上一篇介绍过了前后台分离的 NET Core 通用权限管理系统 在这篇文章简要的介绍了 Bootstrap Admin 后台管理框架的一些功能.本篇文章带来的是微软最新出的 Blazor 版本的 NET Core 通用权限管理系统 Blazor 简介 至于 Blazor 是什么,Blazor 的优缺点小伙伴们可以自行在园子里搜索一下,相关介绍还是非常多的,我这里就不介绍 Blazor 是什么,有什么优缺点了.我想阐述的是我个人对 Blazor 技术的一些理解,Blazor 刚出来的时候国内

通过一个小组件,熟悉 Blazor 服务端组件开发.github 一.环境搭建 vs2019 16.4, asp.net core 3.1 新建 Blazor 应用,选择 asp.net core 3.1. 根文件夹下新增目录 Components,放置代码. 二.组件需求定义 Components 目录下新建一个接口文件(interface)当作文档,加个 using using Microsoft.AspNetCore.Components;. 先从直观的方面入手. 类似 html 标签对的

简介 BlazAdmin 是一个基于Blazui的后台管理模板,无JS,无TS,非 Silverlight,非 WebForm,一个标签即可使用. 我将在下一篇文章讨论 Blazor 服务器端渲染与客户端渲染的基本原理,对比服务器端渲染与 WebForm 的异同点 经过近一个月的开发,BlazAdmin 尝鲜版终于搞定了,功能很有限,同时也存在很多问题,只集成了一个后台管理系统最基本的功能,包括: 选项卡式页面管理,无 Iframe 二级导航菜单 Identity 用户注册与登录,基于Cooki

标签: Blazor .Net 上一篇文章发了一个 BlazAdmin 的尝鲜版,这一次主要聊聊 Blazor 是如何做到用 C# 来写前端的,传送门:https://www.cnblogs.com/wzxinchen/p/12057171.html 飚车前 需要说明的一点是,因为我深入接触 Blazor 的时间也不是多长,顶多也就半年,所以这篇文章的内容我不能保证 100% 正确,但可以保证大致原理正确 另外,具有以下条件的园友食用这篇文章会更舒服: 了解 Http 请求响应模型及 Http

点击获取DevExpress v19.2.3最新完整版试用下载 DevExpress UI for Blazor在v19.1.8中可用,此次更新发布包括DevExpress Blazor组件的主要功能增强:新的数据网格.图表.TreeView和Tabs.本文将先为大家介绍事件源检测.图表.标签等功能,迎下载最新版试用体验>> TreeView Event Source检测 v19.1.8中扩展了TreeViewNodeEventArgs的功能,现在您可以使用TreeViewNodeEventA

标签: 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的是微软的两大成熟技术,Razor模板和SignalR,两者的交汇点就是组件.通常,我们从ComponentBase派生的类型,或者创建的.razor 文件,就可以称作组件.基于这两大技术,组件也就具备了两大功能,1.生成html片段:2.维护组件状态.这里我们来说一下组件最基本的功能,生成html片段. 二.RenderTreeBuilder,RenderFragment 我们知道,浏览器处理HTML 文档时会将所有的标签都挂到一颗文档树中,无论一段HTML来自哪里,

在今年年初, 恰逢新春佳节临近的时候. 微软给全球的C#开发者们, 着实的送上了一分惊喜. 微软正式开源Blazor ,将.NET带回到浏览器. 这个小惊喜, 迅速的在dotnet开发者中间传开了. 而就在昨天(2018年3月22日) Blazor发布了它的第一次Release. Blazor到底是个什么样的东西呢?我们是否真的可以携着C#语言进入前端的市场中? 不如现在就跟我一起体验dotnet blazor吧. 首先 获取最新版的dotnet core 并安装Blazor模板: 安装 最新的

前言 在两年多以前就听闻 Blazor 框架,是 .Net 之父的业余实验性项目,其目的是探索 .Net 与 WebAssembly 的兼容性和应用前景.现在这个项目已经正式成为 Asp.Net Core 框架的一部分,公开了预览版,官方教程也基本写好上线了.就着这个机会,顺便体验一下这个框架用起来如何. 之前在网上搜索 Blazor 的相关信息的时候发现吵得很厉害.前端开发者大多觉得有 Vue 之类的前端 MVVM 框架已经够用,没有 C# 插足的余地.甚至很多 C# 开发者也不知道这个框架的

本文主要分享我创建 Ant Design of Blazor 项目的心路历程,已经文末有一个 Blazor 线上分享预告. Blazor WebAssembly 来了! Blazor 这个新推出的前端 Web 框架,想必是去年 .NET Core 3.0 发布时才进入 .NET 开发者的视线的.但其实,那时发布的是服务端托管版,而真正具有跨时代意义的,是即将在今年5月发布的 WebAssembly 托管版. 我早在两年前,2017年底,就已经在 Steve Sanderson 的一篇博客中看到这