javascript - 如何使用 Knockout 构建单页应用程序？

Question

我最近开始玩 Knockout，我必须说它真的很棒，它可以为 Web 应用程序带来强大的功能。

但是现在我想做一些现实世界的事情，并使用 Knockout 构建我的解决方案。例如。我的 View 模型应该如何初始化。他们应该去哪里？我主要针对单页应用程序。所以，我主要对构建单页应用程序感兴趣。

Answer 1

拼图有很多部分，但这里是我的一个简短列表。

免责声明:我也会对您的应用做出一些假设，因此其中一些会有所不同。此外，这只是一种方法。可能有一些好的方法。但这对您来说应该是一个很好的起点。

假设您的应用是 SPA 中的一组大约 5 个主要 View :

1. 创建一个 master/shell html 页面来放置应用
2. 为每个 View 创建一个 View /部分页面 (html)。在您导航/路由到它之前，每个 View 都是隐藏的。
3. 创建一个可以绑定(bind)到每个 View 的 View 模型启动一切的 bootstrapper.js。
4. Bootstrapper 应该启动您使用的任何路由引擎(sammy、history 等)
5. Bootstrapper 会将 View 绑定(bind)到 Bootstrapper 可以使用的 View 模型还为您的 SPA 启动任何种子数据和状态
6. 提示:使用 SoC。让您的 View 模型成为 View 的模型。不要让它们进行路由、ajax 调用、ui 操作等。为其他功能提供单独的对象。 DRY、KIS、SoC ... 都是好东西 :-)

我使用 Revealing Module Pattern 创建我的 View 模型，尽管标准 Module 也非常好。

如果您有更具体的问题，很乐意回答。我尽量保持简短，因为事实上这不是 5 分钟的回答。事实上，我正在为 Pluralsight 编写一门类(class)，其中一种方法将于 2012 年 8 月发布:-)