小編給大家分享一下ASP.NET Core MVC之局部視圖的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前創(chuàng)新互聯(lián)已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計、界首網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

1.什么是局部視圖

局部視圖是在其他視圖中呈現(xiàn)的視圖。通過執(zhí)行局部視圖生成的HTML輸出呈現(xiàn)在調(diào)用視圖中。與視圖一樣，局部視圖使用 .cshtml 文件擴(kuò)展名。當(dāng)希望在不同視圖之間共享網(wǎng)頁的可重用部分時，就可以使用局部視圖。

2.什么時候使用局部視圖

局部視圖是將大視圖分成小組件的有效方法。通用的布局元素應(yīng)在 _Layout.cshtml 中指定，非布局可重用內(nèi)容可以封裝成局部視圖。

如果一個由幾個邏輯部分組成的復(fù)雜頁面，那么將每個邏輯部分作為局部視圖是很有用。布局視圖與普通視圖之間沒有語義差別，它們只是以不同的方式呈現(xiàn)。你可以直接從控制器的 ViewResult 返回視圖，而這個視圖也可以當(dāng)局部視圖來用。視圖和局部視圖的主要區(qū)別是呈現(xiàn)方式不同，局部視圖不運(yùn)行 _ViewStart.cshtml，而視圖運(yùn)行。

3.引用局部視圖

在視圖頁面中有幾種方法呈現(xiàn)局部視圖。最簡單的是使用 Html.Partial ，它通過 @ 前綴來調(diào)用并返回IHtmlString ： @Html.Partial("AuthorPartial")。

PartialAsync 方法對包含異步代碼的局部視圖是可用的：@await Html.PartialAsync("AuthorPartial")  。

還可以使用 RenderPartial 方法來呈現(xiàn)局部視圖。這個方法不返回結(jié)果：它將渲染結(jié)果直接輸出到響應(yīng)中。正因為它不返回響應(yīng)，所以必須在 Razor 代碼塊中調(diào)用。通用也有一個異步方法 RenderPartialAsync:

@{
 Html.RenderPartial("AuthorPartial");
}

4.發(fā)現(xiàn)局部視圖

當(dāng)引用局部視圖時，可以通過多種方式找到它的位置：

//以視圖名使用當(dāng)前文件夾下的視圖，如果沒有找到，則搜索Shared 文件夾
@Html.Partial("ViewName")

//這個名稱的視圖必須在相同文件夾下
@Html.Partial("ViewName.cshtml")

//依據(jù)應(yīng)用根路徑定位視圖，以“/” 或 “~/” 開頭的路徑表示應(yīng)用根路徑
@Html.Partial("~/Views/Folder/ViewName.cshtml")

//使用相對路徑
@Html.Partial("../Account/ViewName.cshtml")

局部視圖可以鏈接。也就是說，一個局部視圖可以調(diào)用另一個局部視圖（只要不創(chuàng)建循環(huán)）。

5.局部視圖訪問數(shù)據(jù)

當(dāng)局部視圖被實例化時，它獲取父視圖的 ViewData 字典的副本。對局部視圖中的數(shù)據(jù)所做的更新不會影響到父視圖。局部視圖返回時，局部視圖中更改的 ViewData 將丟失。

你可以將 ViewDataDictionary 的實例傳遞到局部視圖：@Html.Partial("PartialName",customViewData) 。

也可以將模型傳遞到局部視圖：@Html.Partial("PartialName",viewModel) 。

也可以將ViewDataDictionary 和 模型都傳遞到視圖：@Html.Partial("PartialName",viewModel，customViewData) 。

6.簡單實戰(zhàn)

先創(chuàng)建用到的模型：

namespace MVCTest.Models
{
 public class Article
 {

　　　　　　public Article()
  　　　　　　{
   　　　　　　　　Sections = new List();
  　　　　　　}
public string AuthorName { get; set; }
  public List Sections { get; set; }
 }

 public class ArticleSection
 {
  public string Title { get; set; }
  public string Content { get; set; }
 }
}

然后在控制器中實例化模型：

public class ArticleController : Controller
 {
  // GET: Article
  public ActionResult Index()
  {
   var article = new Article();
   article.AuthorName = "test";
   article.Sections.Add(new ArticleSection() { Title="title",Content="content"});
   return View(article);
  }

 }

父視圖：

@model MVCTest.Models.Article

@{
 ViewData["Title"] = "Index";
}

@Model.AuthorName
@Html.Partial("AuthorPartial",Model.AuthorName);

@foreach (var section in @Model.Sections)
{
 @Html.Partial("ArticleSection", section);
}

AuthorPartial.cshtml：

@model string

@Model

ArticleSection.cshtml：

@model MVCTest.Models.ArticleSection

@Model.Title
@Model.Content

以上是“ASP.NET Core MVC之局部視圖的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：ASP.NETCoreMVC之局部視圖的示例分析-創(chuàng)新互聯(lián)
路徑分享：http://weahome.cn/article/cscdjs.html