首页 > 系统相关 >生成 Windows 窗体 Blazor 应用 (WinForm+Bootstrap Blazor)

生成 Windows 窗体 Blazor 应用 (WinForm+Bootstrap Blazor)

时间:2024-11-18 12:30:30浏览次数:1  
标签:控件 blazorWebView1 Windows Bootstrap Form1 services BlazorWebView Blazor

官方文档有介绍如何用

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

相关文章

  • SIDCHGU(SIDCHGU64 在 64 位 Windows 上)1.0e 是一个命令行实用程序,用于将 Windows 用户
    SIDCHGU-用于复制或移动用户配置文件的实用程序概述SIDCHGU(SIDCHGU64在64位Windows上)1.0e是一个命令行实用程序,用于将Windows用户配置文件(包括带有子目录的用户主目录)从一个用户复制或移动到另一个用户,适用于Windows2022/11/2019/2016/10/8.1/2012R......
  • Windows11屏幕亮度调节不了【亮度调节显示灰色】,该如何解决?
    1、Esc+shift+ctrl -->  打开任务管理器,右键重新启动。2、恢复系统文件的完整性。3、打开NIVIDIA控制面板。把仅限NIVIDIAGPU换成自动选择就可以调节亮度了。注意:下边的应用点击一下。......
  • Windows regedir 注册表修改硬件配置信息
    前言全局说明Windowsregedir注册表修改硬件配置信息一、说明二、第十五课硬件设置1、启用CPU的二级缓存(需重启)位置:HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SessionManager\MemoryManagement值项:secondleveldatacache修改:我改成了200了,你呢2、修......
  • Windows10安装MySQL8.0.40
    官网地址https://www.mysql.com/环境查看Windows10MySQL8.0.40下载MySQL打开首页-下载-MySQL社区版本下载本次下载Window10的安装版本,其他系统如Linux,Mac可根据需要自行选择需要登录Oracle账号才能下载,如果没有账号则注册一个登录安装双击下载的软件开始......
  • Windows explorer 使用
    前言全局说明explorer在Windows中是资源管理器,也是系统的核心,如果被关闭,系统将没有桌面显示和看不到磁盘文件夹一、说明环境:Windows11家庭版23H222631.3737二、示例2.1打开zip压缩包explorer示例.zip2.2打开zip中exe文件explorerdepends22_x64.......
  • Microsoft Windows 官方 Sysinternals 实用工具索引
    前言全局说明MicrosoftWindows官方Sysinternals实用工具,是官方提供的系统监控工具,分为几大类一、说明主页:https://learn.microsoft.com/zh-cn/sysinternals/downloads/下载页:https://learn.microsoft.com/zh-cn/sysinternals/downloads/二、一级分类文件和磁盘实......
  • Windows查看zipfldr.dll动态库中的段函数
    前言全局说明dll是Win中的动态库,开发时想要调用其中的段函数,就要指定,但怎么知道dll中有哪些段函数呢?就需要用工具查看了。一、说明环境:Windows7旗舰版VisualStudio2013二、2.1文件名:2.2文件名:三、3.1文件名:3.2文件名:四、4.1文件名:......
  • Windows和mac OS共用VMware虚拟机
    在Windows下使用VMwareWorkstationPro创建的虚拟机,是以文件夹形式存储在硬盘中的,在macOS中对应的虚拟机产品是VMwareFusion,那么在Windows下创建的虚拟机怎么在macOS中使用呢?在下图中我们可以看到,Windows10是在Windows下创建的虚拟机。选择该目录,按下enter(回车)重命名,加......
  • 010 Including Bootstrap 4
    CDNGetstartedwithBootstrap·Bootstrapv5.3Template<!doctypehtml><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scal......
  • 提供的注册表配置段落包含了多个设置项,主要涉及Windows系统的首次运行体验(OOBE)和无人
    提供的注册表配置段落包含了多个设置项,主要涉及Windows系统的首次运行体验(OOBE)和无人值守安装(Unattend)。这些设置通常用于系统管理员或IT专业人员进行批量部署、自动化安装、以及配置系统。以下是对这些注册表键值的详细说明:1. 禁用用户首次运行体验(OOBE)plaintextCopyCode[HK......