コンテンツにスキップ

C# ASP.NET MVC でページを分割して作成する部分ビュー

ASP.NET MVC でViewページを分割して作成する部分ビューの作り方

部分ビュー

部分ビューは、レンダリングするページを細かく分解することができる機能
レイアウト内に共通するマークアップコンテンツの重複を減らす

特に大規模なページになると複雑になることが多く、細かい部分ビューに分割することで管理・保守がしやすくなる

Usage

Shared_SamplePartial.cshtmlファイルを作成

partial

NET MVC 部分ビューのレンダリング

_SamplePartial.cshtml内にマークアップ

<div class="code-title" data-title="_SamplePartial.cshtml">
```html
<p style="color:blue">ここは部分ビュです<p>

これをPrivacy.cshtmlから部分ビューを名前で呼び出す

<partial name="_SamplePartial" />のように使う

@{
    ViewData["Title"] = "Privacy Policy";
}
<h1>@ViewData["Title"]</h1>

<p>Use this page to detail your site's privacy policy.</p>

<partial name="_SamplePartial" />

部分ビュー(青字の部分)が、別のビューから呼び出されていることが確認できる

partial_view

部分ビューのレンダリング結果

Reference

ASP.NET Core の部分ビュー
部分ビューを宣言する