Asp.Net MVC 视图(View)实现 1

转载

mob604756e92c53 2010-02-25 13:34:00

核心概念

将控制器逻辑controller 和视图展示view 分离，有助清晰隔离应用程序代码和用户界面展示的脚本。更方便地对应用程序逻辑进行单元测试，而不需要 UI 展示逻辑，修改 UI 脚本，而不会更改应用程序的代码，从而分离了开发人员和用户界面设计人员在项目中的合作。

虽然在在逻辑方法action 中可以写代码拼装 HTML，通过 Response.Write() 方法返回给客户端，但是这个方法不好。应该在 action 方法中做业务和数据逻辑，并将相关的数据传递给单独的视图（view）模板，view 负责生成 HTML 展示。view 模板好似Asp/PHP 的网页文件，在其中嵌入了脚本并从后台获得所需要的数据。

看一下默认生成的代码Controller，其中重要的地方已经添加了下划线

using System.Web.Mvc;

namespace MvcApplication1.Controllers
{
    [HandleError]
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewData["Message"] = "Welcome to ASP.NET MVC!";

            return View(); //Controller 基类的 View()方法
        }

        public ActionResult About()
        {
            return View();
        }
    }
}

第二种方法，改进View方法，来包含参数

public ActionResult Index() {

var users = GetUsers();

if (users == null)

{

return View("NotFound");

}

else

{

return View("Index", users);

}

}

上面代码的View 的第一个参数是view 模板文件，指定用来生成结果的View文件。第二个参数是 model 对象，包含了 view 模板生成 HTML 响应所需要的数据。

基于上面的控制Controller来演示 View 的建立和数据传递

新建或者转到一个View 模板为我们提供了Action 右键菜单，在不同的Action 方法当当中，右键菜单下选择新建，或者转到都会根据Action 的名字来操作

比如右键About 选择 Add Veiw，会弹出下面的新建试图对话框

如上图，我们可选择创建一个什么样的View，以及他的MasterPage 是那个，并包含在模板页的位置

默认设置建立一个Message页面，我们会看到一下标记，其中有两个内容块，

第一块允许我们定制 HTML页面的标题，

第二块允许我们定制 HTML 页面的主要内容（main content）。

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Message
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Message</h2>

</asp:Content>