Razor 類別庫簡介

  • 1 分鐘

藉由使用Razor類別庫，您可以在 Blazor 應用程式之間共用及重複使用使用者介面元件。 在本課程模組中，您會專注於建置及共用 Blazor 應用程式的元件。

此圖顯示 Blazor 伺服器實例和 Blazor WebAssembly 中使用的 Razor 類別庫。

範例案例

假設您任職於諮詢公司，您可以在其中為各種用戶端建置 Web 應用程式。 您有一組網路功能，例如模態視窗元件，可供客戶使用。 為了節省時間，您想要能夠跨應用程式重複使用這些功能。

藉由使用 Razor 類別庫，您可以跨為客戶建置的應用程式共用功能。

可跨 Blazor 應用程式共用的範例模態視窗元件的螢幕截圖。

您要做什麼？

在本課程模組中，您會建立Razor類別庫以達成下列目標：

  • 顯示具有預設主題的模態對話框。
  • 在 Blazor 應用程式中使用和自定義模式對話框。
  • 封裝模式對話框，以便與其他應用程式搭配使用。

主要目標是什麼？

在模組結束時，您將能夠設計一個模態視窗元件，這個元件可以在其他 Blazor 應用程式中共用和自定義。

先決條件

  • 熟悉 HTML、CSS 和 JavaScript Web 開發。
  • 撰寫 C# 程式碼的新手能力。
  • 已安裝 .NET 8.0 SDK。
  • 整合式開發環境 (IDE)。 本課程模組使用 Visual Studio Code。

備註

本課程模組使用 .NET CLI (命令列介面) 和 Visual Studio Code 進行本機開發。 完成本課程模組後，您可以使用 Visual Studio (Windows) 應用這些概念或使用 Visual Studio Code (Windows、Linux 和 macOS) 來繼續開發。

本課程模組使用 .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。