Razor 類別庫簡介

  • 1 分鐘

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

Diagram showing a Razor class library being used in the Blazor server instance and Blazor WebAssembly.

範例案例

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

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

Screenshot of an example modal window component that can be shared across Blazor applications.

我們將會怎麼做？

在本課程模組中，您將建立 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。