彩票走势图

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

翻译|使用教程|编辑:陈津勇|2019-11-01 15:03:01.703|阅读 1895 次

概述:本文主要介绍使用VS 2019创建ASP.NET Core Web App的步骤及调试方法。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

点击下载Visual Studio正式版

启动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。有关更多详细说明,请参阅本教程系列中的上一篇文章

vs2019-choose-aspnetcore-project.png

注意,本教程与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!

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

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的相关内容。下节教程,将介绍如何为ASP.NET Core App添加数据支持。



*想要获得 Visual Studio 更多资源或正版授权的朋友,可以咨询了解哦~


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP