在Winform中一分鐘入門使用好看性能還好的Blazor Hybrid
安裝模板
dotnet new install Masa.Template::1.0.0-rc.2
創(chuàng)建 Winform的Blazor Hybrid項(xiàng)目
dotnet new masablazor-winform -n WinformDesktop
創(chuàng)建完成打開項(xiàng)目文件WinformDesktop.csproj文件
打開以后的項(xiàng)目文件，啟動項(xiàng)目
這是提供的簡單的項(xiàng)目Demo
我們只需要使用masa Blazor提供的模板，一分鐘入門使用，你要做的只需要去Masa Blazor組件庫去CV代碼，
并且Masa Blazor也提供了Blazor在線編輯器去體驗(yàn)Masa Blazor的組件
MASA Try (masastack.com) 可以通過這個地址訪問，支持在線編輯Masa Blazor組件，動態(tài)渲染。
Blazor分層簡單講解
? 1. 在Winform的MainFrom的文件中存在一下代碼
首先流程是先創(chuàng)建一個ServiceCollection，用于注冊服務(wù)，在和BlazorWebView進(jìn)行綁定！將指定的html和BlazorWebView綁定以后在對于html內(nèi)的id為app的元素進(jìn)行Blazor組件的綁定綁定到Blazor組件的App組件中；
-
App.razor組件的作用
我們看到上圖， 上線在組件外部有一個Router組件，用于注冊路由組件，并且掃描App的實(shí)在程序集下所有的路由組件
Found下的DefaultLayout則是默認(rèn)綁定的Layout組件，
NotFound則是當(dāng)未找到路由時綁定的Layout的組件，當(dāng)前代碼都綁定到了MainLayout的組件，則所有路由都會使用MainLayout的組件。
-
MainLayout.razor組件的作用
當(dāng)前組件的代碼包括在
MApp中，這是Masa Blazor的使用方法，所有Masa Blazor的組件都必須在MApp中使用，當(dāng)前的MainLayout.razor組件使用的一個默認(rèn)的布局，當(dāng)加載指定頁面的時候頁面的組件會渲染在@Body中，這就相當(dāng)于組件的布局的復(fù)用性，對于Shared的組件盡量都是Layout組件，或者菜單欄的組件，更容易復(fù)用。 -
Pages下的組件
看到上圖，在Pages/Index.razor組件最上面有一個@page "/"的代碼，這個是給當(dāng)前的組件進(jìn)行路由綁定，資源當(dāng)加載/路由的時候就會將當(dāng)前的組件加載到指定的Layout的組件中的@Body當(dāng)中。
- 組件復(fù)用
在日常項(xiàng)目當(dāng)中，我建議創(chuàng)建Components文件夾，文件夾下面則是項(xiàng)目的界面的組件被細(xì)致拆分的組件，這樣的好處就是組件易于復(fù)用，當(dāng)然也會對于開發(fā)者來說需要一定的能力，但是對于組件界面的可維護(hù)性更好！
結(jié)尾
Masa Blazor
來自token的分享文章來源：http://www.zghlxwxcb.cn/news/detail-453689.html
技術(shù)交流群：737776595文章來源地址http://www.zghlxwxcb.cn/news/detail-453689.html
到了這里，關(guān)于在Winform中一分鐘入門使用好看性能還好的Blazor Hybrid的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
