码迷,mamicode.com
首页 > Web开发 > 详细

ViewModel在MVC3中的应用:一个view显示多个model

时间:2017-08-17 12:51:42      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:简单   display   nbsp   div   首页   技术分享   控制器   tor   form   

在mvc3中,默认是一张数据表对应一个model,一个视图 view只显示一个model。

但是有些时候,我们一个视图上可能需要显示多个model的内容,即一个网页可能要展示多张表的信息,那怎么办呢,这时候,ViewModel就能派上用途了。

ViewModel,顾名思义,专为view服务的model,专门为view视图准备的model。

我这里假设有两个张数据表,Article表和Information表,都需要在首页上显示出来,看看下面的步骤:

一、先写出两张表各自对应的model和相应的DbContext文件,这一步比较简单,我就省略了。

二、创建一个类(ViewModel),取名为indexData

技术分享
技术分享
 public class IndexData
    {
        public IEnumerable<Information> Information { get; set; }
        public IEnumerable<Article> Article { get; set; }
        public IndexData()
        {
            Entities db = new Entities();
            this.Information = db.Information.ToList();
            this.Article = db.Article.ToList();
        }
    }
技术分享
技术分享

三、控制器Controller

    public ActionResult Index()
        {
            IndexData ind = new IndexData();
            return View(ind);
        }

四、view视图

技术分享
技术分享
@model IndexData
<div> <ul> @foreach (var item in Model.Information.Take(8)) { <li>@Html.DisplayFor(m => item.InfoTitle)</li> } </ul> </div> <div> <ul> @foreach (var item in Model.Article.Take(8)) { <li>@Html.DisplayFor(m => item.ArticleTitle)</li> } </ul> </div>
技术分享
技术分享

如果Article表又想分成两部分来显示,则可以这样:

技术分享
技术分享
@model IndexData
<div> <ul> @foreach (var item in Model.Article.Where(c=>c.type=="news").Take(8)) { <li>@Html.DisplayFor(m => item.InfoTitle)</li> } </ul> </div>
<div>
   <ul>
   @foreach (var item in Model.Article.Where(c=>c.type=="story").Take(8))
   {
      <li>@Html.DisplayFor(m => item.InfoTitle)</li>
   }
    </ul>
</div>
 
技术分享
技术分享

我这里的ViewModel里面只涉及到了两张表,实际上更多张表也是一样的。有些门户网站的首页,可能需要显示十几个model,做法完全是一样的。

ViewModel在MVC3中的应用:一个view显示多个model

标签:简单   display   nbsp   div   首页   技术分享   控制器   tor   form   

原文地址:http://www.cnblogs.com/sjqq/p/7380600.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!