Visual Studio 2019教程：創(chuàng)建ASP.NET Core Web App

點擊下載Visual Studio正式版

啟動Visual Studio 2019并創(chuàng)建一個新項目

啟動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。有關(guān)更多詳細說明，請參閱本教程系列中的上一篇文章。

注意，本教程與ASP.NET Core 3.x不兼容，所以請確定選擇的是ASP .NET Core 2.1或ASP.NET Core 2.2。

探索新項目

在右側(cè)的解決方案資源管理器窗口中，您可以查看新項目的內(nèi)容。

wwwroot

wwwroot文件夾包含靜態(tài)文件，可以從web應用程序公開訪問這些文件。它通常包含樣式表、客戶端腳本文件和圖像。

Pages

Pages文件夾包含網(wǎng)站的Razor Pages。默認模板提供了多個頁面，包括應用程序主頁的Index.cshtml頁面以及About、Contact等。

appsettings.json

此文件以JSON格式保存網(wǎng)站的配置設(shè)置。

Program.cs

該文件充當應用程序的入口點。運行該應用程序時，其Main方法是第一個運行的方法，負責創(chuàng)建包含該應用程序的Web主機。

Startup.cs

在Program.cs中創(chuàng)建的Web主機引用Startup類并調(diào)用其方法來配置應用程序。ConfigureServices方法負責設(shè)置應用程序?qū)⑹褂玫姆铡Ｔ揅onfigure方法設(shè)置應用程序的HTTP請求管道，每個請求都將通過此管道，并與每個中間件進行交互。

Index.cshtml

該站點的主頁包括一些HTML標記和一些服務器端Razor代碼。它使用Razor來指定頁面模型IndexModel，該模型位于關(guān)聯(lián)的Index.cshtml.cs文件中。同時，它還通過在ViewData中設(shè)置一個值來設(shè)置頁面標題。這個ViewData值可在_Layout.cshtml文件中讀取（文件位于Pages文件夾內(nèi)的Shared文件夾中）。布局文件由許多Razor頁面共享，并為應用程序提供了通用的外觀。每個頁面的內(nèi)容都在Layout文件的HTML中呈現(xiàn)。

運行應用程序

現(xiàn)在運行該應用程序并在瀏覽器中查看運行情況。您可以使用Ctrl+F5或從Visual Studio菜單中選擇 Debug > Start Without Debugging 來運行應用程序。

定制應用

將屬性添加到Index.cshtml.cs文件中，并在OnGet處理程序中將其值設(shè)置為當前時間：

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

用以下標記替換Index.cshtml中的

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

再次運行該應用程序時，您應該看到頁面顯示的是當前時間，否則就是錯誤的。

調(diào)試應用程序

在OnGet方法中添加一個斷點的時間值。

執(zhí)行在行上停止，您可以看到日期時間，但時間始終是午夜，因為它不包含時間數(shù)據(jù)。

將其更改為使用DateTime.Now并繼續(xù)執(zhí)行。OnGet的新代碼應該是：

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

以上就是使用Visual Studio 2019創(chuàng)建ASP.NET Core Web App的相關(guān)內(nèi)容。下節(jié)教程，將介紹如何為ASP.NET Core App添加數(shù)據(jù)支持。

*想要獲得 Visual Studio 更多資源或正版授權(quán)的朋友，可以咨詢了解哦~