ASP.NET MVC5 視圖相關學習

MVC Razor模板引擎中3個重要的方法:@RenderBody、@RenderPage、@RenderSection

一、@RenderBody

在Razor引擎中佈局頁面相似於asp.net中的母版頁功能,視圖的內容會和佈局頁面合併呈現。html

當前視圖內容會經過佈局頁面(Shared/_Layout.cshtml) 中的@RenderBody()方法呈如今標籤之間。asp.net

 

默認佈局頁面設置:佈局

_ViewStart.cshtml網站

   @{.net

       Layout = "~/Views/Shared/_Layout.cshtml";htm

   }模板引擎

當建立新視圖時,不指定任何佈局頁面,默認會加載_ViewStart.cshtml中指定的佈局頁面。io

若是不想使用默認佈局頁,能夠在當前視圖中設置Layout值,設置null不使用任何佈局頁。模板

注意:如_ViewStart.cshtml都是特定的名字,已下劃線開頭的都有特殊的意義。登錄

二、@RenderPage

要引用呈現的視圖,如網站頭部、底部可單獨放在一個共享的視圖文件夾中,而後在佈局頁中使用。

 

方法調用,用法以下:

   @RenderPage("~/Views/Shared/_Header.cshtml")

帶參數

   @RenderPage("~/Views/Shared/_Header.cshtml",new{name="tom",age=18)

調用頁面獲取參數:

//獲取 RenderPage() 傳遞過來的參數

   @PageData["name"]

 

三、@RenderSection

此方法就是在Layout佈局頁中定義了分段,留給使用該佈局頁的視圖來實現。

也就是說,若是某個視圖模板中定義了一個節,那麼能夠把它單獨呈現出來,用法以下:

 

   @RenderPage(「~/Views/Shared/_Header.cshtml」)

   @RenderBody()

   @RenderSection(「footer」)

 

固然還要在視圖中定義節,不然會出現異常:

 

   @section footer {

       Footer Here

   }

爲了防止因缺乏節而出現異常,能夠給RenderSection()提供第2個參數:

   @RenderSection(「footer」, false)

 

 

 

ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction區別

一、帶有Render的辦法返回值是void,在辦法內部進行輸出;不帶的返回值類型爲MvcHtmlString,因此只能如許應用:
    @Html.Partial 對應 @{Html.RenderPartial(....);}
    @Html.Action 對應 @{Html.RenderAction(....);}

二、Action、RenderAction加載辦法的視圖,履行Controller → Model → View的次序,而後把產生的頁面帶回到原本的View中再回傳。而Partial、RenderPartial直接加載視圖文件內容

使用方法:@Html.Action(action, controller)加載局部頁面。
例如在模板頁中使用:@Html.Action("Contact", "Company")
在CompanyController中有以下方法:
   public PartialViewResult Contact()

   {
      return PartialView();
   }

三、 Html.Partial能夠直接供給用戶控件名做爲參數,而Html.Action需要有對應的Action,在Action內部返回PartailResult(即retun PartialView())。

四、對於簡單的沒有任何邏輯的用戶控件,推薦應用Html.Partial;對於需要設置一些Model的用戶控件,推薦應用Html.Action。固然,有Model數據也是能夠應用Html.Partial辦法的,能夠看辦法的重載。

五、應用Html.Action有個益處,就是能夠按照不合的場景選擇不合的用戶控件。

好比:
@Html.Action("UserInfoControl")在對應的UserInfoControl這個Action中,在用戶未登陸的時辰,能夠retun PartialView("LogOnUserControl");登陸後,能夠retun PartialView("UserInfoControl");

 

RenderPage()和RenderPartial()的區別:

RenderPage()調用的頁面只能使用其傳遞過去的數據。

RenderPartial()是可使用viewdata,model等數據的。

 

如:@{Html.RenderPartial("BasicChart",model);}

  用這個重載能夠在部分視圖裏使用強類型,而後在主視圖中使用第二個參數傳model過去

    @{Html.RenderPartial("BasicChart",ViewData["myData"]);}

 

Html.RenderPartial和Html.RenderAction的區別:

Html.RenderPartial適合用在重覆使用的UserControl,而且只須要透過Model來呈現內容,或是對於廣告的UserControl也適合使用。

Html.RenderAction則會先去請求Controller的Action方法,若是此UserControl是須要透過資料庫取得資料來呈現(透過Action來讀取資料庫),此時會比較適合使用此方式。

相關文章
相關標籤/搜索