程飞轶,红音潮吹,全民超人汉考克2
本文为大家演示下mvc3中怎样使用模板页，在传统的webform设计模式中，我们使用masterpage作为模板页，在mvc3 razor视图设计中，我们使用另一种方式作为模板页。
新建一个mvc3项目，在解决方案资源管理中，我们可以看到views文件夹下面有一个shared文件夹。在shared文件夹里面有一个_layout.cshtml页面。这个就是项目中默认的模板页面。如下图所示 ：
1.新建内容页
内容页在mvc3中也叫做视图布局页，可以右键选中视图文件夹，通过添加视图来添加内容页，然后选择相应的模板。下面就是我们创建的内容页viewpageone.cshtml
使用模板页的页面，会自动在页面中生成代码。来指定模板页，使用layout来指定具体的模板页。如果内容页中没有layout属性，则使用的是默认的模板页
我要评论
@{
viewbag.title = "viewpageone";
layout = "~/views/shared/_layout.cshtml";
}
<h2>viewpageone</h2>
如果layout指定为null,则表示不使用模板页
@{
viewbag.title = "viewpageone";
layout = null;
}
2.新建模板页
右键选择shared文件，然后在菜单中选择添加 新建项，弹出添加新项对话框，然后选择mvc3布局页，这样就添加完成了布局页，下面的我们添加的布局页_layoutpageone.cshtml
3.为某个文件单独指定模板页
假如某个页面不想使用默认的模板页，可以单独为其指定模板页，下面的代码把内容页的模板页指定为刚创建的模板页_layoutpageone.cshtml
@{
viewbag.title = "viewpageone";
layout="~/views/shared/_layoutpageone.cshtml";
}
<h2>viewpageone</h2>
4.为某个视图文件夹指定模板页
假如想让一个controller下面的所有视图使用同一个模板文件，可以在该controller对应的试图文件夹下面创建一个_viewstart.cshtml文件，然后在_viewstart.cshtml里面指定所使用的模板页
@{
layout = "~/views/shared/_layoutpageone.cshtml";
}
这样就可以把一个controller下面的视图指定为使用一个模板文件
5.页面不使用模板页
如果一个内容页面不想使用模板页，可以把_layout设置为null
也可以在添加视图页面的时候不选择模板。
6.@renderbody()
@renderbody()在模板页中使用表示内容页在模板中的位置。当创建具有模板页的内容页的时候，内容页就呈现在模板页中@renderbody()所在的位置，一个模板页中只能有一个@renderbody().
7.@rendersection
@rendersection用于在模板布局中定义一个区域，在内容页可以定义一些内容来填充这个区域，例如内容页中引用的js文件，可以填充到模板页的section位置。每个内容页的单独一些信息，可以在模板页中这个区域显示。
@rendersection有两个参数，第一个参数用于定义section的名称，第2个参数是布尔类型，如果为true，表示内容页必须定义这个section,如果为false，则表示内容页可定义section，也可以不定义。
模板页：
<!doctype html>
<html>
<head>
<title>欢迎 @viewbag.title</title>
</head>
<body>
<p>第2个模板页</p>
<div>
@renderbody()
</div>
<div>
备注:
@rendersection("remark", false);
</div>
</body>
</html>
内容页：
@{
viewbag.title = "主页";
}
<h2>@viewbag.message</h2>
<p>
若要了解有关 asp.net mvc 的更多信息，请访问 <a href="http://asp.net/mvc" title="asp.net mvc 网站">http://asp.net/mvc</a>。
</p>
@section remark
{
我是主页
}
<p>欢迎</p>
8.@renderpage
@renderpage用于表示在一个页面中呈现另一个页面的内容.参数指定要呈现的网页的位置。
我们在shared文件夹下面新建一个footer.cshtml文件，然后里面写上版权信息，然后在模板页中开辟一块位置用来呈现footer页面。
<!doctype html>
<html>
<head>
<title>欢迎 @viewbag.title</title>
</head>
<body>
<p>第2个模板页</p>
<div>
@renderbody()
</div>
<div>
备注:
@rendersection("remark", false);
</div>
<footer>
@renderpage("~/views/shared/footer.cshtml")
</footer>
</body>
</html>
9.@html.partial()与html.renderpartial()
.@html.partial()与html.renderpartial()这两个方法可以用来输出一个分部页，右键添加新建项，选择mvc3分部页，就可以添加一个分部页，相当于一个用户控件，
这时候就可以使用者两个方法来输出分部页的内容，当然，这两个方法也可以直接输出视图页和内容页。
@html.partial()的参数为用户控件名称，也就是分部页名称，返回值为string类型，可以直接输出。
@html.renderpartial()的参数也为用户控件名称，返回值为void,调用的时候直接把内容输出到response中。
用法如下：
<div id="logindisplay">
@html.partial("_partiallogin")
@{
html.renderpartial("_partiallogin");
}
</div>
以上就是asp.net mvc3模板页的使用方法
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
Net Core Web Api项目与在NginX下发布的方法
asp.net core3.1 引用的元包dll版本兼容性问题解决方案
IdentityServer4实现.Net Core API接口权限认证(快速入门)
ASP.NET Core MVC通过IViewLocationExpander扩展视图搜索路径的实现
网友评论