javascript中客户端MVC的轻量级框架？

Question

我正在构建一个简单的客户端调查工具。用户创建和编辑简短的调查，并在完成后将其导出为XML（或类似的东西）。

我开始使用jquery，但意识到在HTML DOM和底层XML之间来回映射会很困难。编辑其中一个很容易，但保持同步是一件痛苦的事。

无论如何，这似乎是一个标准的MVC问题，还有一些额外的皱纹：

• 我想在客户端做所有这些工作。
• 轻量级肯定更好。

有什么想法？我查看了主干，但它似乎是围绕REST-ful与服务器端模型的交互构建的，这对我来说效果不佳。对于这么小的东西，JavascriptMVC看起来真的很笨重。

Answer 1

查看AngularJS，其中指出它为HTML带来了为JS驱动的Web应用程序使用HTML所需的内容。你可以在起始页面上以一个非常简单的todo应用程序的展示形式找到一个简单的例子。

Answer 2

你应该看看KnockoutJS这是一个JavaScript MVVM框架，它非常适合你的工作。

您可以使用jQuery将xml转换为JavaScript对象并添加一些Knockout模型魔法，当模型更改时，您的UI将自动更新。

Answer 3

通过创建提供内存持久性的自定义存储后端

，您可以在不使用服务器同步的情况下使用Backbone

查看示例localStorage后端：http://documentcloud.github.com/backbone/docs/backbone-localstorage.html，它会覆盖Backbone的同步方法

Answer 4

我知道这不是一个真正的“MVC”框架，但你可以从查看jQuery模板插件 - http://api.jquery.com/category/plugins/templates/中受益。您可以创建一个模板（在本例中可以是XML模板），您可以使用该模板从JSON对象构建输出。这将允许您将数据保存在一个位置，并允许“渲染”自动从您的数据对象发生。

Answer 5

您可以通过它的下载构建器http://javascriptmvc.com/builder.html使用JavaScriptMVC。只需检查模型，视图，控制器即可关闭！以下是仅使用这些部分的演练：

http://javascriptmvc.com/docs.html#!mvc