脚本宝典收集整理的这篇文章主要介绍了[译] 在 Nashron 中使用 Backbone.js,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
这个例子展示了如何在Java8的Nashron JavaScript引擎中使用Backbone.js模型。Nashron在2014年三月首次作为Java SE 8 的一部分发布,并通过以原生方式在JVM上运行脚本扩展了Java的功能。对于Java Web开发者,Nashron尤其实用,因为它可以在Java服务器上复用现有的客户端代码。传统的Node.js具有明显优势,但是Nashorn也能够缩短JVM的差距。
当你在HTML5前端使用现代的JavaScript MVC框架,例如Backbone.js时,越来越多的代码从服务器后端移动到Web前端。这个方法可以极大提升用户体验,因为在使用视图的业务逻辑时节省了服务器的很多往返通信。
Backbone允许你定义模型类,它们可以用于绑定视图(例如HTML表单)。当用户和UI交互时Backbone会跟踪模型的升级,反之亦然。它也能通过和服务器同步模型来帮助你,例如调用服务端REST处理器的适当方法。所以你最终会在前端实现业务逻辑,将你的服务器模型用于处理持久化数据。
在服务端复用Backbone模型十分容易用Nashron完成,就像下面的例子所展示的那样。在我们开始之前,确保你通过阅读我的Nashorn教程熟悉了在Nashron引擎中编程JavaScript。
Java 模型
首先,我们在Java中定义实体类PRoduct
。这个类可用于数据库的CURD操作(增删改查)。要记住这个类是个纯粹的Java Bean,不实现任何业务逻辑,因为我们想让前端正确执行UI的业务逻辑。
class Product { String name; double price; int stock; double valueOfGoods; }
Backbone 模型
现在我们定义Backbone模型,作为Java Bean的对应。Backbone模型Product
使用和Java Bean相同的数据结构,因为它是我们希望在Java服务器上持久存储的数据。
Backbone模型也实现了业务逻辑:getValueOfGoods
方法通过将stock
于price
相乘计算所有产品的总值。每次stock
或price
的变动都会使valueOfGoods
重新计算。
VAR Product = Backbone.Model.extend({ defaults: { name: '', stock: 0, price: 0.0, valueOfGoods: 0.0 }, inITialize: function() { this.on('change:stock change:price', function() { var stock = this.get('stock'); var price = this.get('price'); var valueOfGoods = this.getValueOfGoods(stock, price); this.set('valueOfGoods', valueOfGoods); }); }, getValueOfGoods: function(stock, price) { return stock * price; } });
由于Backbone模型不使用任何Nashron语言扩展,我们可以在客户端(浏览器)和服务端(Java)安全地使用同一份代码。
要记住我特意选择了十分简单的函数来演示我的意图。真实的业务逻辑应该会更复杂。
将二者放在一起
下一个目标是在Nashron中,例如在Java服务器上复用Backbone模型。我们希望完成下面的行为:把所有属性从Java Bean上绑定到Backbone模型上,计算valueOfGoods
属性,最后将结果传回Java。
首先,我们创建一个新的脚本,它仅仅由Nashron执行,所以我们这里可以安全地使用Nashron的扩展。
load('http://cdnjs.clouDFlare.COM/ajax/libs/underscore.js/1.6.0/underscore-min.js'); load('http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js'); load('product-backbone-model.js'); var calculate = function(javaProduct) { var model = new Product(); model.set('name', javaProduct.name); model.set('price', javaProduct.price); model.set('stock', javaProduct.stock); return model.attributes; };
这个脚本首先加载了相关的外部脚本Underscore 和 Backbone(Underscore是Backbone的必备条件),以及我们前面的Product
Backbone模型。
函数calcute
接受Product
Java Bean,将其所有属性绑定到新创建的BackboneProduct
上,之后返回模型的所有属性给调用者。通过在Backbone模型上设置stock
和price
属性,ValueOfGoods
属性由于注册在模型initialize
构造函数中的事件处理器,会自动计算出来。
最后,我们在Java中调用calculate
函数。
Product product = new Product(); product.setName("Rubber"); product.setPrice(1.99); product.setStock(1337); ScriptObjectMirror result = (ScriptObjectMirror) invocable.invokeFunction("calculate", product); System.out.println(result.get("name") + ": " + result.get("valueOfGoods")); // Rubber: 2660.63
我们创建了新的Product
Java Bean,并且将它传递到JavaScript函数中。结果触发了getValueOfGoods
方法,所以我们可以从返回的对象中读取valueOfGoods
属性的值。
总结
在Nashron中复用现存的JavaScript库十分简单。Backbone适用于构建复杂的HTML5前端。在我看来,Nashron和JVM现在是Node.js的优秀备选方案,因为你可以在Nashron的代码库中充分利用Java的整个生态系统,例如JDK的全部API,以及所有可用的库和工具。要记住你在使用Nashron时并不限制于Java -- 想想 Scala、Groovy、Clojure和jjs
上的纯JavaScript。
以上是脚本宝典为你收集整理的[译] 在 Nashron 中使用 Backbone.js全部内容,希望文章能够帮你解决[译] 在 Nashron 中使用 Backbone.js所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。