簡介

  • 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 的 Dev Containers 擴充功能。 安裝擴充功能后，按 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# 開發工具包 。