在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,做法完全是一样的。