asp.net-mvc - 使用ASP.NET MVC和MVVM的页面初始化模式，如 knockout js

Question

创建交互式表单或其他类型的网页时，knockoutjs有两个选项。可以创建一个强类型的 View ，然后从 Controller 将模型传递给它。另一方面，可以很容易地从一个普通的旧html文档开始，并在初始加载后通过调用操作方法(JsonResult或其他方法)对其进行初始化。

同样，在将页面作为MVC View 启动时，可以使用HtmlHelpers以及普通的旧html标记来初始化 View 。另一个选择是将模型状态作为json序列化到一个隐藏字段，并使用该字段初始化 View 。

以我的经验，在第一次加载期间，让ko初始化 View 时可能会有延迟。无论您是通过从序列化的隐藏字段传递json构造 View 模型，还是依靠它调用各种服务来加载数据，页面都处于“就绪”状态。可以通过使用HtmlHelpers等初始化页面来避免这种类型的延迟，但是这种初始化还可能产生额外的费用( Controller 中的额外初始化逻辑， View 中的默认内容等)。

哪种MVVM最能初始化页面？在 View 中使用HtmlHelpers还是完全使用cshtml是一个坏主意吗？如果没有，您如何在view和viewmodel之间划界线？

Answer 1

“最MVVM”是一个很难回答的问题，特别是考虑到我们已经在将模式与MVC和 knockout 混在一起了。

我认为让 knockout 完成所有初始化工作将是“最MVVM”，但是在遇到问题时严格遵循模式并不是一个好主意。如果在DOM准备好后的KO设置值导致问题，可以通过让HtmlHelpers初始化页面来解决此问题，那么会执行的工作。因为HtmlHelpers可以让您同时设置data-bind属性，所以这感觉是一个不错的解决方案，而我之前已经做过了，效果很好。

我想说，将JSON存储在隐藏字段中并不是一个好主意。您可以在javascript中使用以下代码将模型直接编码为JSON:

var initialData = @Html.Raw(Json.Encode(Model));

这是一个很好的解决方案，因为该页面从您的 Controller 发送的数据开始，而无需第二个请求。

您可能需要考虑要进行哪些权衡。如果您希望纯净且不重复代码，则可能不得不接受KO问题，需要花一些时间来初始化页面。如果您想要完美的用户体验，则可能不得不牺牲一点纯度。