ViewComponentを使用したASP.NET Core ビューコンポーネントチュートリアル

ASP · 2021-2-7 16:18:25

この記事では、asp.netコア3.1を使用して、ViewComponent ViewComponentチュートリアルを使用する方法を説明します。

ビューコンポーネント

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

ビューコンポーネント：

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

ビューコンポーネントは、部分ビューでは複雑すぎる再利用可能なレンダリングロジックがある場合などに使用できます：

ダ
イナミックナビゲーションメニュータグクラウド（データベースへのクエリ）ログインパネルショッピングカート最近の投稿一般的なブログのサイドバーコンテンツログインパネルは、ユーザーのログインステータスに応じて、ログアウトまたはログインへのリンクを持つすべてのページに表示されます。

ローカライズされたビュー

RenderAction ローカルビューを使用した動的データの読み込み
https://www.itsvse.com/thread-4828-1-1.html

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

ログイン Visible.

呼び出しメソッド

Login Visible。

ViewComponent は、部分ビューの代わりとなるものです。

ViewComponentを始める

ビューコンポーネントクラスです：

コンストラクタの依存性注入を完全にサポートしています。コントローラのライフサイクルに参加しないので、ビューコンポーネントでフィルタを使用することはできません。

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

ログインすると表示されます。

Viewページでは、プロジェクトの"/Views/Shared "フォルダーの下に新しい "Components "フォルダーを作成し、次に新しい"RootClassification "フォルダを作成し（ここで、私たちの新しいコンポーネントクラスがオブジェクトを作成する）、新しい "Default.cshtml "ファイルを作成し、コードは次のとおりです：

ログインが表示されます。

構造は次のとおりです：

ログイン/登録して大きな画像を見る

詳細なパスは、/Views/Shared/Components/RootClassification/Default.cshtmlです。

なぜこのようなパスを作成するのでしょうか？これはasp.netコアコンポーネントのランタイムメカニズムに関係しています。

ランタイムは以下のパスでビューを検索します：

/Views/{コントローラ名}/Components/{ビューコンポーネント名}/{ビュー名} ランタイムは以下のパスでビューを検索します。
/Views/Shared/Components/{View Component Name}/{View Name} /Pages/Shared/Components/{View Component Name}/{View Name}
/ページ/共有/コンポーネント/{ビューコンポーネント名}/{ビュー名}。

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

呼び出すには、コンポーネントを使用する場所で呼び出すだけで、コードは次のようになります：

ログインが表示されます。

プロジェクトを再実行すると、次のようになります：

ログイン/登録して大きな画像を見る

フェシコン · 2021-8-12 10:21:01

I'm sorry, but I'm not sure if you're going to be able to see the code.

ugg · 2023-8-13 17:55:05

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

ユーザー名		自動ログイン	パスワード取得
パスワード検索			会員登録

[ASP.NET]ViewComponentを使用したASP.NET Core ビューコンポーネントチュートリアル

評価

関連記事

閲覧セクション