ASP.NET MVC 入门5、View与ViewData

本系列文章基于ASP.NET MVC Preview5.

view在MVC模式中与用户进行最直接的接触，它负责数据的呈现。这里要注意一点就是，view只是负责数据的呈现，所以我们应该要尽量让view中不涉及业务逻辑的处理。

我们来添加一个Blog首页的view。在安装了ASP.NET MVC后，我们在添加新项目的时候可以看到有MVC的view模板：

注：如果你的是中文版的VS，安装完后可能会出现找不到这个模板的现象，你可以参考在中文版VS 08中安装MVC这篇文章设置一下。

其中MVC View Content Page是有母版页的。我们在Views/Home目录下添加一个MVC View Content Page，并选择我们Views/Shared目录下的Site.Master母版页：

public partial class Index : ViewPage
{
}

ASP.NET MVC默认是使用WebForm来作为view的。所以我们看到新建的aspx页面继承自ViewPage，如果使用aspx页面作为ASP.NET MVC的视图引擎，则所有的aspx页面都必须继承自ViewPage。我们再看一下ViewPage：

我们看到ViewPage继承自ASP.NET WebForm的Page页，还实现了IViewDataContainer接口，同时还提供了一些Helper类的实例。我们可以使用ViewData来从Controller中往view页面中传递数据。下面我们在HomeController中的Index Action中取出Posts列表，然后在View中显示。我们先在Controller中取出数据，前面说过，为了方便，我们会直接使用BlogEngine的Model层来作为我们这个4mvcBlog的Model。所以我们的代码如下：

public ActionResult Index(int? id)
{
ViewData["Title"] = BlogSettings.Instance.Name;

List<IPublishable> posts = BlogEngine.Core.Post.Posts
.ConvertAll(new Converter<Post, IPublishable>(delegate(Post p) { return p as IPublishable; }));

int pageIndex = (id != null && id.HasValue && id.Value > 0) ? id.Value : 1;
    int pageSize = Math.Min(posts.Count, BlogSettings.Instance.PostsPerPage);
    if ((pageIndex - 1) * pageSize + pageSize > posts.Count)
    {
        return ShowMsg(new List<string>() { "页码超出范围" });
    }
    posts = posts.GetRange((pageIndex - 1) * pageSize, pageSize);

ViewData["Posts"] = posts; //向ViewData中传数据

//这里返回View给客户端，如果不指定要返回的View的名称，
    //就是返回和Action同名的View，
    //也就是相当于return View("Index");
    return View();
}

默认的WebFormView搜索View的顺序是按如下顺序搜索的：

其中{1}为ControllerName，{0}为ActionName。MasterLocationFormats为母版页的搜索顺序。

在上面的代码中我们使用ViewData["Posts"]向View页面传递数据，然后我们就可以在View中取出数据并呈现给用户，Views/Home/Index.aspx页面的部分代码如下：

如上红色框中的代码，我们可以从ViewData中取出数据，并转换为相应的类型。在这里我们发现ViewData要做一个类型的转换，其实我们可以将ViewData.Model设置为强类型，只需将我们的View页面继承自ViewPage<TModel>就可以了：

然后在Controller里面return View()的时候直接给ViewData.Model传值，如下所示：

然后在View中我们可以直接从强类型的ViewData.Model中取值：

由上面的代码我看可以看出ViewData.Model就是List<IPublishable>类型，并不需要再进行类型的转换。

ViewData还有一个Eval的方法，我们可以使用这个方法从ViewData中取值。假如我么在Action中使用return View(Post);给View传递一篇日志的数据。而Post有一个Previous的属性指向前一篇日志，则我们可以在View页面中可以这样来取值：

<%= ViewData.Eval("Previous.Title")%>

但是如果使用我最后提供的示例Blog程序的代码这样在取值的时候直接在里面使用"."来取值，你会发现取不了值。因为BlogEngine里面的BusinessBase类实现了IDataErrorInfo接口，而IDataErrorInfo有一个索引器，也就是说BusinessBase有一个索引器，就因为有一个索引器，使Eval中不能用点来取值(不知道是不是bug？)。

补充：上面说到的不是Bug，是因为BusinessBase实现了IDataErrorInfo接口，该接口有个索引器，导致ViewData.Eval()方法调用时搜索索引器的值时返回String.Empty而使ViewData.Eval()认为是找到值了，从而失效。

我们可以将return string.Empty修改为return null，这样就可以了。

好，这一部分就先到这里吧。Enjoy！Post by Q.Lee.lulu。

本文示例Blog的代码：4mvcBlog_5.rar

ASP.NET MVC 入门5、View与ViewData相关推荐

ASP.NET MVC 入门8、ModelState与数据验证
ViewData有一个ModelState的属性,这是一个类型为ModelStateDictionary的ModelState类型的字典集合.在进行数据验证的时候这个属性是比较有用的.在使用Html. ...
ASP.NET MVC 入门系列教程
一个居于ASP.NET MVC Beta的系列入门文章,有朋友提议说写一个示例程序来同步讲解,那样更加容易学习.所以就写选择了写一个Blog程序来作为示例程序.(原来是居于ASP.NET MVC Pr ...
ASP.NET MVC入门到精通——Spring.net-业务层仓储
本系列目录:ASP.NET MVC4入门到精通系列目录汇总上一节,我们已经把项目框架的雏形搭建好了,那么现在我来开始业务实现,在业务实现的过程当中,不断的来完善我们现有的框架. 1.假设我们来做一个 ...
ASP.NET MVC 入门
入门基础 ASP.NET MVC 是微软系列基于 C# 语言的 Web 开发框架,并不适合 0 基础入门,在学习之前你必须要了解 4 个知识点: 1.HTML 基础.网页的基本标签,结合 ASP.NE ...
从零开始学习ASP.NET MVC 入门
<从零开始学习ASP.NET MVC 1.0> 文章导航 (一) 开天辟地入门篇 (二) 识别URL的Routing组件 (三) Controller/Action 深入解析与应用实例 ( ...
14、ASP.NET MVC入门到精通——Ajax
本系列目录:ASP.NET MVC4入门到精通系列目录汇总 Unobtrusive Ajax使用方式(非入侵式) 非入侵式,通俗来讲:就是将嵌入在Html中的JavaScript全部取出来,放在单独的 ...
16、ASP.NET MVC入门到精通——MVC过滤器
本系列目录:ASP.NET MVC4入门到精通系列目录汇总在ASP.NET MVC中有四种过滤器类型 Action 1.在ASP.NET MVC项目中,新建文件夹Filter,然后新建类MyCust ...
ASP.NET MVC 入门7、Hellper与数据的提交与绑定
本系列文章基于ASP.NET MVC Preview5. ASP.NET MVC提供了很多Hellper的方法,Hellper就是一些生成HTML代码的方法,方便我们书写HTML代码(有一部分的朋友更 ...
ASP.NET MVC 入门11、使用AJAX
本系列文章基于ASP.NET MVC beta.本示例Blog系统同步更新的演示站点:http://4mvcblog.qsh.in/ 在ASP.NET MVC beta发布之前,M$就宣布支持开源的J ...

ASP.NET MVC 入门5、View与ViewData

ASP.NET MVC 入门5、View与ViewData相关推荐

最新文章

热门文章