在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的分享返回搜狐,查看更多