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

时间:2022-11-09 17:20:25

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

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

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

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

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

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

ViewModel在MVC3中的应用:一个view显示多个model
 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();
}
}
ViewModel在MVC3中的应用:一个view显示多个model

三、控制器Controller

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

四、view视图

ViewModel在MVC3中的应用:一个view显示多个model
@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>
ViewModel在MVC3中的应用:一个view显示多个model

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

ViewModel在MVC3中的应用:一个view显示多个model
@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在MVC3中的应用:一个view显示多个model

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