在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 组件中； 。

2. App.razor 组件的作用
   

我们看到上图， 上线在组件外部有一个 Router 组件，用于注册路由组件，并且扫描 App 的实在程序集下所有的路由组件 。

Found 下的 DefaultLayout 则是默认绑定的 Layout 组件， 。

NotFound 则是当未找到路由时绑定的 Layout 的组件，当前代码都绑定到了 MainLayout 的组件，则所有路由都会使用 MainLayout 的组件.

3. MainLayout.razor 组件的作用 。

   当前组件的代码包括在 MApp 中，这是Masa Blazor的使用方法，所有 Masa Blazor 的组件都必须在 MApp 中使用，当前的 MainLayout.razor 组件使用的一个默认的布局，当加载指定页面的时候页面的组件会渲染在 @Body 中，这就相当于组件的布局的复用性，对于 Shared 的组件尽量都是 Layout 组件，或者菜单栏的组件，更容易复用.

4. Pages下的组件 。

看到上图，在 Pages/Index.razor 组件最上面有一个 @page "/" 的代码，这个是给当前的组件进行路由绑定，资源当加载 / 路由的时候就会将当前的组件加载到指定的 Layout 的组件中的 @Body 当中.

5. 组件复用
   

在日常项目当中，我建议创建 Components 文件夹，文件夹下面则是项目的界面的组件被细致拆分的组件，这样的好处就是组件易于复用，当然也会对于开发者来说需要一定的能力，但是对于组件界面的可维护性更好！ 。

结尾

来自token的分享 。

技术交流群：737776595 。

最后此篇关于在Winform中一分钟入门使用好看性能还好的BlazorHybrid的文章就讲到这里了,如果你想了解更多关于在Winform中一分钟入门使用好看性能还好的BlazorHybrid的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。