探索 Visual Studio 應用程式專案

已完成

您已成功建立 Web 應用程式,並將其發佈至 Azure。 但是,當您想要進行變更時,會發生什麼事? Visual Studio 會記住應用程式的發佈位置,讓您只需要按兩下就能更新及變更您的應用程式。

探索專案結構

您已在 Visual Studio 中建立 ASP.NET Core Web 應用程式,現在則需要編輯及自訂您的網站。 讓我們來探索專案結構,看看 Visual Studio 建立了哪些內容。

相依性

[相依性] 資料夾包含可讓您的應用程式啟動並執行的 ASP.NET Core 內部元件。 除非您已新增特定的協力廠商套件,否則您不需要花太多時間在此資料夾。

屬性

[屬性] 資料夾包含您要在其中裝載 Web 應用程式的設定資料。 若您現在展開 PublishProfiles 資料夾,應該會看到 Alpine Ski Hill 網站的 URL。 每個發行設定檔都是 .xml 檔案,其中包含發行設定資訊,例如 Visual Studio 用來上傳您檔案的 Azure 位址。

wwwroot

[wwwroot] 檔案包含您網站的所有靜態資產,例如 css、js、影像與 lib 檔案。 當準備好設定樣式並將更多功能新增至網站時,您將會在此執行。

頁面

Pages 資料夾有用於網站頁面的 Razor 範本。 Razor 是一種標記語法,可將伺服器程式碼內嵌至 ASP.NET 網頁。 該語法包含 HTML,且具有特殊慣例,可讓您在網站上顯示資料及執行邏輯。

您網站上的每個頁面會以兩個程式碼檔案來表示:

  • .cshtml 檔案,其為 Razor 標記檔案。 此檔案包含您的顯示 HTML 與一些 C# 邏輯。

  • .cs 檔案,其為從 PageModel 類別繼承的 C# 程式碼後置。 此檔案可讓您攔截 HTTP 要求,並先對該要求進行一些處理,再將任何資料傳遞至 Razor 檔案。

appsetting.json

這是 ASP.NET Core 的設定檔。

Program.cs

[Program.cs] 檔案會設定並啟動網站的 Web 主機。

Razor 範本簡介

我們想要對網站進行一些基本變更。 您必須對利用 Razor 範本自訂 Web 應用程式有基本的了解。

什麼是 Razor?

Razor 是使用 C# 建立動態網頁時所用的 ASP.NET 語法。 當伺服器讀取 Razor 頁面時,會先執行 C# 程式碼,再轉譯 HTML。 這可讓您快速產生動態內容。

Razor 使用 @ 指示詞來指示 ASP.NET 如何處理頁面。

例如,看一下 Privacy.cshtml 頁面中的程式碼:

@page
@model PrivacyModel
@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>
  • @page 指示詞會指示 ASP.NET 將此檔案當做 Razor 頁面來處理。
  • @model 指示詞會指示 ASP.NET 將此 Razor 頁面與稱為 PrivacyModel 的 C# 類別繫結。

Razor 也會使用 @ 符號在程式碼與 HTML 之間進行轉換。 若您查看前置程式碼片段,將會發現 @{ ... }。 這是「執行但未轉譯」的 Razor 程式碼區塊

為了轉譯程式碼陳述式的輸出,請在 C# 運算式之前使用 @。 前置程式碼區塊的 <h1> 標籤中有一個範例。

建立及發佈網站只是建立良好網站的第一步。 開始新增內容之後,您將需要更新網站。 您將網站發佈至 Azure 之後,可以隨時對其進行更新。