はじめに

  • 3 分

.NET を使用して、サーバー側とクライアント側の両方でアプリ ロジックを共有できる対話型の Web アプリケーションを Blazor で作成します。この場合、クライアント側で JavaScript ライブラリを管理する煩雑さがありません。

あなたは、顧客向けの Web サイトを最新にする目的で、宅配ピザの会社に雇われたとします。 顧客がピザのトッピングをカスタマイズできる、ピザを表示するページは既に構築しました。 次に、あなたは注文ページを追加して、アプリのナビゲーションを改善したいと考えています。 また、アプリ全体が一貫したレイアウトとなるようにして、顧客が探している情報を簡単に見つけられるようにしたいと考えています。

このモジュールでは、@page ディレクティブ、Blazor ルーティング、NavLink コンポーネントを使用して、アプリ経由で顧客をルーティングする方法について学習します。 ナビゲーションが機能する状態で、アプリにレイアウトを追加することで重複するコードを削減する方法に集中します。

学習の目的

このモジュールを完了すると、次のことができるようになります。

  • ルーター コンポーネントと NavLink を使用して Blazor アプリのナビゲーションを改善します。
  • ルート パラメーターを使用して機能を強化します。
  • Blazor アプリでレイアウトを使用して重複するコードを削減します。