MVC4 单页应用程序 - 多个屏幕答案

【问题标题】：MVC4 Single Page App - Multiple screensMVC4 单页应用程序 - 多个屏幕
【发布时间】：2012-06-08 09:34:24
【问题描述】：

浏览 Microsoft 的教程，他们似乎在非常简单的场景中使用了 SPA，即过滤或更新单个列表。

假设我有一个稍微复杂一点的界面，我可能有多个列表、多个添加屏幕和一些向导等来指导用户完成某些过程。

单页面应用程序的首选方法是否为系统的每个区域拥有多个控制器和视图，即如果我有一个用户管理区域 - 这可能是一个控制器/视图，维护用户配置文件可能是另一个控制器/查看。

因此，用户体验将是页面之间的导航，但在他们想要执行某些操作的页面上，这全是 AJAX？

如果这样的应用是真正的 SPA，我想我最终会在一个页面中显示大量 div，反映每个区域的用户界面在我的系统中 - 此页面的占用空间可能很大？

我想我可以通过将其与 FaceBook 进行比较来比较我想要实现的目标吗？不过我假设他们是通过 AJAX 即时下载视图，因此占用空间相对较小。

【问题讨论】：

【解决方案1】：

真正的 SPA 会“实时”生成/销毁 UI，通常是为了响应某种 JSON 调用。这就是像knockout.js 这样的框架字真正有帮助的地方[消除了很多双向绑定代码]。

当然，在“幕后”代码中，您可以按照您喜欢的任何方式对其进行结构化。新的 ASP.NET Web API 非常适合这一点。设置您的初始 UI，将操作（通常是 RESTful 端点）编码为 JSON API；然后让 javascript 进行 JSON 调用并即时构建额外的 UI。

您可能不需要很多完整视图，但一些部分视图作为 javascript 创建 UI 元素的模板可能会有所帮助。

【讨论】：