使用js-mvc框架的代码组织

Question

我想写一个简单的Web应用程序

看起来像：

--------------------------------------------------------------------------

+Friends     |      Here we have a few different pages
   John      |      1. Search form 
   Alex      |      2. When we click on search button we get results with paging
   Ashton    |      3. Other stuff which can change friends list menu etc  
             |   
+menu1       |
   subMenu1  |
   subMenu2  |
   subMenu3  |
   subMenu4  |
             |
             |

我认为它必须是单页面应用程序，这意味着我们使用AJAX与服务器进行通信。

我对js mvc框架没有很好的经验，这就是为什么你能给我建议哪个框架选择以及如何做正确的代码组织？

此刻我有击倒和脊柱的经验。

1. Knockout不是这种UI类型的好选择，因为它对于具有重元素依赖性的ui是好的。这不是我们的情况。

2. 脊柱。好脊柱我认为更好的选择然后淘汰赛。 但什么是最好的代码组织？可能是任何类似的例子？ 我的应用程序的哪些部分应该是控制器，什么是模型？

Answer 1

如果您正在寻找MVC JS框架，那么我会尝试BackboneJS：http://documentcloud.github.com/backbone/。这是一个很好的资源，介绍如何使用BackboneJS构建单页面应用程序：http://addyosmani.com/blog/building-spas-jquerys-best-friends/

KnockoutJS是一个MVVM框架。它最适合用于UI元素的模型绑定。如果您将它与PathJS等路由器结合使用，它当然可以用于单页应用程序。

Answer 2

由于您有使用Spine的经验，我看不出您应该切换到Backbone的原因。 它们非常相似，所以它可能不会产生太大的影响 对于代码组织，我会看看Spine的examples。

@ t0nyh0 ps Backbone技术上是一个MV *框架。