SproutCore:将MVC引入JavaScript

简介:

SproutIt发布了SproutCore,一个基于JavaScript语言的完整的全新MVC应用程序框架。SproutCore是SproutIt为了他们的产品Mailroom而开发的,现在已经被Apple用在了.Mac Web Gallery上。下面是来自Tucows的报导:
[……]SproutCore是一个完全运行于浏览器端的JavaScript框架,可以运行在以任何服务器技术为后端的配置环境中。在Jolley的公司SproutIt,他们使用Rails作为服务器后端,他们用一个包含了SproutCore框架的Rails插件来将一切变得更容易。Jolley说 Apple前端使用的是SproutCore,后台则使用WebObjects技术和一台WebDAV服务器[……]
由于市面上早就出现了不少Ajax程序库,InfoQ采访了作者Charles, Jolly,详细了解SproutCore与它们的不同之处。Jolly首先被问到究竟是什么灵感使得他在已有的很多JavaScript框架的之外还要再重新开发一个全新的框架:
在我们构建新版本的Mailroom(我们为小型商业公司提供的邮件管理器——http://www.sproutit.com/mailroom)时,我想做一些更加丰富多彩的东西,使其更像一个桌面软件,而不是一个Web应用程序。

但有个问题就是其它的框架都是被设计用来帮助你在网页的这儿或那儿添加一些Ajax以及动画效果,它们不能帮助你在Web浏览器之上构建一个功能齐备的应用程序。所以我在开发Mailroom的时候,所以我不得不额外构建的用来支持这个富界面的部分,都被我抽取出来,并在软件本身的基础上做出了这个框架。
他又回答了SproutCore所拥有的而其它现有框架没有的特性:
SproutCore和其它框架最大的不同之处在于,它为你提供了所有必要的工具,让你能真正得以与实际数据打交道。换句话说,你可以从服务器读取数据,然后用SproutCore来生成你的用户界面。同样,用户操作数据,SproutCore也将自动的更新你的用户界面并且不需要和服务器进行交互。它使得你的应用程序感觉非常的快速并且丰富多彩。

来看一个非常简单的例子:在Mailroom中我们有一个叫做“Needs Attention”的页面,来告诉你你现在必须回复的邮件。当你回复了一个信息,我们就马上将它从“Needs Attention”这个页面移除。

在传统的框架和Web程序中,你必须与服务器进行一次完整的交互或者编写大量额外的JavaScript。但是用SproutCore这一切都是自动的。只要将消息的状态设置为“已回复”,那么消息列表就会更新。
接下来Jolley被问到到底哪些应用程序该用SproutCore,哪些不该:
如果你希望构建一个更像桌面程序的富客户端程序,你一定要使用SproutCore。一旦你在页面上加入工具栏、菜单和源列表之类的组件后,你很快就会发现你得在页面上维护很多细微的状态。SproutCore使得这些变得更加容易实现。

如果你只是有个网页,并且只需要一些Ajax和动画特效的话,SproutCore就显得大材小用了。我倾向于使用一些更加简捷的框架,譬如 Scriptaculous。实际上,在我们的营销页面和Sproutit的Blog中,我们使用的是Scriptaculous和Prototype。不过我们也使用SproutCore来构建我们所有的Web程序。
随后,这次采访的话题又转向了Apple。Jolley谈到他自己和Apple之间在.Mac Galley上的合作。他说当Apple发现SpoutCore框架后,他被邀请加入他们的团队来帮助他们构建应用程序。为了提高SproutCore的性能以及完善它的API,.Mac团队为在原有基础上又添加了大量的功能。这就使得如今的SproutCore API的运行速度提高了4到5倍,同时跨浏览器方面的表现也是渐入佳境。
最后Jolley被问及了SproutCore的未来:
我正在为它加入更多的功能,例如源列表、工具栏、拖拽和一些超炫的动画效果,这将使SproutCore在UI设计方面更上一层楼。不过可能更重要的是,我正在构建一个实例性的应用或是一个入门教程,因为我认为这是现在采用SproutCore最重要的障碍。

本文转自BlogJava 新浪blog的博客,原文链接:SproutCore:将MVC引入JavaScript,如需转载请自行联系原博主。

相关文章
|
7月前
|
前端开发 JavaScript 中间件
基于最新koa的Node.js后端API架构与MVC模式
基于最新koa的Node.js后端API架构与MVC模式
136 1
|
7月前
|
JavaScript Java 测试技术
基于springboot+vue.js的基于mvc的高校办公室行政事务管理系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的基于mvc的高校办公室行政事务管理系统附带文章和源代码设计说明文档ppt
29 0
|
设计模式 前端开发 JavaScript
|
存储 前端开发 JavaScript
JS案例:用购物车理解前端MVC架构
JS案例:用购物车理解前端MVC架构
292 0
JS案例:用购物车理解前端MVC架构
|
设计模式 存储 前端开发
JavaScript设计模式-MVC模式(6)
JavaScript设计模式-MVC模式(6)
JavaScript设计模式-MVC模式(6)
|
JavaScript 前端开发 BI
mvc+js实现自动生成.doc文件
mvc+js实现自动生成.doc文件
143 0
mvc+js实现自动生成.doc文件
|
开发框架 前端开发 JavaScript
Mithril.js:一个高性能 JavaScript MVC 框架
现代前端的发展涌现出很多出色的 JavaScript 框架,在性能和效率方面各有特色,每个前端团队都有自己使用得比较顺手的开发框架。本文介绍一个新的前端框架:Mithril.js,是一个高性能 JavaScript 框架,它的大小和速度使其成为满足视图模型需求的不错选择。
306 0
Mithril.js:一个高性能 JavaScript MVC 框架
|
前端开发 JavaScript
Backbone.js:为复杂WEB应用程序提供MVC结构
Backbone.js:为复杂WEB应用程序提供MVC结构
|
存储 Web App开发 前端开发
【译】用纯JavaScript写一个简单的MVC App
我想使用model-view-controller体系结构模式并用纯JavaScript编写一个简单的应用程序。所以我着手做了,下面就是。希望能帮你理解MVC,因为这是一个很难理解的概念,刚接触时候会很疑惑。
【译】用纯JavaScript写一个简单的MVC App
|
Web App开发 JavaScript 前端开发
10 个最佳的 Node.js 的 MVC 框架
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的, 易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞 I/O 模型变得轻量和高效, 非常适合 run across distributed devices 的 data-intensive 的实时应用·
436 0
10 个最佳的 Node.js 的 MVC 框架