點擊下載Visual Studio正式版

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

啟動Visual Studio 2019，然后單擊Create new project。選擇“ASP.NET Core Web Application.”。選擇Web應(yīng)用程序模板，并保留默認(rèn)項目名稱和位置。在帶有ASP.NET Core版本的下拉列表中，選擇ASP.NET Core 2.1或ASP.NET Core 2.2。點擊Create。有關(guān)更多詳細(xì)說明，請參閱本教程系列中的上一篇文章。

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

探索新項目

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

wwwroot

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

Pages

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

appsettings.json

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

Program.cs

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

Startup.cs

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

Index.cshtml

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

運(yùn)行應(yīng)用程序

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

定制應(yīng)用

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

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

用以下標(biāo)記替換Index.cshtml中的

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

再次運(yùn)行該應(yīng)用程序時，您應(yīng)該看到頁面顯示的是當(dāng)前時間，否則就是錯誤的。

調(diào)試應(yīng)用程序

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

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

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

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)的朋友，可以咨詢了解哦~