繁体   English   中英

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

[英]Lightweight frameworks for client-side MVC in javascript?

我正在构建一个简单的客户端调查工具。 用户创建和编辑简短调查,并在完成后将其导出为XML(或类似格式)。

我开始使用jquery,但意识到在HTML DOM和基础XML之间来回映射将是一件令人头疼的事情。 编辑一个或另一个很容易,但是要使它们保持同步是很痛苦的。

无论如何,这似乎是一个标准的MVC问题,但有一些额外的折痕:

  • 我想在客户端完成所有这些工作。
  • 轻巧肯定更好。

有什么想法吗? 我研究了骨干网,但是它似乎是建立在与服务器端模型进行REST交互的基础上的,这对我来说并不理想。 对于这么小的东西,JavascriptMVC看起来确实很大。

请查看AngularJS ,它指出将JS驱动的Web应用程序使用HTML所需要的东西带到了HTML。 您可以在首页上以一个非常简单的待办事项应用程序的展示形式找到一个简单的用法示例。

您应该看一下KnockoutJS ,它是一个JavaScript MVVM框架,非常适合您的工作。

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

通过创建提供内存持久性的自定义存储后端,可以在不进行服务器同步的情况下使用Backbone

看一个样本localStorage后端: http : //documentcloud.github.com/backbone/docs/backbone-localstorage.html ,它覆盖了Backbone的sync方法

我知道这不是一个真正的“ MVC”框架,但您可以从检出jQuery模板插件-http: //api.jquery.com/category/plugins/templates/中受益。 您可以创建一个模板(在本例中为XML模板),该模板可用于构建JSON对象的输出。 这将使您可以将数据保存在一个地方,并允许从数据对象自动进行“渲染”。

您可以通过JavaScriptMVC的下载生成器使用它: http : //javascriptmvc.com/builder.html 只需检查模型,视图,控制器,您就可以启动了! 以下是仅使用这些部分的演练:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM