分部視圖在ASP.NET MVC中的應用

概述:  html

      在ASP.NET Web Form的開發經驗中,對於User Control使用比較頻繁,能夠減小重複的代碼,利於頁面模塊化,這個概念也被引入了ASP.NET MVC.即「分部視圖」。模塊化

一、建立分部視圖:post

在解決方案管理器中,找到Views文件夾下的Shared文件夾,右鍵添加視圖,選擇建立爲分部視圖,如圖:spa

二、修改分部視圖:code

1 <p>分部視圖中的p元素</p>

3,在其餘視圖中引用分佈視圖:orm

1 @Html.Partial("~/Views/Shared/IncludePart.cshtml");
2 <p>原視圖中的p元素</p>

效果如圖所示:htm

4,第二種引用方法,代碼以下:blog

1 @Html.Action("Test","Home")
2 <p>原視圖中的p元素</p>

而且修改Home控制器中的Test動做方法,代碼以下:開發

1         public ActionResult Test()
2         {
3             return View("~/Views/Shared/IncludePart.cshtml");
4         }

運行後的效果與3中的一致。博客

5,能夠向Action中傳遞參數,代碼以下:

1 @Html.Action("Test", "Home", new { name = "SharpL", id = 1 })
2 <p>原視圖中的p元素</p>

修改分部視圖中的代碼爲:

<p>我是分部視圖</p>
<p>博客名爲:@ViewBag.name</p>
<p>博客的id爲:@ViewBag.id</p>

修改Home控制器中Test動做方法的代碼以下:

1         public ActionResult Test(string name,int id)
2         {
3             ViewBag.id = id;
4             ViewBag.name = name;
5             return View("~/Views/Shared/IncludePart.cshtml");
6         }

運行後的效果如圖:

6,普通的視圖也能夠做分部視圖使用

代碼以下:

@Html.Partial("~/Views/View1.cshtml")

其中View1爲普通視圖以下:

1 <p>我是普通視圖中的p元素</p>

效果如圖所示:

 

出處:https://www.cnblogs.com/SharpL/p/4641886.html

相關文章
相關標籤/搜索