本文转自：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

作者：朱祁林 出处：http://zhuqil.cnblogs.com 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

[转]Asp.net Mvc2中重构View的三种方式的更多相关文章

  1. ASP.NET缓存中Cache过期的三种策略

    原文:ASP.NET缓存中Cache过期的三种策略 我们在页面上添加三个按钮并双击按钮创建事件处理方法,三个按钮使用不同的过期策略添加ASP.NET缓存. <asp:Button ID=&quo ...

  2. JS中事件绑定的三种方式

    以下是搜集的在JS中事件绑定的三种方式.   1. HTML onclick attribute     <button type="button" id="upl ...

  3. JavaScript 中事件绑定的三种方式

    以下是在 JS 中事件绑定的三种方式.   1. HTML onclick attribute     <button type="button" id="uplo ...

  4. android中解析文件的三种方式

    android中解析文件的三种方式     好久没有动手写点东西了,最近在研究android的相关技术,现在就android中解析文件的三种方式做以下总结.其主要有:SAX(Simple API fo ...

  5. Struts中的数据处理的三种方式

    Struts中的数据处理的三种方式: public class DataAction extends ActionSupport{ @Override public String execute() ...

  6. PHP中数据类型转换的三种方式

    PHP中数据类型转换的三种方式 PHP的数据类型转换属于强制转换,允许转换的PHP数据类型有: 1.(int).(integer):转换成整形2.(float).(double).(real):转换成 ...

  7. HTML中使用js的三种方式及优缺点介绍

    1.内部js: 在直接在页面的<script></script>标签内写js代码 优点:相对于使用行内js,内部js代码较为集中,与页面结构的实现代码耦合度较低,比较便于维护 ...

  8. java中遍历集合的三种方式

    第一种遍历集合的方式:将集合变为数组 package com.lw.List; import java.util.ArrayList; import java.util.List; import ja ...

  9. Python中字符串拼接的三种方式

    在Python中,我们经常会遇到字符串的拼接问题,在这里我总结了三种字符串的拼接方式:     1.使用加号(+)号进行拼接 加号(+)号拼接是我第一次学习Python常用的方法,我们只需要把我们要加 ...

随机推荐

  1. Binder IPC的权限控制

    PS:个人理解:当进程1通过Binder调用组件2时,会将进程1的pid及uid赋给组件2,并检测进程1的pid及uid是否有权限调用组件2.而后组件2需要调用组件3,此时组件2保存的pid及uid为 ...

  2. 浅谈c#的三个高级参数ref out 和Params C#中is与as的区别分析 “登陆”与“登录”有何区别 经典SQL语句大全(绝对的经典)

    浅谈c#的三个高级参数ref out 和Params   c#的三个高级参数ref out 和Params 前言:在我们学习c#基础的时候,我们会学习到c#的三个高级的参数,分别是out .ref 和 ...

  3. eclipse maven 插件的安装和配置

    maven3 安装: 安装 Maven 之前要求先确定你的 JDK 已经安装配置完毕.Maven是 Apache 下的一个项目.眼下最新版本号是 3.0.4.我用的也是这个. 首先去官网下载 Mave ...

  4. 关于OutOfMemoryError的处理

    转自:http://www.blogjava.net/rosen/archive/2010/05/21/321575.html http://www.blogjava.net/rosen/archiv ...

  5. 两个喜欢的"新"C#语法

    现在C#比较新的语法,我都十分喜欢. 比如属性可设默认值: public string Name { get; set; } = "张三"; 还有一个就是拼接字符串. 以往,通常都 ...

  6. Latex 2: 解决WinEdt和TexWorks用久之后忽然不能正反向搜索

    说明:下面说的WinEdt版本是10.1,TexWorks是texlive2016中自带的texworks,如果情况不一样请自行测试,原理一样 1.不能正向搜索: 解决:① 确定路径名是英文名(实际上 ...

  7. HDU4185 Oil Skimming —— 最大匹配

    题目链接:https://vjudge.net/problem/HDU-4185 Oil Skimming Time Limit: 2000/1000 MS (Java/Others)    Memo ...

  8. 配置JDK环境变量配置及path和classpath的作用

    1.环境变量配置 用鼠标右击“我的电脑”->属性->高级->环境变量 JAVA_HOME :D:\Program Files\Java\jdk1.6.0_12(JDK安装路径) Pa ...

  9. vertical-align 和line-height 以及baseline的解析

    line-height是相对于font-size来计算的,vertical-align的百分比值是相对于line-height来计算的,vertical-align的默认是baseline; demo ...

  10. splay启发式合并

    3545: [ONTAK2010]Peaks Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 1889  Solved: 501[Submit][Sta ...