2. 程式人生 > >MVC分部檢視的使用:Html.Partial/RenderPartial,Html.Action/RenderAction,RenderPage

MVC分部檢視的使用:Html.Partial/RenderPartial,Html.Action/RenderAction,RenderPage

阿新 • • 發佈：2019-02-08

ASP.NET MVC 裡的部分檢視，相當於 Web Form 裡的 User Control。我們的頁面往往會有許多重用的地方，可以進行封裝重用。
使用部分檢視有以下優點： 1. 可以簡寫程式碼。 2. 頁面程式碼更加清晰、更好維護。
在視圖裡有多種方法可以 載入部分檢視，包括： Partial() 、RenderPartial() 、 Action() 、RenderAction() 、 RenderPage() 方法

一、Partial與RenderPartial

1.Razor 語法： @Html.Partial() 與 @{Html.RenderPartial();} 
2.區別：Partial 可以直接輸出內容，它內部是 將 html 內容轉換為 string 字元（MVCHtmlString）（進行Html編碼），然後快取起來，最後在一次性輸出到頁面。顯然，這個轉換的過程，會降低效率，所以通常使用 RenderPartial 代替。 這兩者都只是抓取分部檢視頁面類容，不能執行分部檢視方法，所以用Partial或RenderPartial方法來顯示分部檢視不用建立對應的Action，因為不走Action.

3.例項：

普通呼叫分部檢視

主頁 Index.cshtml：

  1. @{  
  2.     Layout = null;  
  3. }  
  4. <!DOCTYPE html>  
  5. <html>  
  6. <head>  
  7.     <meta name="viewport" content="width=device-width" />  
  8.     <title>Index</title>  
  9. </head>  
  10. <body>  
  11.     <div>   
  12.         <h3>我是首頁</h3>  
  13.         <section>  
  14.             <h2>分部檢視</h2>  
  15.             @Html.Partial("~/Views/Templates/Partial1.cshtml")  
  16.         //@{Html.RenderPartial("~/Views/Templates/Partial1.cshtml");}  
  17.  </section> </div></body></html>  
  18. 分部檢視Partial1.cshtml:  
  19. <table border="1px solid" cellpadding="0" cellspacing="0">  
  20.     <tr>  
  21.         <th>姓名</th>  
  22.         <th>性別</th>  
  23.         <th>年齡</th>  
  24.         <th>電話</th>  
  25.     </tr>  
  26.     <tr>  
  27.         <td>longxi1</td>  
  28.         <td>男</td>  
  29.         <td>22</td>  
  30.         <td>13521187063</td>  
  31.     </tr>  
  32.     <tr>  
  33.         <td>longxi1</td>  
  34.         <td>男</td>  
  35.         <td>22</td>  
  36.         <td>13521187063</td>  
  37.     </tr>  
  38. </table>  
  39. 強型別分部檢視：  
  40. 主頁 Index.cshtml：  
  41. @using WebApplication1.Models  
  42. @{  
  43.     Layout = null;  
  44. }  
  45. @{   
  46.     List<Student> students = new List<Student>() {  
  47.         new Student("zhulongxi",22,"男","13521187063"),  
  48.         new Student("zhulongxi",22,"男","13521187063"),  
  49.         new Student("zhulongxi",22,"男","13521187063"),  
  50.         new Student("zhulongxi",22,"男","13521187063"),  
  51.         new Student("zhulongxi",22,"男","13521187063")  
  52.     };  
  53. }  
  54. <!DOCTYPE html>  
  55. <html>  
  56. <head>  
  57.     <meta name="viewport" content="width=device-width" />  
  58.     <title>Index</title>  
  59. </head>  
  60. <body>  
  61.     <div>   
  62.         <h3>我是首頁</h3>  
  63.         <section>  
  64.             <h4>分部檢視</h4>  
  65.             @Html.Partial("~/Views/Templates/Partial1.cshtml", students)//如果Partial1.cshtml與Index.cshtml在相同目錄，則可以直接寫成  
  66.         @Html.Partial("~/Views/Templates/Partial1.cshtml", students)  
  67.  </section> </div></body></html>  

分部檢視Partial1.cshtml:

  1. @using WebApplication1.Models;  
  2. @{   
  3.     var studentsList = Model as List<Student>;  
  4. }  
  5. <table border="1px solid" cellpadding="0" cellspacing="0">  
  6.     @foreach (Student student in studentsList)  
  7.     {  
  8.         <tr>  
  9.             <th>@student.Name</th>  
  10.             <th>@student.Gender</th>  
  11.             <th>@student.Age</th>  
  12.             <th>@student.Phone</th>  
  13.         </tr>  
  14.     }  
  15. </table>  
二、Action與RenderAction

1.Razor 語法：@Html.Action()與@{Html.RenderAction();}
2.區別：Action 也是直接輸出，和 Partial 一樣，也存在一個轉換的過程。不如 RenderAction 直接輸出到當前 HttpContext 的效率高。
除此之外，Action與Partial相比，Action訪問了控制器中的Action，執行了Action內部的業務。
3.例項：

Index.cshtml:

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta name="viewport" content="width=device-width" />  
  5.     <title>Index</title>  
  6. </head>  
  7. <body>  
  8.     <div>   
  9.         <h3>我是首頁</h3>  
  10.         <section>  
  11.             <h4>分部檢視</h4>  
  12.             @Html.Action("MyPartial", "Home",new { title="學生列表"})  
  13.         </section>  
  14.     </div>  
  15. </body>  
  16. </html>  

HomController:
  1. public class HomeController : Controller  
  2.     {  
  3.         // GET: Home  
  4.         public ActionResult Index()  
  5.         {  
  6.             return View();  
  7.         }  
  8.         public ActionResult MyPartial(string title)  
  9.         {  
  10.             List<Student> students = new List<Student>() {  
  11.             new Student("zhulongxi2",22,"男","13521187063"),  
  12.             new Student("zhulongxi2",22,"男","13521187063"),  
  13.             new Student("zhulongxi2",22,"男","13521187063"),  
  14.             new Student("zhulongxi2",22,"男","13521187063"),  
  15.             new Student("zhulongxi2",22,"男","13521187063")  
  16.              };  
  17.             ViewBag.Data = title;  
  18.             return PartialView("~/Views/Templates/Partial2.cshtml",students);  
  19.         }  
  20.     }  
Partial2.cshtml:
  1. @using WebApplication1.Models  
  2. @{   
  3.     var studentsList = Model as List<Student>;  
  4.     var data = ViewBag.Data;  
  5. }  
  6. @{Response.Write(data); }  
  7. <table border="1px solid" cellpadding="0" cellspacing="0">  
  8.     @foreach (Student student in studentsList)  
  9.     {  
  10.         <tr>  
  11.             <th>@student.Name</th>  
  12.             <th>@student.Gender</th>  
  13.             <th>@student.Age</th>  
  14.             <th>@student.Phone</th>  
  15.         </tr>  
  16.     }  
  17. </table>  

三、RenderPage

1.Razor語法：@RenderPage()
2.區別：也可以使用 RenderPage 來呈現部分，但它不能使用 原來檢視的 Model 和 ViewData ,只能通過引數來傳遞。而 RenderPartial、RenderAction 可以使用原來檢視的 Model 和 ViewData。@RenderPage也並沒有執行Action。
3.例項：
不傳引數情況：
Index.cshtml：
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta name="viewport" content="width=device-width" />  
  5.     <title>Index</title>  
  6. </head>  
  7. <body>  
  8.     <div>   
  9.         <h3>我是首頁</h3>  
  10.         <section>  
  11.             <h4>分部檢視</h4>  
  12.            @RenderPage("~/Views/Templates/Partial1.cshtml")  
  13.         </section>  
  14.     </div>  
  15. </body>  
  16. </html>  
傳引數情況：
Index.cshtml:
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <meta name="viewport" content="width=device-width" />  
  5.     <title>Index</title>  
  6. </head>  
  7. <body>  
  8.     <div>   
  9.         <h3>我是首頁</h3>  
  10.         <section>  
  11.             <h4>分部檢視</h4>  
  12.            @RenderPage("~/Views/Templates/Partial1.cshtml",new { param1="longxi",param2="男"})  
  13.         </section>  
  14.     </div>  
  15. </body>  
  16. </html>  
Partial1.cshtml:
  1. @{   
  2.     var param = string.Format("{0}-{1}", PageData["param1"], PageData["param2"]);  
  3. }  
  4. @Html.Raw(param)  

相關推薦

MVC分部檢視的使用:Html.Partial/RenderPartial,Html.Action/RenderAction,RenderPage

ASP.NET MVC 裡的部分檢視，相當於 Web Form 裡的 User Control。我們的頁面往往會有許多重用的地方，可以進行封裝重用。使用部分檢視有以下優點： 1. 可以簡寫程式碼。 2. 頁面程式碼更加清晰、更好維護。在視圖裡有多種方法可以 載入部分檢視，包括

MVC部分視圖的使用（Html.Partial/RenderPartial、Html.Action/RenderAction、RenderPage）

razor語法 一次 span tle viewdata 多重 mls 字符 抓取 ASP.NET MVC 裏頁面往往會有許多重用的地方，可以進行封裝重用。 使用部分視圖有以下優點： 1. 可以簡寫代碼。 2. 頁面代碼更加清晰、更好維護。 在視圖裏有多種方法可以 加載部分

MVC Html.Partial RenderPartial Action RenderAction 區別

/*              *@Html.Partial用於將分部檢視渲染為字串  可用： if( "@Html.Partial("main.import.insdep")" ==""){}  

ASP.NET Core 入門教程 7、ASP.NET Core MVC 分部檢視入門

一、前言 1、本教程主要內容 ASP.NET Core MVC (Razor)分部檢視簡介 ASP.NET Core MVC (Razor)分部檢視基礎教程 ASP.NET Core MVC (Razor)強型別分部檢視教程 2、本教程環境資訊 軟體/環境

MVC |分部檢視 PartialView()

介紹如何定義 其實它和普通檢視沒有多大區別，只是建立分部檢視的時候視圖裡沒有任何內容，你需要什麼標籤你自己加。第二就是分部檢視不會執行_ViewStart.cshtml中的內容） 控制器 PartialViewDeomController控制器 using System

【相容寫法】HttpServerUtility.Execute 在等待非同步操作完成時被阻止。關鍵詞：MVC,分部檢視,非同步

MVC6之前的版本，對分部檢視的非同步支援不是很好 問題： 視圖裡面有分佈檢視：@{Html.RenderAction("NewProduct", "PartialView", new { count = 10 });} 後端採用非同步方法，比如： 其實MVC裡面的分佈檢視有兩種呼叫方法，

Html Partial Html Action Html RenderPartial Html RenderA

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

MVC 部分視圖:Partial() 、RenderPartial() 、 Action() 、RenderAction() 、 RenderPage() 區別

action mod ren part mysq 原來 一次 讀取 nbsp 在視圖裏有多種方法可以 加載部分視圖，包括： Partial() Action() RenderPartial() RenderAction() RenderPage() 方法。 以下是這

Asp.net MVC Razor檢視模版動態渲染PDF，Razor模版生成靜態Html

1.前言   　　　　上一篇文章我開源了輪子，Asp.net Core 3.1 Razor檢視模版動態渲染PDF，然後，很多小夥伴有很多私信找我了。那麼我下面就簡單的給大家說一下，關於小夥伴問的這些問題。 我專案的電子簽章部分程式碼可否開源？ 　　答：我專案電子簽章也是使用第三方的電子簽章，電子

Html Partial

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

ASP.NET MVC中Section、Partial View 和 Child Action（轉載）

概括的講，View中的內容可以分為靜態和動態兩部分。靜態內容一般是html元素，而動態內容指的是在應用程式執行的時候動態建立的內容。給View新增動態內容的方式可歸納為下面幾種： Inline code，小的程式碼片段，如 if 和 foreach 語句。 Html helper方法，用來生成單個

iPad 上如何檢視 Safari 頁面的 html 原始碼

最近需要解決一個 ipad 上 Safari 瀏覽器相關的問題，需要檢視其中頁面的 html 原始碼，找了半天，發現瀏覽器沒有提供原生態的功能，最後在網上找到了如下神奇的方式 ： 1.  Safari 瀏覽器定位到你要檢視原始碼的頁面 2. 在位址列上拷貝如下js co

tp5怎樣在檢視中引用公共模組foot.html和header.html

由於最近使用tp5我將公共檔案放在static靜態檔案裡，雖然有時能正常使用，但是也會經常出現問題。每次都要解除安裝環境再安裝才能正常使用。這讓我很糾結這個問題，最近研究把這個問題解決了。具體步驟給大家講解下，避免出現我一樣的錯誤。 第一步，在試圖（view）目錄下建立pu

html頁面FORM的action屬性等於空值的用途

html頁面FORM的action屬性等於空值時,提交後處理頁面響應的還是這個頁面本身. 可以測試一下這個頁面: <%@ page language="java" contentType="text/html;charset=GB18030" pageEncoding="GB18030"%> &

ASP.NET MVC 系列之 （強型別HTML輔助方法使用）

強型別輔助方法及及相關普通方法介紹一、普通Html輔助方法 1、@Html.Lable(元素名稱,元素值,元素屬性) 示例： @Html.Lable("GenreName","流行",new { @class="validation" }) 渲染之後程式碼如下 <la

ASP.NET Core 中文文件 第四章 MVC（3.7 ）區域性檢視（partial）

ASP.NET Core MVC 支援區域性檢視，當你需要在多個不同檢視間重用同一個頁面部件時會顯得特別有用。 什麼是區域性檢視？ 區域性檢視是在其它檢視中被渲染的檢視。區域性檢視執行後生成的 HTML 結果會被渲染到呼叫方檢視或父檢視中。跟檢視檔案一樣，區域性檢視檔案也使用 .cshtml 作為副檔名。

關於spring mvc訪問靜態資源，包括html.js

優雅REST風格的資源URL不希望帶 .html 或 .do 等字尾.由於早期的Spring MVC不能很好地處理靜態資源，所以在web.xml中配置DispatcherServlet的請求對映，往往使用 *.do 、 *.xhtml等方式。這就決定了請求URL必須是一個帶

MVC檢視之【分部檢視】【佈局頁】初瞭解

MVC專案中新建一個檢視，會出現以下介面： 之前一直不清楚【建立為分部檢視】和【使用佈局頁】選項的作用，今天看了一些資料，有了一點基本的瞭解，所以寫這篇文章，當筆記來用，避免以後忘記。 -------------------------------------------

ASP.NET MVC 3的分部檢視

1、什麼是分部檢視，我們應該什麼時候應該用？ 作為一個對ASP.NET MVC 模型很熟悉的開發者，他們自然想建立一個內容和程式碼都可以重用的元件，在web 窗體，我們可以建立一個web使用者控制元件或web伺服器控制元件。但是在MVC，我們應該用分部檢視，在這個概念的角度

MVC5+EF6 入門完整教程6 ：分部檢視(Partial View)

Partial/RenderPartial和Action/RenderAction的引數分別是 partialView和 Action的名字。當然還有其他的過載函式，我們只說最常用的。應用時可以按照我們前面舉的例子。