创建和运行模糊 Web 助理项目

页面创建日期 :

环境

Visual Studio
  • Visual Studio 2019
.NET
  • .NET 5.0

获取和安装视觉工作室

使用视觉工作室开发模糊项目。 下面介绍如何获取和设置视觉工作室。

其他步骤可能很麻烦,但您可以使用视觉工作室代码进行开发。 (此处不作任何解释)

创建布莱佐尔网络项目

从"开始"菜单中选择"视觉工作室 2019"。 此处的版本为 2019,但您可以在更高版本中创建项目。

选择创建新项目。

在上面的搜索输入字段中输入"Blazor"将显示一个列表,因此请选择"Blazor WebAssembly 应用",然后单击"下一步"按钮。

项目名称并不重要,但此处为"混合 Web 子示例"。 您可以在任何地方创建项目。 解决方案名称是自动填充的,因此您可以保持原样。

目标框架是"。 NET 核心 3.1 或更高版本。 这里是最新的"。 NET 5.0。 其余部分保留为默认值。 完成后,单击"创建"按钮。

将显示视觉工作室主窗口 (IDE),并且项目已创建。 窗口布局可能因首选项而异,但不会影响开发。

指定的文件夹创建与项目相关的文件。 项目不会影响此文件夹上方的层次结构(外部),因此,如果您不再需要每个文件夹,则可以删除所有文件夹。

运行(调试运行)

由于在项目创建状态下生成了一个小示例,因此可以按原样运行它。 单击工具栏上的 IIS 表达式以运行它。 在您自己的环境中创建一个简单的 Web 服务器"IIS 快递",您可以在其中运行"混合"应用。 此 IIS 表达式在完成调试时自动结束。

顺便说一下,在混合 WebAssembly 调试运行中,Web 服务器仅用于下载应用。

生成开始一段时间后,生成完成,Web 浏览器启动。 将显示 Web 屏幕,但所有这些屏幕都完全由客户端处理完成(访问服务器资源除外)。 通常,Web 应用的客户端处理通常使用 Java 脚本创建,但 Blazor 可以使用 WebAssembly 机制在 C# 中创建它。

以下是每次单击时增加计数的过程。 这些不刷新屏幕的过程通常用 Javascript 编写,但它们也在 C# 中实现。

这是从服务器下载 JSON 文件并显示列表的屏幕。

停止调试运行

如果 Web 浏览器单独启动,则关闭 Web 浏览器将结束调试运行,但如果在已启动的 Web 浏览器的新选项卡中打开该选项卡,则关闭该选项卡不会结束调试运行。

在这种情况下,请单击 Visual 工作室工具栏中的"停止调试"按钮。

开发结束

基本上,您可以像完成任何其他项目一样完成视觉工作室。 如果某些文件尚未保存,则会显示保存确认。

再次开发时,可以打开"xxxxxx.sin"文件,也可以从那里打开它,因为当您启动 Visual Studio 时,历史记录会显示出来。