[譯] 在 Nashron 中使用 Backbone.js

tabalt 發布于2019-08-21 10:54 / 3277人閱讀

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

原文：Using Backbone.js with Nashorn
譯者：飛龍
協議：CC BY-NC-SA 4.0

這個例子展示了如何在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的必備條件），以及我們前面的ProductBackbone模型。

函數calcute接受ProductJava 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

我們創建了新的ProductJava Bean，并且將它傳遞到JavaScript函數中。結果觸發了getValueOfGoods方法，所以我們可以從返回的對象中讀取valueOfGoods屬性的值。

總結

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

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

云服務器 GPU云服務器 backbone.js 在php中使用組件在VBScript中使用類 webrtc在qt下編譯

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/86397.html

[譯] 在 Nashron 中使用 Backbone.js

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

gotham 2019-08-14 14:21 評論0 收藏0
[譯] Java 8 Nashorn 教程

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

_ivan 2019-08-14 14:21 評論0 收藏0
用Jasmine和Sinon測試Backbone應用 (譯)

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

ralap 2019-05-29 16:19 評論0 收藏0
【譯】JavaScript 框架的探索與變遷（上）

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

Jaden 2019-08-21 17:22 評論0 收藏0
[譯]學習如何去學習 JavaScript - 5 個你應該如何花在學習 JS 上時間的建議

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

wanglu1209 2019-05-23 13:55 評論0 收藏0