ASP.NET Core MVC基礎學習之局部視圖(Partial Views)

 更新時間:2019-09-08 20:01:35   作者:佚名   我要評論(0)

1.什么是局部視圖
  局部視圖是在其他視圖中呈現的視圖。通過執行局部視圖生成的HTML輸出呈現在調用視圖中。與視圖一樣,局部視圖使用 .cshtml 文件擴展名。

1.什么是局部視圖

  局部視圖是在其他視圖中呈現的視圖。通過執行局部視圖生成的HTML輸出呈現在調用視圖中。與視圖一樣,局部視圖使用 .cshtml 文件擴展名。當希望在不同視圖之間共享網頁的可重用部分時,就可以使用局部視圖。

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

  局部視圖是將大視圖分成小組件的有效方法。通用的布局元素應在 _Layout.cshtml 中指定,非布局可重用內容可以封裝成局部視圖。

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

3.引用局部視圖

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

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

  還可以使用 RenderPartial 方法來呈現局部視圖。這個方法不返回結果:它將渲染結果直接輸出到響應中。正因為它不返回響應,所以必須在 Razor 代碼塊中調用。通用也有一個異步方法 RenderPartialAsync:

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

4.發現局部視圖

  當引用局部視圖時,可以通過多種方式找到它的位置:

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

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

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

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

  局部視圖可以鏈接。也就是說,一個局部視圖可以調用另一個局部視圖(只要不創建循環)。

5.局部視圖訪問數據

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

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

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

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

6.簡單實戰

  先創建用到的模型:

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>

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對腳本之家的支持。

您可能感興趣的文章:

  • ASP.NET Core MVC學習之視圖組件(View Component)
  • ASP.NET Core 中的模型綁定操作詳解
  • ASP.NET Core實現自定義WebApi模型驗證詳解
  • ASP.NET Core MVC學習教程之路由(Routing)
  • ASP.NET Core 中的Main方法詳解

相關文章

  • Python數據分析模塊pandas用法詳解

    Python數據分析模塊pandas用法詳解

    本文實例講述了Python數據分析模塊pandas用法。分享給大家供大家參考,具體如下: 一 介紹 pandas(Python Data Analysis Library)是基于numpy的數據分析
    2019-09-08
  • ASP.NET Core MVC基礎學習之局部視圖(Partial Views)

    ASP.NET Core MVC基礎學習之局部視圖(Partial Views)

    1.什么是局部視圖   局部視圖是在其他視圖中呈現的視圖。通過執行局部視圖生成的HTML輸出呈現在調用視圖中。與視圖一樣,局部視圖使用 .cshtml 文件擴展名。
    2019-09-08
  • python urllib爬蟲模塊使用解析

    python urllib爬蟲模塊使用解析

    前言 網絡爬蟲也稱為網絡蜘蛛、網絡機器人,抓取網絡的數據。其實就是用Python程序模仿人點擊瀏覽器并訪問網站,而且模仿的越逼真越好。一般爬取數據的目的主
    2019-09-08
  • 關于Python內存分配時的小秘密分享

    關于Python內存分配時的小秘密分享

    前言 Python 中的sys 模塊極為基礎而重要,它主要提供了一些給解釋器使用(或由它維護)的變量,以及一些與解釋器強交互的函數。 本文將會頻繁地使用該模塊
    2019-09-08
  • 你應該知道的.NET錯誤與異常處理機制

    你應該知道的.NET錯誤與異常處理機制

    前言 錯誤的出現并不總是編寫程序的人的原因,有時應用程序會因為應用程序的最終用戶引發的動作或運行代碼的環境發生錯誤。無論如何,我們都應預測應用程序
    2019-09-08
  • 深入了解Python在HDA中的應用

    深入了解Python在HDA中的應用

    Event Handler 在HDA中,要創建Python腳本,需要先選擇一個事件處理器(EventHandle),他表示你要在什么時候執行你現在所創建的腳本命令 On Created (在節點創建
    2019-09-08
  • Python代理IP爬蟲的新手使用教程

    Python代理IP爬蟲的新手使用教程

    前言 Python爬蟲要經歷爬蟲、爬蟲被限制、爬蟲反限制的過程。當然后續還要網頁爬蟲限制優化,爬蟲再反限制的一系列道高一尺魔高一丈的過程。爬蟲的初級階段
    2019-09-08
  • WCF中使用nettcp協議進行通訊的方法

    WCF中使用nettcp協議進行通訊的方法

    快速閱讀 如何在wcf中用net tcp協議進行通訊,一個打開Wcf的公共類。比較好好,可以記下來。 配置文件中注意配置 Service,binding,behaviors. Service中配
    2019-09-08
  • ASP.NET Core MVC學習之視圖組件(View Component)

    ASP.NET Core MVC學習之視圖組件(View Component)

    1.視圖組件介紹   視圖組件是 ASP.NET Core MVC 的新特性,類似于局部視圖,但它更強大。視圖組件不使用模型綁定,并且僅依賴于調用它時所提供的數據。   
    2019-09-08
  • .net 生成拼音碼與五筆碼實例代碼

    .net 生成拼音碼與五筆碼實例代碼

    實例代碼: <&#63;xml version="1.0" encoding="utf-8" &#63;> <CodeConfig> <SpellCode> <A>阿啊錒嗄厑哎哀唉埃挨溾锿鎄啀捱皚凒溰嘊敳皚癌毐昹噯矮
    2019-09-08

最新評論

种子磁力搜索器