学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(下)
五、启动第一个Blazor应用程序
8.按F5在调拨模式下运行这个应用程序或者按Ctrl+F5在不调试模式下运行这个应用程序。
第一次在Visual Studio 2022 中运行Web应用程序时,它将为HTTPS托管该应用程序设置开发证书,会弹出两个提示您信任证书的对话框,分别是“信任ASP.NET Core SSL证书”和“信任IIS Express 证书”。如下三个图。我们建议您同意信任该证书,使用鼠标点击“是”按钮。证书将仅用于本地开发。
图2-11
图2-12
图2-13
9.在两个证书安装完成之后,等待应用程序在浏览器中启动。如果见到如下图,证明第一个Blazor应用程序成功运行!
图2-14
- Visual Studio 2022 将启动BlazorAppDemo.exe运行Blazor应用程序。注意,地址栏显示“localhost:端口”而不是域名(如www.cnblogs.com)。这是因为localhost是本地计算机的标准主机名。当Visual Studio 2022创建Web项目时,Web服务器使用随机端口。在上面的图片中,端口号是7110。浏览器中的URL显示“http://localhost: 7110/”。你运行应用程序时,可能会看到一个不同的端口号。
10.在Visual Studio 2022的解决方案资源管理器中,Pages\Index.razor文件,打开。代码如下。
@page "/" <PageTitle>Index</PageTitle> <h1>Hello, world!</h1> Welcome to your new app. <SurveyPrompt Title="How is Blazor working for you?" />
12.在Visual Studio 2022的工具栏上,点击“热加载”按钮。如下图中的红框所示。
“热重载”,可以编辑应用程序的代码文件并将代码更改立即应用于正在运行的应用程序。 应用更改后,通过在应用中执行操作(或通过某种计时器等)再次重新执行代码并立即查看更改;不需要通过断点暂停应用!
图2-15
13.不需要重新启动应用程序,不需要刷新浏览器,就可以查看代码更改之后的结果。如下图中。
图2-16
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
2019-09-10 abp(net core)+easyui+efcore实现仓储管理系统——菜单-下(十七)