ASP.NET ViewComponentの使い方に関するCore ViewComponentチュートリアル

クズども · 掲載地 2021/02/07 16:18:25

多数のページが同じビュー結果を呼び出す場合、同じコンテンツをビューコンポーネントにカプセル化できます。もちろん、ビューコンポーネントにパラメータを渡して応答結果を返すことも可能です。シナリオ:リーダーボード、フォーム、テーブルなど。この記事では、コア3.1 asp.net 用いてViewComponentビューコンポーネントチュートリアルの使い方を説明します。

コンポーネントを見る

Viewコンポーネントはローカルビューに似ていますが、より強力な機能を持っています。ビューコンポーネントはモデルのバインディングを使用せず、モデルが呼び出された際に提供されるデータのみに依存しています。この記事はコントローラーとビューを使って書かれましたが、ビューコンポーネントはRazor Pagesでも使えます。

コンポーネントを見る:

レスポンス全体ではなくブロックをレンダリングしてください。
コントローラーとビューの間で見られる懸念の分離とテストの可能性の利点を含みます。
パラメータやビジネスロジックを持つことができます。
通常はレイアウトページから呼び出されます。

ビューコンポーネントは、ローカルビューには複雑すぎる再利用可能なレンダリングロジックがある場所ならどこでも使用できます。例えば:

動的ナビゲーションメニュー
タグクラウド(データベースがクエリされる場所)
ログインパネル
ショッピングカート
最近発表された記事
典型的なブログのサイドバーコンテンツ
ログインパネルは各ページに表示され、ユーザーのログイン状況に応じてサインアウトまたはログインのリンクが表示されます

部分的な視点

asp.net mvcはRenderActionローカルビューを使って動的データを読み込みます
https://www.itsvse.com/thread-4828-1-1.html

MVC 5 asp.net では、以下のコードでローカルビューを使用できます:

ログインが見えます。

コール方式:

ログインが見えます。

ViewComponentはローカルビューの代替手段です。

ViewComponentを使って始めましょう

コンポーネントクラスを見る:

コンストラクタ依存注入は完全にサポートされています
コントローラーのライフサイクルには関与していないため、ビューコンポーネントでフィルターを使うことはできません
それでは、都市圏分類の構成要素機能をカプセル化する本題に入りましょう。

まず、プロジェクトディレクトリの下に新しい「ViewComponents」フォルダを作成し、以下のコードで新しい「RootClassification.cs」クラスファイルを作成します。

ログインが見えます。

ビューページでは、プロジェクトの「/Views/Shared」フォルダの下に新しい「Components」フォルダを作成し、新しい「RootClassification」フォルダ(新しいコンポーネントクラスのオブジェクト)を作成し、さらに新しい「Default.cshtml」ファイルを作成します。コードは以下の通りです:

ログインが見えます。

構成は以下の通りです。

詳細な経路は以下の通りです:/Views/Shared/Components/RootClassification/Default.cshtml

なぜそんな道を作るのか? これは asp.net コアコンポーネントの仕組みに関係しています。

ランタイムは以下の経路でビューを検索します:

/Views/{Controller Name}/Components/{View Component Name}/{View Name}
/Views/Shared/Components/{View Component Name}/{View Name}
/Pages/Shared/Components/{View Component Name}/{View Name}

ビューコンポーネントのデフォルトビュー名はDefaultであり、通常ビューファイル名はDefault.cshtmlになります。ビューコンポーネントの結果を作成したり、ビューメソッドを呼び出す際には、異なるビュー名を指定することができます。

必要なコンポーネントを呼び出すと、コードは以下の通りです:

ログインが見えます。

以下のレンダリングでプロジェクトを再実行します:

祭典 · 掲載地 2021/08/12 10:21:01

コードを見たいと返信しますか?

クズども · 掲載地 2023/08/13 17:55:05

Coreの ASP.NET ビューコンポーネント
https://learn.microsoft.com/zh-c ... ews/view-components

[ASP.NET] ASP.NET ViewComponentの使い方に関するCore ViewComponentチュートリアル

スコア

関連記事