探索 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 之後,可以隨時對其進行更新。