簡介

已完成

在此課程模組中,您將使用 .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 CLIVisual 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 CodeC# 開發套件