如何在ASP.NET MVC中使用ViewModels

Question

我刚刚开始学习ASP.NET MVC中的ViewModels。因此，我想实现一个示例如下：

商业实体

public class AddModel
{
    public int a { get; set; }
    public int b { get; set; }
    public int Add()
    {
        return (this.a + this.b);
    }
}

添加ViewModel

public class AddViewModel
{
    public AddModel addModel;
    public int Total { get; set; }
}

控制器

public class AddController : Controller
{
    [HttpPost]
    public JsonResult Add(AddViewModel model)
    {
        int iSum = model.addModel.a + model.addModel.b;
        model.Total = iSum;
        return Json(model);
    }
    public ActionResult Index()
    {
        return View();
    }
}

查看实施

@model ViewModelApplication.AddViewModel
<script type="text/javascript" src="../../Scripts/MicrosoftAjax.js"></script>
<script src="../../Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script>
<script type="text/javascript">
    function Callback(data) {
        alert("I am sucess call");
    }
    function Failed() {
        alert("I am a failure call");
    }
</script>
@using (Ajax.BeginForm("Add", "Add", new AjaxOptions { OnSuccess = "Callback", OnFailure = "Failed" }))
{
    <table align="center">
        <tr>
            <td class="tdCol1Align">
                <label>
                    Number1</label>
            </td>
            <td class="tdCol2Align">
                @Html.TextBoxFor(Model => Model.addModel.a)
            </td>
        </tr>
        <tr>
            <td class="tdCol1Align">
                <label>
                    Number2</label>
            </td>
            <td class="tdCol2Align">
                @Html.TextBoxFor(Model => Model.addModel.b)
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="submit" value="Add" class="button" />
            </td>
        </tr>
    </table>
}

这里的问题是，每当单击Add按钮时，我都无法检索输入到文本框中的值；相应的AJAX操作就是它。

当我尝试访问a和b的值时，我得到的是null，而不是在文本框中输入的值。

我不确定哪里出了问题。请帮忙。

Answer 1

您的视图模型应该看起来像这个

public class AddViewModel
    {
        public int a { get; set; }
        public int b { get; set; }
        public int Total { get; set; }
    }

以及在cshtml 中

            <td class="tdCol2Align">
                @Html.TextBoxFor(m=> m.a)
            </td>
            <td class="tdCol2Align">
                @Html.TextBoxFor(m=> m.b)
            </td>

在控制器中

        [HttpPost]
        public JsonResult Add(AddViewModel model)
        {
            int iSum = model.a + model.b;
            model.Total = iSum;
            return Json(model);
        }

编辑

视图模型是用来渲染视图的——不要在其中放置任何逻辑。如果您有更复杂的模型，那么将很难将Model与ViewModel进行映射。为此，您可以使用AutoMapper或ValueInjector在模型和视图模型之间进行映射。

自动映射器的链接http://automapper.codeplex.com/

价值注入器链接http://valueinjecter.codeplex.com/

希望这对有帮助

Answer 2

您不应该在视图模型中使用域（业务）实体。如果您这样做了，视图模型是非常无用的，因为它仍然包含您可能不希望在视图中使用的业务逻辑。示例中的模型并不能真正代表真实世界的场景，视图模型也不是真正需要的。

视图模型的一个更常见和琐碎的例子是登录表单：您可能有一个名为User的域模型，您希望他们登录。User域模型可能很大，只需要其中的一小部分就可以进行身份验证。它还包含数据库的验证逻辑，它不代表登录表单的验证逻辑

User域模型：

public class User
{
    [Required]
    public string UserName { get; set; }
    [Required]
    [MaxLength(36)] // The password is hashed so it won't be bigger than 36 chars.
    public string Password { get; set; }
    public string FullName { get; set; }
    public string SalesRepresentative { get; set; }
    // etc..
}

上述域模型表示数据库表，因此包含验证逻辑以确保完整性。

public class LoginModel
{
    [Display(Name = "User Name")]
    [Required(ErrorMessage = "Please fill in your user name.")]
    public string UserName { get; set; }
    [Required(ErrorMessage = "Please fill in your password.")]
    public string Password { get; set; }
    public bool RememberMe { get; set; }
}

上面的视图模型只包含登录表单所需的属性，并且有自己的数据注释。这有助于清晰地分离视图逻辑和业务/数据逻辑。