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

最新推荐文章于 2022-03-31 19:15:00 发布

weixin_30664615

最新推荐文章于 2022-03-31 19:15:00 发布

阅读量102

点赞数

CC 4.0 BY-SA版权

文章标签：测试

原文链接：http://www.cnblogs.com/denny402/p/3265470.html

文章详细介绍了如何在MVC3框架中利用ViewModel将多个数据表的内容整合到一个视图中展示，通过实例展示了如何创建ViewModel类、控制器方法以及视图模板来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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>