ASP.NET Core MVC基礎(chǔ)學(xué)習(xí)之局部視圖(Partial Views)
1.什么是局部視圖
局部視圖是在其他視圖中呈現(xiàn)的視圖。通過執(zhí)行局部視圖生成的HTML輸出呈現(xiàn)在調(diào)用視圖中。與視圖一樣,局部視圖使用 .cshtml 文件擴(kuò)展名。當(dāng)希望在不同視圖之間共享網(wǎng)頁(yè)的可重用部分時(shí),就可以使用局部視圖。
2.什么時(shí)候使用局部視圖
局部視圖是將大視圖分成小組件的有效方法。通用的布局元素應(yīng)在 _Layout.cshtml 中指定,非布局可重用內(nèi)容可以封裝成局部視圖。
如果一個(gè)由幾個(gè)邏輯部分組成的復(fù)雜頁(yè)面,那么將每個(gè)邏輯部分作為局部視圖是很有用。布局視圖與普通視圖之間沒有語(yǔ)義差別,它們只是以不同的方式呈現(xiàn)。你可以直接從控制器的 ViewResult 返回視圖,而這個(gè)視圖也可以當(dāng)局部視圖來用。視圖和局部視圖的主要區(qū)別是呈現(xiàn)方式不同,局部視圖不運(yùn)行 _ViewStart.cshtml,而視圖運(yùn)行。
3.引用局部視圖
在視圖頁(yè)面中有幾種方法呈現(xiàn)局部視圖。最簡(jiǎn)單的是使用 Html.Partial ,它通過 @ 前綴來調(diào)用并返回 IHtmlString : @Html.Partial("AuthorPartial")
。
PartialAsync 方法對(duì)包含異步代碼的局部視圖是可用的: @await Html.PartialAsync("AuthorPartial")
。
還可以使用 RenderPartial 方法來呈現(xiàn)局部視圖。這個(gè)方法不返回結(jié)果:它將渲染結(jié)果直接輸出到響應(yīng)中。正因?yàn)樗环祷仨憫?yīng),所以必須在 Razor 代碼塊中調(diào)用。通用也有一個(gè)異步方法 RenderPartialAsync:
@{ Html.RenderPartial("AuthorPartial"); }
4.發(fā)現(xiàn)局部視圖
當(dāng)引用局部視圖時(shí),可以通過多種方式找到它的位置:
//以視圖名使用當(dāng)前文件夾下的視圖,如果沒有找到,則搜索Shared 文件夾 @Html.Partial("ViewName") //這個(gè)名稱的視圖必須在相同文件夾下 @Html.Partial("ViewName.cshtml") //依據(jù)應(yīng)用根路徑定位視圖,以“/” 或 “~/” 開頭的路徑表示應(yīng)用根路徑 @Html.Partial("~/Views/Folder/ViewName.cshtml") //使用相對(duì)路徑 @Html.Partial("../Account/ViewName.cshtml")
局部視圖可以鏈接。也就是說,一個(gè)局部視圖可以調(diào)用另一個(gè)局部視圖(只要不創(chuàng)建循環(huán))。
5.局部視圖訪問數(shù)據(jù)
當(dāng)局部視圖被實(shí)例化時(shí),它獲取父視圖的 ViewData 字典的副本。對(duì)局部視圖中的數(shù)據(jù)所做的更新不會(huì)影響到父視圖。局部視圖返回時(shí),局部視圖中更改的 ViewData 將丟失。
你可以將 ViewDataDictionary 的實(shí)例傳遞到局部視圖: @Html.Partial("PartialName",customViewData)
。
也可以將模型傳遞到局部視圖: @Html.Partial("PartialName",viewModel)
。
也可以將ViewDataDictionary 和 模型都傳遞到視圖: @Html.Partial("PartialName",viewModel,customViewData)
。
6.簡(jiǎn)單實(shí)戰(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; } } }
然后在控制器中實(shí)例化模型:
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é)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)我們的支持。
上一篇:你應(yīng)該知道的.NET錯(cuò)誤與異常處理機(jī)制
欄 目:ASP.NET
下一篇:aspnetcore 實(shí)現(xiàn)簡(jiǎn)單的偽靜態(tài)化功能
本文標(biāo)題:ASP.NET Core MVC基礎(chǔ)學(xué)習(xí)之局部視圖(Partial Views)
本文地址:http://mengdiqiu.com.cn/a1/ASP_NET/10890.html
您可能感興趣的文章
- 01-11如何給asp.net core寫個(gè)簡(jiǎn)單的健康檢查
- 01-11淺析.Net Core中Json配置的自動(dòng)更新
- 01-11.net core高吞吐遠(yuǎn)程方法如何調(diào)用組件XRPC詳解
- 01-11.NET Core 遷移躺坑記續(xù)集之Win下莫名其妙的超時(shí)
- 01-11docker部署Asp.net core應(yīng)用的完整步驟
- 01-11.net core webapi jwt 更為清爽的認(rèn)證詳解
- 01-11ASP.NET Core靜態(tài)文件的使用方法
- 01-11.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴(kuò)展組件
- 01-11.net core EF Core調(diào)用存儲(chǔ)過程的方式
- 01-11asp.net Core3.0區(qū)域與路由配置的方法


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 01-11vscode extension插件開發(fā)詳解
- 01-11VsCode插件開發(fā)之插件初步通信的方法
- 01-11如何給asp.net core寫個(gè)簡(jiǎn)單的健康檢查
- 01-11.net core高吞吐遠(yuǎn)程方法如何調(diào)用組件
- 01-11淺析.Net Core中Json配置的自動(dòng)更新
- 01-11.NET開發(fā)人員關(guān)于ML.NET的入門學(xué)習(xí)
- 01-11.NET Core 遷移躺坑記續(xù)集之Win下莫名其
- 01-11.net core webapi jwt 更為清爽的認(rèn)證詳解
- 01-11docker部署Asp.net core應(yīng)用的完整步驟
- 01-11ASP.NET Core靜態(tài)文件的使用方法
隨機(jī)閱讀
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 01-10C#中split用法實(shí)例總結(jié)
- 01-10delphi制作wav文件的方法
- 04-02jquery與jsp,用jquery
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載