博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MVC数据从Controller传递到View之ViewData & ViewModel
阅读量:2385 次
发布时间:2019-05-10

本文共 3771 字,大约阅读时间需要 12 分钟。

从Controller传递数据到View视图模板MVC模式一个典型的特征是严格的功能隔离。Model模型、Controller控制器和View视图各自定义了作用和职责,且相互之间以定义好的方式进行沟通。这有助于提升测试性和代码重用。当Controller决定呈现HTML响应给客户端是,它负责显式传递给View模板所有需要的数据。View模板从不执行任何数据查询或应用程序逻辑 – 仅仅负责呈现Model或Controller传递过来的数据。

当需要从Controller传递不止一个Model对象时,就要用到ViewData字典或ViewModel模式。例如,当我们需要Controller在View呈现Dinner对象和支持的Countries列表的时候,采用如下两种方式来实现。

使用ViewData 字典

Controller基类公开了一个ViewData 字典属性,用来从Controllers传递额外的数据给Views视图。

     Controller中代码
     [Authorize]
    public ActionResult Edit(int id)
    {
        Dinner dinner = dinnerRepository.GetDinner(id);
         ViewData["Countries"] = new SelectList(PhoneValidator.Countries, dinner.Country);
        return View(dinner);
    }
    上面代码中SelectList构造函数的第一个参数显示国家列表,第二个参数指定当前选中的国家。    
    View中代码
    <%= Html.DropDownList("Country", ViewData["Countries"] as SelectList)%>
    上面代码中第一个参数表示输出的HTML表单元素名称,第二个参数是通过ViewData传递的模型类。
   使用ViewModel模式:
    ViewData的优点:非常快,容易实现
    ViewData的缺点:输入错误会导致错误;不能在编译期发现错误原因;在View视图模板中使用强类型时,ViewData要用as来转换。
    ViewModel模式:
    1.针对特定的View视图创建强类型的类
    2.公开View模板需要的动态参数值或内容
    3.Controller类填充和传递这些类给View模板去用
    4.优点:类型安全、编译期检查和编辑器的智能提示
    示例代码:
    public class DinnerFormViewModel
    {
           public Dinner Dinner {get; private set;}
            public SelectList Countries{get; private set;}
           public DinnerFormViewModel(Dinner dinner)
           {
                Dinner = dinner;
                Countries = new SelectList(PhoneValidator.Countries,dinner.Country);
           }

    }

    在Controller类中
    [Authorize]
    public ActionResult Edit(int id)
    {
        Dinner dinner = dinnerRepository.GetDinner(id);
        return View(new DinnerFormViewModel(dinner));
    }
    在View视图模板中
    头部Inherits = "System.Web.Mvc.ViewPage<NerdDinner.Models.Dinner>"改为
    Inherits = "System.Web.Mvc.ViewPage<NerdDinner.Controllers.DinnerFormViewModel>"
    绑定列表即为<% = Html.DropDownList("Country".Model.Countries) %>

下面我们需要更新视图中的代码。对于表单中的HTML元素的名称不需要更新,仍旧保持为Title、Country等等,我们需要更新HTML辅助方法,使用DinnerFormViewModel类来获取属性值。<p><label for="Title">Dinner Title:</label>

<%= Html.TextBox("Title", Model.Dinner.Title) %>

<%= Html.ValidationMessage("Title", "*") %></p><p><label for="Country">Country:</label><%= Html.DropDownList("Country", Model.Countries) %>

<%= Html.ValidationMessage("Country", "*") %></p>

同样地,我们也需要更新Edit Post方法,在产生错误时,使用DinnerFormViewModel类传递给视图模板: POST: /Dinners/Edit/5[AcceptVerbs(HttpVerbs.Post)]

public ActionResult Edit(int id, FormCollection collection) {Dinner dinner = dinnerRepository.GetDinner(id);try {UpdateModel(dinner);dinnerRepository.Save();return RedirectToAction("Details", new { id=dinner.DinnerID });}catch {ModelState.AddModelErrors(dinner.GetRuleViolations());

return View(new DinnerFormViewModel(dinner));}}

我们也更新Create() Action方法,重用相同的DinnerFormViewModel类,在View中实现Country下拉列表框。下面是HTTP-GET的实现代码: GET: /Dinners/Createpublic ActionResult Create() {Dinner dinner = new Dinner() {EventDate = DateTime.Now.AddDays(7)};return View(new DinnerFormViewModel(dinner));} 下面是HTTP-POST Create方法的实现代码: POST: /Dinners/Create[AcceptVerbs(HttpVerbs.Post)]public ActionResult Create(Dinner dinner) {if (ModelState.IsValid) {try {dinner.HostedBy = "SomeUser";dinnerRepository.Add(dinner);dinnerRepository.Save();return RedirectToAction("Details", new { id=dinner.DinnerID });}catch {ModelState.AddModelErrors(dinner.GetRuleViolations());}}return View(new DinnerFormViewModel(dinner));

}

定制ViewModel类(Custom-shaped ViewModel Classes)在上面的实现方案中,DinnerFormViewModel类直接公开了2个公有属性:Dinner 模型对象和SelectList模型属性。这一方法适合于View模板中HTML用户界面元素和业务Model对象比较接近的场景。如果不符合这一情况,可以考虑创建定制的ViewModel类,根据视图的使用情况创建优化的对象模型 – 该对象模型可能完全不同于底层的业务模型对象(Domain Model Object)。例如,该ViewModel类有可能公开不同的属性或者从多个Model对象中汇总的属性。定制的ViewModel类不仅可用来从Controller传递数据到View去呈现,而且可用来处理从表单提交回来给Controller的action方法的数据。针对后一种情况,你可以让Action方法根据表单提交回来的数据更新ViewModel对象,接着使用ViewModel实例来映射或者获取时间的业务模型对象(Domain Model Object)。定制ViewModel类提供了很好的灵活性,在任何时候,你发现View模板中的呈现代码或Action方法中表单提交代码越来越开始复杂时,你可以考虑使用定制的ViewModel了。通常,这意味着业务模型对象和View视图中的用户界面元素不一致,一个中介的定制ViewModel类就可以发挥作用了。

转载地址:http://oljab.baihongyu.com/

你可能感兴趣的文章
常见的前端开发:Javascript 面试题及回答策略
查看>>
web前端开发学习推荐这5本书
查看>>
Windows资源管理器相关信息获取
查看>>
windows资源管理器及ie监听
查看>>
No module named 'Crypto'
查看>>
常用openstack的镜像下载及密码
查看>>
详解python中的浅拷贝和深拷贝
查看>>
详解python中闭包和装饰器
查看>>
修改openstack云主机的IP地址
查看>>
ubuntu系统的定制裁剪(适用于嵌入式瘦客户端)
查看>>
嵌入式之系统移植详解(linux)
查看>>
openstack之 glance_image和instances存储目录解析
查看>>
centos7(三节点)搭建ceph环境
查看>>
将linux(ubuntu)安装到U盘下面--便携式ubuntu和使用dd制作U盘安装工具
查看>>
linux之强大的find命令
查看>>
python使用变量操作mysql语句
查看>>
linux bridge 网桥详解
查看>>
ceph&openstack发展前景
查看>>
Mysql之主键、外键和各种索引
查看>>
ceph&云计算
查看>>