国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[譯] 在 Nashron 中使用 Backbone.js

tabalt / 3271人閱讀

摘要:原文譯者飛龍協(xié)議這個例子展示了如何在的引擎中使用模型。在年三月首次作為的一部分發(fā)布,并通過以原生方式在上運行腳本擴展了的功能。將二者放在一起下一個目標是在中,例如在服務(wù)器上復用模型。最后,我們在中調(diào)用函數(shù)。總結(jié)在中復用現(xiàn)存的庫十分簡單。

原文:Using Backbone.js with Nashorn
譯者:飛龍
協(xié)議:CC BY-NC-SA 4.0

這個例子展示了如何在Java8的Nashron JavaScript引擎中使用Backbone.js模型。Nashron在2014年三月首次作為Java SE 8 的一部分發(fā)布,并通過以原生方式在JVM上運行腳本擴展了Java的功能。對于Java Web開發(fā)者,Nashron尤其實用,因為它可以在Java服務(wù)器上復用現(xiàn)有的客戶端代碼。傳統(tǒng)的Node.js具有明顯優(yōu)勢,但是Nashorn也能夠縮短JVM的差距。

當你在HTML5前端使用現(xiàn)代的JavaScript MVC框架,例如Backbone.js時,越來越多的代碼從服務(wù)器后端移動到Web前端。這個方法可以極大提升用戶體驗,因為在使用視圖的業(yè)務(wù)邏輯時節(jié)省了服務(wù)器的很多往返通信。

Backbone允許你定義模型類,它們可以用于綁定視圖(例如HTML表單)。當用戶和UI交互時Backbone會跟蹤模型的升級,反之亦然。它也能通過和服務(wù)器同步模型來幫助你,例如調(diào)用服務(wù)端REST處理器的適當方法。所以你最終會在前端實現(xiàn)業(yè)務(wù)邏輯,將你的服務(wù)器模型用于處理持久化數(shù)據(jù)。

在服務(wù)端復用Backbone模型十分容易用Nashron完成,就像下面的例子所展示的那樣。在我們開始之前,確保你通過閱讀我的Nashorn教程熟悉了在Nashron引擎中編程JavaScript。

Java 模型

首先,我們在Java中定義實體類Product。這個類可用于數(shù)據(jù)庫的CURD操作(增刪改查)。要記住這個類是個純粹的Java Bean,不實現(xiàn)任何業(yè)務(wù)邏輯,因為我們想讓前端正確執(zhí)行UI的業(yè)務(wù)邏輯。

class Product {
    String name;
    double price;
    int stock;
    double valueOfGoods;
}
Backbone 模型

現(xiàn)在我們定義Backbone模型,作為Java Bean的對應(yīng)。Backbone模型Product使用和Java Bean相同的數(shù)據(jù)結(jié)構(gòu),因為它是我們希望在Java服務(wù)器上持久存儲的數(shù)據(jù)。

Backbone模型也實現(xiàn)了業(yè)務(wù)邏輯:getValueOfGoods方法通過將stockprice相乘計算所有產(chǎn)品的總值。每次stockprice的變動都會使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語言擴展,我們可以在客戶端(瀏覽器)和服務(wù)端(Java)安全地使用同一份代碼。

要記住我特意選擇了十分簡單的函數(shù)來演示我的意圖。真實的業(yè)務(wù)邏輯應(yīng)該會更復雜。

將二者放在一起

下一個目標是在Nashron中,例如在Java服務(wù)器上復用Backbone模型。我們希望完成下面的行為:把所有屬性從Java Bean上綁定到Backbone模型上,計算valueOfGoods屬性,最后將結(jié)果傳回Java。

首先,我們創(chuàng)建一個新的腳本,它僅僅由Nashron執(zhí)行,所以我們這里可以安全地使用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;
};

這個腳本首先加載了相關(guān)的外部腳本Underscore 和 Backbone(Underscore是Backbone的必備條件),以及我們前面的ProductBackbone模型。

函數(shù)calcute接受ProductJava Bean,將其所有屬性綁定到新創(chuàng)建的BackboneProduct上,之后返回模型的所有屬性給調(diào)用者。通過在Backbone模型上設(shè)置stockprice屬性,ValueOfGoods屬性由于注冊在模型initialize構(gòu)造函數(shù)中的事件處理器,會自動計算出來。

最后,我們在Java中調(diào)用calculate函數(shù)。

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

我們創(chuàng)建了新的ProductJava Bean,并且將它傳遞到JavaScript函數(shù)中。結(jié)果觸發(fā)了getValueOfGoods方法,所以我們可以從返回的對象中讀取valueOfGoods屬性的值。

總結(jié)

在Nashron中復用現(xiàn)存的JavaScript庫十分簡單。Backbone適用于構(gòu)建復雜的HTML5前端。在我看來,Nashron和JVM現(xiàn)在是Node.js的優(yōu)秀備選方案,因為你可以在Nashron的代碼庫中充分利用Java的整個生態(tài)系統(tǒng),例如JDK的全部API,以及所有可用的庫和工具。要記住你在使用Nashron時并不限制于Java -- 想想 Scala、Groovy、Clojure和jjs上的純JavaScript。

這篇文章中可運行的代碼托管在Github上(請見這個文件)。請隨意fork我的倉庫,或者在Twitter上向我反饋。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/86397.html

相關(guān)文章

  • [] Nashron 使用 Backbone.js

    摘要:原文譯者飛龍協(xié)議這個例子展示了如何在的引擎中使用模型。在年三月首次作為的一部分發(fā)布,并通過以原生方式在上運行腳本擴展了的功能。將二者放在一起下一個目標是在中,例如在服務(wù)器上復用模型。最后,我們在中調(diào)用函數(shù)??偨Y(jié)在中復用現(xiàn)存的庫十分簡單。 原文:Using Backbone.js with Nashorn 譯者:飛龍 協(xié)議:CC BY-NC-SA 4.0 這個例子展示了如何在Java8...

    gotham 評論0 收藏0
  • [] Java 8 Nashorn 教程

    摘要:未來的主要發(fā)布基于。在中調(diào)用函數(shù)支持從代碼中直接調(diào)用定義在腳本文件中的函數(shù)。下面的函數(shù)稍后會在端調(diào)用為了調(diào)用函數(shù),你首先需要將腳本引擎轉(zhuǎn)換為。調(diào)用函數(shù)將結(jié)果輸出到,所以我們會首先看到輸出。幸運的是,有一套補救措施。 原文:Java 8 Nashorn Tutorial 譯者:飛龍 協(xié)議:CC BY-NC-SA 4.0 這個教程中,你會通過簡單易懂的代碼示例,來了解Nashorn Ja...

    _ivan 評論0 收藏0
  • 用Jasmine和Sinon測試Backbone應(yīng)用 ()

    摘要:框架本身可以很好地支持自下而上的單元測試。在中,這些原因可以分為性能真實的操作,依靠定時行為及網(wǎng)絡(luò)活動減慢了測試隔離單元測試應(yīng)把重點放在小的一塊功能成為可能,并解耦不可靠的或低依賴使用對象是擁抱和的基本組成部分。 最近在慢慢深入Backbone,也試著寫一些測試,找一些合適的文檔來學習。于是就找到了一個系列的文章 : Testing Backbone applications with...

    ralap 評論0 收藏0
  • 】JavaScript 框架的探索與變遷(上)

    摘要:正文在年,框架的選擇并不少。特別的,通過思考這些框架分別如何處理狀態(tài)變化是很有用的。本文探索以下的數(shù)據(jù)綁定,的臟檢查的虛擬以及它與不可變數(shù)據(jù)結(jié)構(gòu)之間的聯(lián)系。當狀態(tài)產(chǎn)生變化時,只有真正需要更新的部分才會發(fā)生改變。 譯者言 近幾年可謂是 JavaScript 的大爆炸紀元,各種框架類庫層出不窮,它們給前端帶來一個又一個的新思想。從以前我們用的 jQuery 直接操作 DOM,到 Backb...

    Jaden 評論0 收藏0
  • []學習如何去學習 JavaScript - 5 個你應(yīng)該如何花學習 JS 上時間的建議

    摘要:擁抱異步編程縱觀發(fā)展史也可以說成開發(fā)的發(fā)展史,你會發(fā)現(xiàn)異步徹底改變了這場游戲。可以這么說,異步編程已成為開發(fā)的根基。這也是你應(yīng)盡早在上投入大量時間的一處核心知識點,這其中包含和等重要概念。這也是最突出的一項貢獻。 原文地址:Medium - Learning How to Learn JavaScript. 5 recommendations on how you should spend ...

    wanglu1209 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<