VS 2019教程：创建ASP.NET Core Web App

太过爱你忘了你带给我的痛 2023-06-13 09:18 20阅读 0赞

**启动Visual Studio 2019并创建一个新项目**

启动Visual Studio 2019，然后单击Create new project。选择“ASP.NET Core Web Application.”。选择Web应用程序模板，并保留默认项目名称和位置。在带有ASP.NET Core版本的下拉列表中，选择ASP.NET Core 2.1或ASP.NET Core 2.2。点击Create。有关更多详细说明，请参阅本教程系列中的[上一篇文章][Link 1]。

![vs2019-choose-aspnetcore-project.png][]

注意，本教程与ASP.NET Core 3.x不兼容，所以请确定选择的是ASP .NET Core 2.1或ASP.NET Core 2.2。

**探索新项目**

在右侧的解决方案资源管理器窗口中，您可以查看新项目的内容。

![format_png][]

**wwwroot**

wwwroot文件夹包含静态文件，可以从web应用程序公开访问这些文件。它通常包含样式表、客户端脚本文件和图像。

**Pages**

Pages文件夹包含网站的Razor Pages。默认模板提供了多个页面，包括应用程序主页的Index.cshtml页面以及About、Contact等。

**appsettings.json**

此文件以JSON格式保存网站的配置设置。

**Program.cs**

该文件充当应用程序的入口点。运行该应用程序时，其Main方法是第一个运行的方法，负责创建包含该应用程序的Web主机。

**Startup.cs**

在Program.cs中创建的Web主机引用Startup类并调用其方法来配置应用程序。ConfigureServices方法负责设置应用程序将使用的服务。该Configure方法设置应用程序的HTTP请求管道，每个请求都将通过此管道，并与每个中间件进行交互。

**Index.cshtml**

该站点的主页包括一些HTML标记和一些服务器端Razor代码。它使用Razor来指定页面模型IndexModel，该模型位于关联的Index.cshtml.cs文件中。同时，它还通过在ViewData中设置一个值来设置页面标题。这个ViewData值可在\_Layout.cshtml文件中读取（文件位于Pages文件夹内的Shared文件夹中）。布局文件由许多Razor页面共享，并为应用程序提供了通用的外观。每个页面的内容都在Layout文件的HTML中呈现。

**运行应用程序**

现在运行该应用程序并在浏览器中查看运行情况。您可以使用Ctrl+F5或从Visual Studio菜单中选择 Debug > Start Without Debugging 来运行应用程序。

**定制应用**

将属性添加到Index.cshtml.cs文件中，并在OnGet处理程序中将其值设置为当前时间：

public string Time { get; set; }
    public void OnGet()
    {
        Time = DateTime.Today.ToShortTimeString();
    }

用以下标记替换Index.cshtml中的内容：

It's @Model.Time right now on the server!

再次运行该应用程序时，您应该看到页面显示的是当前时间，否则就是错误的。

![vs2019-app-in-browser.png][]

**调试应用程序**

在OnGet方法中添加一个断点的时间值。

执行在行上停止，您可以看到日期时间，但时间始终是午夜，因为它不包含时间数据。

![vs2019-breakpoint.png][]

将其更改为使用DateTime.Now并继续执行。OnGet的新代码应该是：

public void OnGet()
    {
        Time = DateTime.Now.ToShortTimeString();
    }

![1.png][]

以上就是使用Visual Studio 2019创建ASP.NET Core Web App的相关内容。

[Link 1]: https://www.evget.com/article/2019/11/01/33136.html
[vs2019-choose-aspnetcore-project.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cuZXZnZXQuY29tL0NvbnRlbnQvaW1hZ2VzLzIwMTkxMS8wMS8xNTcyNTkwNDUzLnBuZw?x-oss-process=image/format,png
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9kb2NzLm1pY3Jvc29mdC5jb20vZW4tdXMvdmlzdWFsc3R1ZGlvL2dldC1zdGFydGVkL2NzaGFycC9tZWRpYS92cy0yMDE5L3ZzMjAxOS1zb2x1dGlvbi1leHBsb3Jlci5wbmc?x-oss-process=image/format,png
[vs2019-app-in-browser.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cuZXZnZXQuY29tL0NvbnRlbnQvaW1hZ2VzLzIwMTkxMS8wMS8xNTcyNTkxMzg1LnBuZw?x-oss-process=image/format,png
[vs2019-breakpoint.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cuZXZnZXQuY29tL0NvbnRlbnQvaW1hZ2VzLzIwMTkxMS8wMS8xNTcyNTkxNDc2LnBuZw?x-oss-process=image/format,png
[1.png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWFnZS5ldmdldC5jb20vQ29udGVudC9pbWFnZXMvMjAxOTExLzA0LzE1NzI4NTM0NjEucG5n?x-oss-process=image/format,png