草庐IT

Blazor数据绑定

数据绑定Blazor支持在html元素中使用Razor语法进行绑定c#字段属性或值绑定语法在html标签中,添加@bind="xxxx"即可实现绑定@page"/bind"用户输入的:@inputValue用户输入的@InputValue@code{privatestring?inputValue;publicstring?InputValue{get;set;}}上面的代码实现了当输入完成后鼠标离开input输入框会触发绑定事件@bind:event和@bind的区别@bind绑定更新不是实时的只有鼠标离开输入框后才会触发@bind:event会实时更新数据格式化数据blazor目前只支持D

Blazor数据绑定

数据绑定Blazor支持在html元素中使用Razor语法进行绑定c#字段属性或值绑定语法在html标签中,添加@bind="xxxx"即可实现绑定@page"/bind"用户输入的:@inputValue用户输入的@InputValue@code{privatestring?inputValue;publicstring?InputValue{get;set;}}上面的代码实现了当输入完成后鼠标离开input输入框会触发绑定事件@bind:event和@bind的区别@bind绑定更新不是实时的只有鼠标离开输入框后才会触发@bind:event会实时更新数据格式化数据blazor目前只支持D

Blazor概述和路由

一Blazor基础入门1.1Blazor概述Blazor是一个使用Blazor生成交互式客户端WebUI的框架:使用c#代替javascript来创建信息丰富的交互式UI。共享使用.NET编写的服务器端和客户端应用逻辑。将UI呈现为HTML和CSS,以支持众多浏览器,其中包括移动浏览器。与新式托管平台(如Docker)集成。使用.NET和Blazor生成混合桌面和移动应用。1.2创建第一个Blazor项目打开vs2022选择创建新项目选择BlazorServer项目BlazorServer项目结构页面运行效果1.3Razor组件组件的概述微软官网对组件的解释为Blazor应用基于Razor组件

Blazor概述和路由

一Blazor基础入门1.1Blazor概述Blazor是一个使用Blazor生成交互式客户端WebUI的框架:使用c#代替javascript来创建信息丰富的交互式UI。共享使用.NET编写的服务器端和客户端应用逻辑。将UI呈现为HTML和CSS,以支持众多浏览器,其中包括移动浏览器。与新式托管平台(如Docker)集成。使用.NET和Blazor生成混合桌面和移动应用。1.2创建第一个Blazor项目打开vs2022选择创建新项目选择BlazorServer项目BlazorServer项目结构页面运行效果1.3Razor组件组件的概述微软官网对组件的解释为Blazor应用基于Razor组件

MAUI与Blazor共享一套UI,媲美Flutter,实现Windows、macOS、Android、iOS、Web通用UI

1.前言距离上次发《MAUI初体验:爽》一文已经过去2个月了,本计划是下半年或者明年再研究MAUI的,现在计划提前啦,因为我觉得MAUIBlazor挺有意思的:在Android、iOS、macOS、Windows之间共享UI,一处UI增加或者修改,就能得到一致的UI体验。看看这篇文章《BlazorHybrid/MAUI简介和实战》对MAUIBlazor的说明:MAUI.NET多平台应用程序UI(.NETMAUI)是一个跨平台框架,用于使用C#和XAML创建本机移动和桌面应用程序,使用.netMAUI,可以开发可在Android、iOS、macOS上运行的应用,Windows以及从单个共享代码库

MAUI与Blazor共享一套UI,媲美Flutter,实现Windows、macOS、Android、iOS、Web通用UI

1.前言距离上次发《MAUI初体验:爽》一文已经过去2个月了,本计划是下半年或者明年再研究MAUI的,现在计划提前啦,因为我觉得MAUIBlazor挺有意思的:在Android、iOS、macOS、Windows之间共享UI,一处UI增加或者修改,就能得到一致的UI体验。看看这篇文章《BlazorHybrid/MAUI简介和实战》对MAUIBlazor的说明:MAUI.NET多平台应用程序UI(.NETMAUI)是一个跨平台框架,用于使用C#和XAML创建本机移动和桌面应用程序,使用.netMAUI,可以开发可在Android、iOS、macOS上运行的应用,Windows以及从单个共享代码库

【ASP.NET Core】修改Blazor.Server的Hub地址后引发的问题

BlazorServer,即运行在服务器上的Blazor应用程序,它的优点是应用程序在首次运行时,客户端不需要下载运行时。但它的代码是在服务器上执行的,然后通过SignalR通信来更新客户端的UI,所以它要求必须建立WebSocket连接。用于Blazor应用的SignalRHub是 ComponentHub,默认的连接地址是/_blazor。多数时候我们不需要修改它,但人是一种喜欢折腾的动物,既然 MapBlazorHub方法的重载也允许我们修改地址,那咱们何不试试。app.MapBlazorHub("/myapp");app.MapFallbackToPage("/_Host");我把Co

【ASP.NET Core】修改Blazor.Server的Hub地址后引发的问题

BlazorServer,即运行在服务器上的Blazor应用程序,它的优点是应用程序在首次运行时,客户端不需要下载运行时。但它的代码是在服务器上执行的,然后通过SignalR通信来更新客户端的UI,所以它要求必须建立WebSocket连接。用于Blazor应用的SignalRHub是 ComponentHub,默认的连接地址是/_blazor。多数时候我们不需要修改它,但人是一种喜欢折腾的动物,既然 MapBlazorHub方法的重载也允许我们修改地址,那咱们何不试试。app.MapBlazorHub("/myapp");app.MapFallbackToPage("/_Host");我把Co

学习ASP.NET Core Blazor编程系列二十九——JWT登录(3)

学习ASP.NETCoreBlazor编程系列文章之目录学习ASP.NETCoreBlazor编程系列一——综述学习ASP.NETCoreBlazor编程系列二——第一个Blazor应用程序(上)学习ASP.NETCoreBlazor编程系列三——实体学习ASP.NETCoreBlazor编程系列五——列表页面学习ASP.NETCoreBlazor编程系列七——新增图书学习ASP.NETCoreBlazor编程系列八——数据校验学习ASP.NETCoreBlazor编程系列十三——路由(完)学习ASP.NETCoreBlazor编程系列十五——查询学习ASP.NETCoreBlazor编程系列

学习ASP.NET Core Blazor编程系列二十九——JWT登录(3)

学习ASP.NETCoreBlazor编程系列文章之目录学习ASP.NETCoreBlazor编程系列一——综述学习ASP.NETCoreBlazor编程系列二——第一个Blazor应用程序(上)学习ASP.NETCoreBlazor编程系列三——实体学习ASP.NETCoreBlazor编程系列五——列表页面学习ASP.NETCoreBlazor编程系列七——新增图书学习ASP.NETCoreBlazor编程系列八——数据校验学习ASP.NETCoreBlazor编程系列十三——路由(完)学习ASP.NETCoreBlazor编程系列十五——查询学习ASP.NETCoreBlazor编程系列