在Winform中一分钟入门使用好看性能还好的Blazor Hybrid
2023/5/22 1:52:06
本文主要是介绍在Winform中一分钟入门使用好看性能还好的Blazor Hybrid,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在Winform中一分钟入门使用好看性能还好的Blazor Hybrid
安装模板
dotnet new install Masa.Template::1.0.0-rc.2
创建 Winform的Blazor Hybrid项目
dotnet new masablazor-winform -n WinformDesktop
创建完成打开项目文件WinformDesktop.csproj
文件
打开以后的项目文件,启动项目
这是提供的简单的项目Demo
我们只需要使用masa Blazor提供的模板,一分钟入门使用,你要做的只需要去Masa Blazor组件库去CV代码,
并且Masa Blazor也提供了Blazor在线编辑器去体验Masa Blazor的组件
MASA Try (masastack.com) 可以通过这个地址访问,支持在线编辑Masa Blazor组件,动态渲染。
Blazor分层简单讲解
1. 在Winform的MainFrom的文件中存在一下代码
首先流程是先创建一个ServiceCollection
,用于注册服务,在和BlazorWebView进行绑定!将指定的html和BlazorWebView绑定以后在对于html内的id为app
的元素进行Blazor组件的绑定绑定到Blazor组件的App
组件中;
-
App.razor
组件的作用
我们看到上图, 上线在组件外部有一个Router
组件,用于注册路由组件,并且扫描App
的实在程序集下所有的路由组件
Found
下的DefaultLayout
则是默认绑定的Layout
组件,
NotFound
则是当未找到路由时绑定的Layout
的组件,当前代码都绑定到了MainLayout
的组件,则所有路由都会使用MainLayout
的组件。
-
MainLayout.razor
组件的作用当前组件的代码包括在
MApp
中,这是Masa Blazor的使用方法,所有Masa Blazor
的组件都必须在MApp
中使用,当前的MainLayout.razor
组件使用的一个默认的布局,当加载指定页面的时候页面的组件会渲染在@Body
中,这就相当于组件的布局的复用性,对于Shared
的组件尽量都是Layout
组件,或者菜单栏的组件,更容易复用。 -
Pages下的组件
看到上图,在Pages/Index.razor
组件最上面有一个@page "/"
的代码,这个是给当前的组件进行路由绑定,资源当加载/
路由的时候就会将当前的组件加载到指定的Layout
的组件中的@Body
当中。
- 组件复用
在日常项目当中,我建议创建Components
文件夹,文件夹下面则是项目的界面的组件被细致拆分的组件,这样的好处就是组件易于复用,当然也会对于开发者来说需要一定的能力,但是对于组件界面的可维护性更好!
结尾
来自token的分享
技术交流群:737776595
这篇关于在Winform中一分钟入门使用好看性能还好的Blazor Hybrid的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?