ASP.NET Core MVC基礎(chǔ)學(xué)習(xí)之局部視圖(Partial Views)
1.什么是局部視圖
局部視圖是在其他視圖中呈現(xiàn)的視圖。通過執(zhí)行局部視圖生成的HTML輸出呈現(xiàn)在調(diào)用視圖中。與視圖一樣,局部視圖使用 .cshtml 文件擴展名。當希望在不同視圖之間共享網(wǎng)頁的可重用部分時,就可以使用局部視圖。
2.什么時候使用局部視圖
局部視圖是將大視圖分成小組件的有效方法。通用的布局元素應(yīng)在 _Layout.cshtml 中指定,非布局可重用內(nèi)容可以封裝成局部視圖。
如果一個由幾個邏輯部分組成的復(fù)雜頁面,那么將每個邏輯部分作為局部視圖是很有用。布局視圖與普通視圖之間沒有語義差別,它們只是以不同的方式呈現(xiàn)。你可以直接從控制器的 ViewResult 返回視圖,而這個視圖也可以當局部視圖來用。視圖和局部視圖的主要區(qū)別是呈現(xiàn)方式不同,局部視圖不運行 _ViewStart.cshtml,而視圖運行。
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)局部視圖
當引用局部視圖時,可以通過多種方式找到它的位置:
//以視圖名使用當前文件夾下的視圖,如果沒有找到,則搜索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ù)
當局部視圖被實例化時,它獲取父視圖的 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<ArticleSection>(); } public string AuthorName { get; set; } public List<ArticleSection> 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"; } <h2>@Model.AuthorName</h2> @Html.Partial("AuthorPartial",Model.AuthorName); @foreach (var section in @Model.Sections) { @Html.Partial("ArticleSection", section); }
AuthorPartial.cshtml:
@model string <h3>@Model</h3>
ArticleSection.cshtml:
@model MVCTest.Models.ArticleSection <h3>@Model.Title</h3> <h2>@Model.Content</h2>
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對我們的支持。
欄 目:ASP.NET
下一篇:aspnetcore 實現(xiàn)簡單的偽靜態(tài)化功能
本文標題:ASP.NET Core MVC基礎(chǔ)學(xué)習(xí)之局部視圖(Partial Views)
本文地址:http://mengdiqiu.com.cn/a1/ASP_NET/10890.html
您可能感興趣的文章
- 01-11如何給asp.net core寫個簡單的健康檢查
- 01-11淺析.Net Core中Json配置的自動更新
- 01-11.net core高吞吐遠程方法如何調(diào)用組件XRPC詳解
- 01-11.NET Core 遷移躺坑記續(xù)集之Win下莫名其妙的超時
- 01-11docker部署Asp.net core應(yīng)用的完整步驟
- 01-11.net core webapi jwt 更為清爽的認證詳解
- 01-11ASP.NET Core靜態(tài)文件的使用方法
- 01-11.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件
- 01-11.net core EF Core調(diào)用存儲過程的方式
- 01-11asp.net Core3.0區(qū)域與路由配置的方法


閱讀排行
本欄相關(guān)
- 01-11vscode extension插件開發(fā)詳解
- 01-11VsCode插件開發(fā)之插件初步通信的方法
- 01-11如何給asp.net core寫個簡單的健康檢查
- 01-11.net core高吞吐遠程方法如何調(diào)用組件
- 01-11淺析.Net Core中Json配置的自動更新
- 01-11.NET開發(fā)人員關(guān)于ML.NET的入門學(xué)習(xí)
- 01-11.NET Core 遷移躺坑記續(xù)集之Win下莫名其
- 01-11.net core webapi jwt 更為清爽的認證詳解
- 01-11docker部署Asp.net core應(yīng)用的完整步驟
- 01-11ASP.NET Core靜態(tài)文件的使用方法
隨機閱讀
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-10C#中split用法實例總結(jié)
- 01-10delphi制作wav文件的方法
- 04-02jquery與jsp,用jquery
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-11ajax實現(xiàn)頁面的局部加載