簡介

  • 3 分鐘

在此課程模組中，您將使用 .NET 與 C# 來建立跨平台的 ASP.NET Core Razor Pages Web 應用程式。

範例案例

假設您是一家名為 Contoso Pizza 的披薩公司員工。 您的經理要求您開發披薩庫存管理頁面，作為公司內部系統管理網站的先決條件。 應用程式應該要以分離檢視和資料模型關注點的方式來建置。

您將做什麼？

在此課程模組中，您將會：

  • 了解針對 ASP.NET Core 應用程式使用 Razor Pages 的時機和原因。
  • 檢閱使用 Razor Pages 的現有 ASP.NET Core 應用程式。
  • 建立新的 Razor 頁面，以支援應用程式的產品資料管理需求。
  • 使用標籤協助程式來減少 HTML 與 C# 之間的內容切換。
  • 使用 Razor 頁面處理常式來處理 HTTP 要求。

在本課程模組的結尾處，有內容的連結可為所介紹每個功能區域提供更深入探討。

必要工具

此課程模組使用 .NET CLI 與 Visual Studio Code (Windows、Linux 與 macOS) 來示範 ASP.NET Core Razor Pages 開發。 在完成此課程模組之後，您可以使用開發環境，像是 Visual Studio (Windows)、Visual Studio for Mac (macOS) 或 Visual Studio Code，來應用其概念。

提示

您可以使用 GitHub Codespaces 作為 IDE，以略過下列工具的安裝。 在另一個瀏覽器索引標籤中，巡覽至包含本課程模組入門應用程式的 GitHub 存放庫，選取 [程式碼] 按鈕，然後在 main 分支上建立新的 Codespace。 如需詳細資訊，請參閱建立 Codespace。

或者，您可以使用 Visual Studio Code 的開發容器擴充功能。 安裝擴充功能後，按 F1 開啟命令選擇區，然後搜尋並選取 [開發容器：複製容器磁碟區中的存放庫]，並提供 URL https://github.com/MicrosoftDocs/mslearn-create-razor-pages-aspnet-core。 這會複製存放庫，並在已安裝所有必要工具的容器中加以開啟。

需要下列工具：

.NET SDK

本課程模組使用 .NET 8.0 SDK。 確認您已在慣用的命令終端中執行下列命令來安裝 .NET 8.0：

dotnet --list-sdks

類似下列範例的輸出隨即出現：

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

確定已列出開頭為 8 的版本。 如果未列出任何項目或找不到命令，請安裝最新的 .NET 8.0 SDK。

GitHub CLI

若要從 GitHub 複製範例應用程式，您需要 GitHub CLI。

Visual Studio Code

請確定您有安裝最新版的 Visual Studio Code 和 C# 開發套件。