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

来源:互联网 阅读:1797 发布:2020-03-28 08:52:30

启动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。

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

探索新项目

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

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!


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

调试应用程序

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

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

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

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


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

推荐阅读:小米学生机