簡介

  • 3 分鐘

Blazor 會使用 .NET 程式碼來建立互動式 Web 應用程式，讓您可以在伺服器和用戶端共用應用程式邏輯，免除管理用戶端 JavaScript 程式庫的複雜性。

假設您現在是披薩外送公司的員工，想要現代化公司面向客戶的網站。 您已向平面設計師取得網頁模型，並且已經和所有相關人士詳細討論過網站功能。 現在，您想要開始建置網站與主要的披薩瀏覽頁面。 您的小組已使用 C# 工作數年，對於 JavaScript 較無經驗，因此您想要盡可能在 .NET 中撰寫程式碼。 在此學習路徑的後續課程模組中，您將建置結帳和驗證頁面。

在本課程模組中，您將了解 Blazor 元件，以及如何使用這些元件來建立會顯示動態資料的使用者介面。

學習目標

在本模組結束時，您將能夠：

  • 建立 Blazor 元件，組成一個 Web 應用程式使用者介面。
  • 存取資料，顯示在您的 Web 應用程式中。
  • 在 Web 應用程式的多個 Blazor 元件之間共用資料。
  • 繫結 HTML 元素到 Blazor 元件中的變數。