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

Posted 2020-10-03 山涧清泉

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