ASP.NET MVC 4 / MVVM / Web API 的良好结构？ [关闭]

Question

我有一个 .NET MVC 4 项目并且刚刚启动了 Kendo UI MVVM 框架。 MVC 使用 ViewModel 将数据从控制器发送到视图。我通过 MVVM 框架管理所有客户端对象，并使用 JSON 序列化它们并将它们发送回我的控制器。

目前，我使用 MVC ViewModel 返回页面上的静态数据，并使用 jquery 调用来获取页面上所需的任何动态数据。我发现有两种检索数据的方法令人困惑。 （如果我觉得它令人困惑，想象下一个必须在我的代码中工作的开发人员）

我发现通过 ViewModels 将数据发送到视图有点没用，因为我可以轻松地拥有一个结构，在我的 javascript 代码中按需查询控制器（通过 Web API）并将其直接保存到我的 MVVM 视图模型中.

我发现在我的 UI 中使用 MVVM 框架有很多优势，它使控件绑定变得更加容易。

我的问题：

从控制器获取数据到 MVVM ViewModel 的最佳方式是什么？

我觉得使用 MVC ViewModel 是重复工作，因为我可以通过 ajax 请求查询我的 Web API，而不是将我的 MVC ViewModel 转换为我的 MVVM JS ViewModel。

永远不要将 MVC 视图模型返回到我的 UI 并始终使用客户端 Web API 调用来检索所有数据，这会是一种好方法吗？

谢谢，

尼古拉斯

Answer 1

永远不要将 MVC 视图模型返回到我的 UI 是否是一种好方法 并始终使用客户端 Web API 调用来检索所有数据？

我会说这取决于您的用例。

您当然可以在页面显示在 MVC 模型中时返回需要呈现的数据。请记住，MVC 模型被渲染到服务器上生成的 HTML 页面中。这意味着这些值可以在返回给客户端之前直接注入 HTML。

另外请记住，如果您必须多次访问服务器，则完全呈现您的页面可能需要更长的时间；一次用于获取 HTML，然后一次用于每个 Kendo 小部件以异步获取数据。

也就是说，我通常最终会按照你说的做......只需渲染一个没有模型的 MVC 视图，然后让 Kendo UI 小部件在页面加载后获取它们的数据。

但实际上，这在某种程度上取决于您的数据。如果您的 MVC 模型包含：

public string Title { get; set; }

在 Razor 中你有：

<h1>@Title</h1>

那么这并不是我想要异步重新获取数据的情况。在这些情况下，我通常会做一些 hacky 的事情，然后将值放入页面中：

<script type="text/javascript">
    window.viewData = window.viewData || {};
    window.viewData.Title = "@Title"
</script>

<h1 data-bind="text: Title"></h1>

<script src="viewmodel.js"></script>

然后在 viewmodel.js 文件中（我从返回的 HTML 中创建了一个单独的文件，以便它可以被浏览器缓存）

(function (viewData) {
    var viewModel = kendo.observable({
        Title: viewData.Title
    });

    kendo.bind($("body"), viewModel);
})(window.viewData);

不过，这只是我自己的方法。它不一定适用于所有情况。这一切都取决于您从哪里提取什么数据以及提取多少。

Answer 2

从我对MVC架构的理解来看，MVVM中的View Model和MVC中的ViewModel是完全不同的。我从您的帖子中可以看出，您正在使用一个框架，借助该框架将数据绑定到视图。您能否详细说明框架或向我们提供代码，以便它可以帮助其他人/我更好地解决您的问题。