溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ASP.NET MVC 視圖(四)

發(fā)布時(shí)間：2020-07-17 08:38:19 來源：網(wǎng)絡(luò) 閱讀：747 作者：jinyuan0829 欄目：編程語言

ASP.NET MVC 視圖(四)

前言

上篇對(duì)于利用IoC框架對(duì)視圖的實(shí)現(xiàn)進(jìn)行依賴注入，最后還簡單的介紹一下自定義的視圖輔助器是怎么定義和使用的，對(duì)于Razor語法的細(xì)節(jié)和輔助器的使用下篇會(huì)說講到，本篇來講解一下視圖中的分段概念、和分部視圖的使用。

ASP.NETMVC 視圖

l  自定義視圖引擎

l Razor視圖引擎執(zhí)行過程

l  Razor視圖的依賴注入、自定義視圖輔助器

l  分段、分部視圖的使用

l Razor語法、視圖輔助器

 

分段、分部視圖的使用

分段的使用

在ASP.NET MVC框架的Razor引擎中有著分段的概念，分段什么意思呢？分段的意思就是把視圖分成幾個(gè)自定義的分段，并且交由布局來控制分段的顯示。說是這么說，我們還是來看一看代碼的定義，首先是使用了分段的視圖代碼的定義，示例代碼1-1.

代碼1-1

@{
    ViewBag.Title = "ViewPartCase";
}
 
<h3>ViewPartCase</h3>
 
@section PartOne
{
<h2>這是使用分段的示例：分段一</h2>
}
 
@section PartTwo
{
<h2>這是使用分段的示例：分段二</h2>
}
 
@section PartThree
{
<h2>這是使用分段的示例：分段三</h2>
}


在代碼1-1中，使用@section標(biāo)間來創(chuàng)建分段，而后面緊跟著的就是自定義分段的名稱，這個(gè)時(shí)候布局的代碼如示例代碼1-2.

代碼1-2

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>
 
<body>
    @RenderBody()
</body>
 
</html>


這個(gè)時(shí)候的運(yùn)行結(jié)果如圖1。

圖1

ASP.NET MVC 視圖(四)

很明顯的看到圖1中所提示的錯(cuò)誤信息，在布局中并未定義PartOne、PartTow、PartThree。

這樣我們只能修改代碼1-2，修改布局中的定義，修改后的示例代碼1-3.

代碼1-3

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>
 
@RenderSection("PartOne")
@RenderSection("PartThree")
 
<body>
    @RenderBody()
</body>
@RenderSection("PartTwo")
</html>


在代碼1-3中@RenderSection標(biāo)簽用于顯示指定的分段，參數(shù)為自定義的分段名稱，這里大家要清楚一個(gè)概念，就是布局的定義是來引導(dǎo)視圖分段的定義，只不過在本篇幅是為了讓大家清楚的理解所以顛倒了順序，實(shí)際運(yùn)用中應(yīng)該是先定義好布局中所要使用的分段，以及指示的分段名稱，然后在視圖的定義中如果要使用當(dāng)前的布局則會(huì)根據(jù)當(dāng)前布局中的指定的分段名稱來定義內(nèi)容。看下以上代碼運(yùn)行結(jié)果如圖2.

圖2

ASP.NET MVC 視圖(四)

比如說現(xiàn)在我是先定義好的代碼1-3，然后要我定義我要呈現(xiàn)的頁面也就是我們的視圖，像代碼1-1那樣定義就是正常的應(yīng)用順序，那我現(xiàn)在修改代碼1-1，因?yàn)槲也幌胛业囊晥D中使用分段，示例代碼1-4

代碼1-4

@{
    ViewBag.Title = "ViewPartCase";
}
 
<h3>ViewPartCase</h3>


正如大家所看到的，代碼1-4也就是我修改后的視圖，就是顯示一個(gè)標(biāo)題，不想有其他的東西，再次運(yùn)行結(jié)果如圖2.

圖3

ASP.NET MVC 視圖(四)

圖3中明確的指示出了視圖中并未定義名為PartOne的分段，所以才會(huì)導(dǎo)致這樣的錯(cuò)誤，就算定義了PartOne，到了PartThree還要定義，不然接著報(bào)錯(cuò)，這就是強(qiáng)制約束了，這樣多不人道主義阿對(duì)吧。

面對(duì)這樣的情況，我們有兩種方式來處理這種情況，

第一種，使用IsSectionDefinde()方法，方法參數(shù)即為分段名稱，以此判斷視圖中是否定義了此名稱的分段，如果定義了則會(huì)返回true，否則返回false（下面代碼會(huì)給出示例）。

第二種，使用@RenderSection()方法的重載版本，講第二個(gè)參數(shù)設(shè)置為false，如果視圖中包含了方法參數(shù)所指定的分段則會(huì)顯示，沒有則不會(huì)報(bào)出異常。

現(xiàn)在我們來看一下，修改布局代碼1-3中的代碼以此演示上面說到的兩種情況，示例代碼1-5.

代碼1-5

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>
@if (IsSectionDefined("PartOne"))
{
    @RenderSection("PartOne")
}
@RenderSection("PartThree",false)
<body>
    @RenderBody()
</body>
@RenderSection("PartTwo",false)
</html>


這個(gè)時(shí)候我們?cè)賮砜匆幌陆Y(jié)果圖4,，

圖4

ASP.NET MVC 視圖(四)

 

分部視圖的使用

對(duì)于分部視圖的使用其實(shí)也就是跟視圖一樣的，但是分布視圖跟視圖的區(qū)別在于分部視圖是禁用布局的，也就是說上面小節(jié)所說的分段在分部視圖中使用是毫無意義的，下面我們就來看一下分部視圖的定義

圖5

ASP.NET MVC 視圖(四)

圖5中并沒有創(chuàng)建強(qiáng)類型的分部視圖，這樣做的意義不大，在點(diǎn)擊“添加”按鈕后，所呈現(xiàn)的代碼頁面是個(gè)空的頁面什么都沒有，這里主要是給大家看一下分部視圖在編譯后類型所呈現(xiàn)的樣子也就是跟普通的視圖沒什么區(qū)別，示例代碼1-6.

代碼1-6

   

 public class _Page_Views_iocdemo_CustomPartialView_cshtml: System.Web.Mvc.WebViewPage<dynamic> {
        
#line hidden
 
        
        public_Page_Views_iocdemo_CustomPartialView_cshtml() {
        }
        
        protectedASP.global_asax ApplicationInstance {
            get{
                return((ASP.global_asax)(Context.ApplicationInstance));
            }
        }
        
        public override voidExecute() {
WriteLiteral("<h2>PartialView</h2>");
 
 
        }
    }


代碼1-6所呈現(xiàn)的就如同在ASP.NET MVC 視圖(二)中最后所示的示例那般，核心的地方是不會(huì)變的，我們還是來刪除掉這個(gè)分部視圖，重新添加一個(gè)同樣命名的強(qiáng)類型視圖，或者直接使用@model標(biāo)簽來引用一個(gè)類型作為視圖的Model類型，示例代碼1-7.

代碼1-7

@model MvcApplication.Models.CustomerInfo
 
<h2>@Model.ID</h2>
<h3>@Model.Name</h3>

我們?cè)倏匆幌聦?duì)于分部視圖使用的視圖的代碼定義，示例代碼1-8

代碼1-8

@model IEnumerable<MvcApplication.Models.CustomerInfo>
@{
    ViewBag.Title = "ViewPartCase";
}
<h3>
    ViewPartCase</h3>
@foreach (varmodel in Model)
{
    @Html.Partial("CustomPartialView",model)
}

最后的呈現(xiàn)的界面如圖6.

圖6

ASP.NET MVC 視圖(四)


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手