幸运号 发表于 2023-12-8 18:06:44

在winform中使用blazor hybrid构建页面

1、Blazor Hybrid简介

Blazor Hybrid 使开发人员能够将桌面和移动本机客户端框架与 .NET 和 Blazor 结合使用。在 Blazor Hybrid 应用中,Razor 组件在设备上是本机运行的。 这些组件通过本地互操作通道呈现到嵌入式 Web 视图控件。 组件不在浏览器中运行,并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码,这些组件可通过 .NET 平台完全访问设备的本机功能。

2、效果


3、步骤

如果对在winform中使用blazor hybrid感兴趣的话,可以继续往下阅读,看看具体的实现步骤是怎样的。
正常创建winform

创建一个winform,我这里使用的是.NET 8,如下所示:

安装NuGet包

安装Microsoft.AspNetCore.Components.WebView.WindowsForms,如下所示:


更改csproj文件

在“解决方案资源管理器”中,右键单击项目的名称 ,然后选择“编辑项目文件”,如下所示:

在项目文件的顶部,将 SDK 更改为 Microsoft.NET.Sdk.Razor,如下所示:

点击保存,保存之后,你会发现你的项目变成了这样,如下所示:

添加_Imports.razor 文件

_Imports.razor 文件添加到项目的根目录。如下所示:

_Imports.razor中的内容为:
@using Microsoft.AspNetCore.Components.Web如下所示:

添加index.html 文件

先将 wwwroot 文件夹添加到该项目。
再将具有以下标记的 index.html 文件添加到 wwwroot 文件夹。



   
   
   WinFormsBlazor
   
   
   




   Loading...

   
     An unhandled error has occurred.
       Reload
       <a class="dismiss">
来源:https://www.cnblogs.com/mingupupu/archive/2023/12/08/17888646.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 在winform中使用blazor hybrid构建页面