首页 企业

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

启动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的相关内容。

推荐阅读:科技网站