上周，我發布了一個博客，重點介紹了我的演示文稿，該演示文稿展示了我們在BRMS和BPMS平臺內完成的工作，Drools和jBPM項目的產品化版本所產生的豐富客戶端平臺。 該演示文稿是所有屏幕截圖和視頻，您可以在此處找到博客和幻燈片共享的鏈接： “ Red Hat JBoss BRMS和BPMS Workbench和Rich Client Technology”。

演講強調了我們UI工作的廣泛范圍； 展示了我們在BRMS和BPMS平臺內所做的工作以及UI技術提供的靈活性和適應性。 它為GWT ， Errai和UberFire的強大動力提供了很好的證明，這三種技術推動了所有這些。 我們等不及GWT 2.7的升級了 ！

如上一個博客所述，UberFire網站只是一個占位符，還沒有發布。 該計劃是第一個發布我們的0.5版本的計劃，但是對于我們的BRMS和BPMS平臺而言，則更多。 然后，我們將其移至GWT 2.7并朝著適用于更廣泛消費的UF 1.0努力。 在1.0中，我們將添加示例和文檔，并致力于使最終用戶更容易理解和使用它們。 當然，沒有什么可以阻止冒險嘗試0.5的，它的代碼很健壯，并且已經在BRMS和BPMS中生成了產品– Freenode #uberfire我們一直在提供幫助。

該演示文稿本身建立在早期視頻的基礎上，該視頻展示了我們的新Apps框架： Drools和jBPM KIE A??pps Framework

上面的視頻已經演示了我們的多語言功能，構建AngularJS組件并在UF環境中使用它們。 它還顯示了我們受JSFiddle啟發的全新RAD環境。

我現在想與大家分享我們在多語言開發另一端所做的工作-這次是從AngularJS中使用GWT和UF。 重要的是，我們允許采用AngularJS優先方法，該方法應與AngularJS人們熟悉的工具鏈配合使用。 首先是AngularJS，我的意思是AngularJS是最外面的容器。 上面的視頻中UF已經在運行，并且是外部容器，可以在其中使用各個AngularJS組件。

在詳細說明我們完成的工作之前，首先要涵蓋屏幕和透視圖的概念，這是我們提供多語言互操作性的兩個主要組件-還有其他組件，但這足以理解接下來的視頻和示例。 屏幕是我們最簡單的組件，它是DIV加上可選的生命周期回調。 透視圖也是DIV，但它包含1..n屏幕，具有不同的可能布局管理器和布局持久性。

屏幕

• CDI發現或以編程方式注冊。
• 頁面上的DIV。
• 生命周期回調。
  • OnStart，OnClose，OnFocus，OnLostFocus，OnMayClose，OnReveal。
• 通過Errai總線解耦。
  • 組件不會相互調用，所有通信都由總線處理。
• 編輯器擴展屏幕，與資源類型相關聯，并提供其他生命周期
  • onSave，isDirty。

透視

• CDI發現或以編程方式注冊。
• 1..n屏幕的組成，但它本身是DIV。
• 支持屏幕的可插入窗口管理。
  • 北，東，西南（NESW）。
    • 拖放對接功能。
  • 引導網格視圖。
    • 分開的設計時間和運行時間。
  • 模板（ErraiUI或AngularJS）。
    • 透視圖內容和布局的絕對控制。
• 如果用戶重新設計，則支持透視圖布局的持久性。
  • 僅適用于NESW和Bootstrap Grid視圖。

一幅圖片價值一千個單詞，因此這是一個透視圖生成器的屏幕截圖。 在這里，它使用Bootstrap Grid View布局管理器。 每個網格單元中都有一個屏幕。 保存透視圖，然后從應用程序中使用它。 如果使用NESW布局管理器，則沒有單獨的設計時間，并且所有拖動都就地完成，并且每次更改后，持久性都會在后臺發生。 盡管下面的屏幕快照中未顯示它，但我們也支持屏幕的列表（下拉列表）和選項卡堆棧。

現在回到AngularJS第一種方法的含義。 確定了6個不同點以證明這是可能的。

UF屏幕和透視圖應作為AngularJS指令無縫提供。

預編譯UFJS的Bower包裝。 UFJS是UF的預編譯客戶端專用版本。

UFJS可以獨立運行，例如file：//。 UFJS可以選擇與UF戰爭后端一起使用，從而允許UFJS保存狀態所需的觀點和其他可選位置的持久性，并可以訪問我們提供的所有服務，例如身份管理。

在開發過程中支持實時刷新。

嵌套控制器。

持久性和路由。

使用諸如Yeoman ， Grunt和Karma之類的工具 。

Eder產生了許多示例，您可以自己運行。 這些證明所有問題都已解決。 您可以在這里找到代碼，以及自述文件以開始使用。 我們沒有提供第7點的視頻，因為我認為第1點到第6點的視頻表明這不是問題。

Eder還針對每個用例創建了幾個運行示例的簡短視頻，并將它們放入YouTube播放列表。 他添加了文本和標注以使發生的事情更清楚： AngularJS + UF PlayList

概述，解釋每個視頻的演示內容（33秒）。

AngularJS App + UFJS，僅客戶端，使用Bower分發。 （2分30秒）。

• 通過Bower安裝并使用UFJS
• 創建一個本機AngularJS應用
• 將此應用程序與UFJS集成
  • 顯示超濾屏幕指令
  • 顯示用友觀點指令

AngularJS應用程序+ UFJS客戶端和UF服務器。

• 1之2（3分58秒）。
  • 下載UF戰爭
  • 在EAP上安裝并運行
  • 在Apache上下載并運行我們的Angular演示
  • 顯示AngularJS路線+ UF集成
• 2之2（4分06秒）。
  • 使用UF創建動態屏幕和透視圖
  • 將AngularJS模板封裝在UF屏幕中
  • 顯示嵌套在父控制器中的AngularJS應用（在UF屏幕內）。
    • 展示了多層控制器嵌套。

帶有AngularJS組件的KIE UF Workbench RAD環境。

Uberfire編輯器可以無縫地用作Eclipse編輯器。

為了完整起見，原始視頻顯示了JSFiddle啟發的RAD環境，該環境演示了UF首個多語言環境。 參見上面的第4點。

最后，為了展示并且因為我們可以，我們添加了一個獎勵視頻，演示了在Eclipse中無縫運行的UF編輯器組件。 這證明了我們的組件模型的強大功能-旨在使我們的組件在任何環境下都可以獨立工作。 我們使用Errai攔截所有RPC調用并將它們橋接到Eclipse。 因為我們的編輯者使用的虛擬文件系統像其他服務一樣被解耦和抽象了，所以我們可以使其適應Eclipse File io。 對于最終用戶，結果是一個無縫的編輯器，顯示為本地。 這允許開發可以在Web上和Eclipse甚至IntelliJ中運行的組件。 我們將稍后再公開此示例。

以下是從視頻中截取的一些屏幕截圖：

最后，對所有那些說不可能完成的人！

翻譯自: https://www.javacodegeeks.com/2014/11/red-hat-jboss-brms-and-bpms-rich-client-framework-demonstrating-polyglot-integration-with-gwterraiuberfire-and-angularjs.html

總結

以上是生活随笔為你收集整理的红帽JBoss BRMS和BPMS富客户端框架展示了与GWT / Errai / UberFire和AngularJS的多语言集成...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。