官方文档有介绍如何用
WinForm+ Blazor 生成应用, 生成 Windows 窗体 Blazor 应用
先按照官方文档
启动 Visual Studio。 在“开始”窗口中,选择“创建新项目”: 创建WinForm项目
起名为:WinFormsBlazor
框架我们选择:.NET 8.0
创建完成项目后,使用 NuGet 包管理器安装 Microsoft.AspNetCore.Components.WebView.WindowsForms NuGet 包。(这里如果框架是选的8.0,我们就必须要选择8.*的版本,不然后面无法加载出来 BlazorWebView 控件,我这里选择的是8.0.100
)
在“解决方案资源管理器”中,右键单击项目的名称 WinFormsBlazor,然后选择“编辑项目文件”以打开项目文件 (WinFormsBlazor.csproj
)。
在项目文件的顶部,将 SDK 更改为 Microsoft.NET.Sdk.Razor
:
<Project Sdk="Microsoft.NET.Sdk.Razor">
将更改保存到项目文件 (WinFormsBlazor.csproj)。
再在解决方案上右键,添加-》新建项目 添加Bootstrap Blazor项目 (怎么安装Bootstrap Blazor项目模板,请查看 官方文档:项目模板)。
创建完项目后 ,我们将BootStrap Blazor下的wwwroot整个文件夹复制到WinForm项目根目录,复制完后 WinForm项目目录结构如下。
在将具有以下标记的 index.html
文件添加到 wwwroot
文件夹。
wwwroot/index.html
:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>WinFormsBlazor</title> <base href="/" /> <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" /> <link href="css/app.css" rel="stylesheet" /> <!-- 需引用 BootstrapBlazor.FontAwesome 包 !--> <link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet"> <link href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" rel="stylesheet"> <link href="WinFormsBlazor.styles.css" rel="stylesheet" /> </head> <body> <div id="app">Loading...</div> <div id="blazor-error-ui" data-nosnippet> An unhandled error has occurred. <a href="" class="reload">Reload</a> <a class="dismiss"> 标签:控件,blazorWebView1,Windows,Bootstrap,Form1,services,BlazorWebView,Blazor From: https://www.cnblogs.com/bluesuipian/p/18552205