.net mvc之模板視圖的幾種用法

         本文介紹了.net開發中幾種視圖的使用方法,1、簡單模板視圖,2、多模板視圖,3、部分模板視圖,另外可以在視圖文件裏直接寫c#代碼,強大的ide可以支持混合編程,需要源碼的可以去這裏下載:等一下

1、簡單模板視圖

      a、新建mvc的web項目後,在share的共享模板文件夾下,新建MyMasterPage模板頁面

      b、在view文件夾下創建test文件夾,在該文件夾下,建立index頁面,並使用MyMasterPage作爲模板

     c、MyMasterPage內容:

 這裏是頂部內容

        @*只能整體的輸出模板*@
        @RenderBody()

 這裏是底部內容

     d、index內容

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/MyMasterPage.cshtml";
}

這是單一子頁面內容

     e、瀏覽效果:

2、多模板視圖的使用

     a、index頁面代碼:


@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/MyMasterPage.cshtml";
}

@*多模板頁的內容 part1 *@

@section  sec1{
    多模板內容1
}

<hr>

@section  sec2{
    多模板內容2
}

b、MyMasterPage代碼

@*第二個參數false表示該模板爲非必須的,如果找不到也不會報錯*@

  @RenderSection("sec1", false)

  @RenderSection("sec2", false)

  c、頁面效果

3、局部模板視圖

     a、需要在share文件夾下新建一個局部模板文件partialview.cshtml,內容爲: 我是部分共享視圖,可被任意頁面調用,一般用在ajax局部刷新裏

     b、在index文件內容:

@*@Html.Partial("~/Views/Shared/partialview.cshtml")*@

     c、頁面效果就不展示了,反正就是打開index頁面時,顯示partialview的內容

     d、也可以通過控制器方法進行直接訪問,比如readback這個方法

        public ActionResult readback()
        {
            return PartialView("~/Views/Shared/partialview.cshtml");
        }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章