[转]Asp.net Mvc2中重构View的三种方式
本文转自：http://www.cnblogs.com/zhuqil/archive/2010/07/14/asp-net-mvc2-view-refactoring.html
我们在Asp.net mvc的view开发过程中，如果不注意可能会写大量的重复的代码。这篇文章介绍3种方式重构View的代码，来减少View中的重复代码。
1、母板页
在Asp.net mvc中保留了母板页的使用，我们可以使用母板页对我们的站点进行布局。看下面母板页的代码：
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
<link href="http://www.cnblogs.com/Content/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="page">
<div id="header">
<div id="title">
<h1>My MVC Application</h1>
</div>
<div id="logindisplay">
<%= Html.Action("LogOnWidget", "Account") %>
</div>
<div id="menucontainer">
<ul id="menu">
<li><%= Html.ActionLink("Home", "Index", "Home")%></li>
<li><%= Html.ActionLink("Profiles", "Index", "Profile")%></li>
<li><%= Html.ActionLink("About", "About", "Home")%></li>
</ul>
</div>
</div>
<div id="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
<div id="footer"></div>
</div>
</div>
</body>
</html>
在Asp.net mvc中使用母板页和Web Form中类似，需要定义ContentPlaceHolder，加上使用一些常用的HTML标签进行布局。 当多个页面都有同样的内容的时候，使用母板页是非常有用的。
2、Partial
Partial类似于Web Form中的用户控件。用它来渲染成内容页，使用Partial最大的好处是这些代码段定义在View页面，而不是代码中。下面举例说明：
渲染partial非常简单，我们可以在父View中使用RenderPartial和Partial方法，Profiles的代码如下，在Profiles中使用RenderPartial渲染Profile。
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Profile>>" %>
<h2>Profiles</h2>
<table>
<tr>
<th>Username</th>
<th>First name</th>
<th>Last name</th>
<th>Email</th>
</tr>
<% foreach (var profile in Model) { %>
<% Html.RenderPartial("Profile", profile); %>
<% } %>
</table>
上面的代码，我将一个profile的List渲染成一个table。每一行定义了一个Partial，用来渲染成一行。即使内容页不能与其他View分享，在一个View中使用partial可以简化和减少HTML的标签数量。RenderPartial方法需要一个partial名字和一个Model参数。根据的partial名字用来搜索本地的partial文件，需遵循下面的规则：
1 <Area>\<Controller>\<PartialName>.aspx and .ascx
2 <Area>\Shared\<PartialName>.aspx and .ascx
3 \<Controller>\<PartialName>.aspx and .ascx
4 \Shared\<PartialName>.aspx and .ascx
这些搜索类似于根据view的name搜索view，也可以使用<%= Html.Partial("Profile", profile) %> 渲染。Profile文件即可以是一个ASCX文件，如果必要也可以是一个aspx的文件。Profile的代码如下：
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Profile>" %>
<tr>
<td>
<%= Html.ActionLink(Model.Username, "Show", new{ username = Model.Username }) %>
</td>
<td><%= Model.FirstName%></td>
<td><%= Model.LastName%></td>
<td><%= Model.Email %></td>
</tr>
我们在View中如下渲染Profiles：
<% Html.RenderPartial("Profiles", Model); %>
渲染效果如下：
3、Child Action
Partial用来显示已经存在Model的信息时非常方便的。但是有时候View上显示的数据源自其他Model。例如，登录控件可能会显示当前用户的名称和电子邮件，但该View的主体部分与用户关系不大。可以使用ViewDataDictionary来传递没联系的Model，但是我们可以使用Child Action。对于在View中显示与主体没有多大关系的信息，这里介绍一下Child Action的使用。下面举例子说明。
在模板页中显示当前的用户信息，当用户登录之后，显示用户名，邮箱之类的信息，当用户没有登录，给出登录的连接。在模板页中加入下面代码：
<div id="logindisplay">
<%= Html.Action("LogOnWidget", "Account") %>
</div>
LogOnWidget的代码如下，ChildActionOnly确保只能通过RenderAction调用此方法。
[ChildActionOnly]
public ViewResult LogOnWidget()
{
bool isAuthenticated = Request.IsAuthenticated;
Profile profile = null; if (isAuthenticated)
{
var username = HttpContext.User.Identity.Name;
profile = _profileRepository.Find(username);
if (profile == null)
{
profile = new Profile(username);
_profileRepository.Add(profile);
}
} return View(new LogOnWidgetModel(isAuthenticated, profile));
}
用一个用户控件来显示这个Action的Model的信息，用户控件代码如下。
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%@ Import Namespace="AccountProfile.Controllers"%>
<%
if (Request.IsAuthenticated) {
%>
Welcome <b><%= Html.Encode(Page.User.Identity.Name) %></b>!
[ <%= Html.ActionLink("Log Off", "LogOff", "Account") %> | <%= Html.ActionLink("Profile", "Show", "Profile", new RouteValueDictionary(new { username = Html.Encode(Page.User.Identity.Name) }), null)%> ]
<%
}
else {
%>
[ <%= Html.ActionLink("Log On", "LogOn", "Account") %> ]
<%
}
%>
总结：本文阐述了三种方式来重构你View的代码，使用这三种方式可以大量减少View层重复出现的代码。由于也是最近开始学习asp.net mvc，如果叙述和理解有问题欢迎批评指正。
参考：Asp.net mvc2 in action
[转]Asp.net Mvc2中重构View的三种方式的更多相关文章
- ASP.NET缓存中Cache过期的三种策略
原文:ASP.NET缓存中Cache过期的三种策略 我们在页面上添加三个按钮并双击按钮创建事件处理方法,三个按钮使用不同的过期策略添加ASP.NET缓存. <asp:Button ID=&quo ...
- JS中事件绑定的三种方式
以下是搜集的在JS中事件绑定的三种方式. 1. HTML onclick attribute <button type="button" id="upl ...
- JavaScript 中事件绑定的三种方式
以下是在 JS 中事件绑定的三种方式. 1. HTML onclick attribute <button type="button" id="uplo ...
- android中解析文件的三种方式
android中解析文件的三种方式 好久没有动手写点东西了,最近在研究android的相关技术,现在就android中解析文件的三种方式做以下总结.其主要有:SAX(Simple API fo ...
- Struts中的数据处理的三种方式
Struts中的数据处理的三种方式: public class DataAction extends ActionSupport{ @Override public String execute() ...
- PHP中数据类型转换的三种方式
PHP中数据类型转换的三种方式 PHP的数据类型转换属于强制转换,允许转换的PHP数据类型有: 1.(int).(integer):转换成整形2.(float).(double).(real):转换成 ...
- HTML中使用js的三种方式及优缺点介绍
1.内部js: 在直接在页面的<script></script>标签内写js代码 优点:相对于使用行内js,内部js代码较为集中,与页面结构的实现代码耦合度较低,比较便于维护 ...
- java中遍历集合的三种方式
第一种遍历集合的方式:将集合变为数组 package com.lw.List; import java.util.ArrayList; import java.util.List; import ja ...
- Python中字符串拼接的三种方式
在Python中,我们经常会遇到字符串的拼接问题,在这里我总结了三种字符串的拼接方式: 1.使用加号(+)号进行拼接 加号(+)号拼接是我第一次学习Python常用的方法,我们只需要把我们要加 ...
随机推荐
- 【PostgreSQL】PostgreSQL操作-psql基本命令
在阅读的过程中有不论什么问题,欢迎一起交流 邮箱:1494713801@qq.com QQ:1494713801 一.建立数据库连接 ---------------- 接入PostgreSQL数 ...
- 在windows cgywinportable上，通过运行linux命令，批量改动文件名。
在windows cgywinportable上.通过运行linux命令.批量改动文件名. 实例:将当前文件夹下的全部文件名称加上.sql find ./ -type f -exec mv {} ' ...
- MVC优缺点
1.通过把项目分成model view和controller,使得复杂项目更加容易维护. 2.没有使用view state和服务器表单控件,可以更方便的控制应用程序的行为 3.应用程序通过contro ...
- Dos下同时执行多条命令简化操作
起因,要查询8080端口被哪些程序占用了,但是直接在cmd netstat –ano 的话 一下子一大把数据出来了不利于查找, 于是就想起dos下可以同时指向多条命令,如是写下如下命令: netsta ...
- 【转】 Android Studio --“Cannot resolve symbol” 解决办法
Android Studio 无法识别同一个 package 里的其他类,将其显示为红色,但是 compile 没有问题.鼠标放上去后显示 “Cannot resolve symbol XXX”,重启 ...
- scrapy学习笔记：项目中 使用代理ip
做为一个爬虫,最头疼的问题就是你的ip被封,想要在Scrapy领域无限制畅游,做好伪装是第一步,于是乎,抓取代理IP成了很多教程的开始部分.这里我说一下代理scrapy中代理ip,仅供大家借鉴! 代理 ...
- 并不对劲的splay
splay和不加任何旋转一定会被卡的二叉搜索树的唯一区别就是每次操作把当前节点旋转到根. 旋转有各种zig.zag的组合方式,感觉很麻烦,并不对劲的人并不想讲. 其实可以找出一些共性将它们合并.设ls ...
- bzoj 4603 平凡的骰子
题目大意: 思路: 首先我们需要求出整个凸多面体的重心 可以通过把多面体剖分为四面体 求出每个四面体的重心 四面体的重心为四个点的坐标和/4 对每个四面体的重心 加上它们体积的权 加权平均数即为整个的 ...
- Python进程、线程、协程的对比
1. 执行过程 每个线程有一个程序运行的入口.顺序执行序列和程序的出口.但是线程不能够独立执行,必须依存在进程中,由进程提供多个线程执行控制.每个线程都有他自己的一组CPU寄存器,称为线程的上下文,该 ...
- saltstack源码-启动3－config.py配置文件加载
#目标文件位置/usr/lib/python2.6/site-packages/salt/config.py#这个文件加载配置文件的模块．master和minion的配置文件加载都是在这个模块里面完成 ...