FLEX與EOS集成開發(fā)培訓(xùn)手冊ppt課件

1、FLEX、EOS開發(fā)培訓(xùn)目錄本次培訓(xùn)的目的EOS體驗開發(fā)EOS的進(jìn)階開發(fā)EOS、Flex集成開發(fā)本次培訓(xùn)的目的如何EOS用開發(fā)SOA運(yùn)用明確如何運(yùn)用Flex開發(fā)web界面了解EOS如何與Flex集成開發(fā)目錄本次培訓(xùn)的目的EOS體驗開發(fā)EOS的進(jìn)階開發(fā)EOS、Flex集成開發(fā)EOS體驗開發(fā)-Hello WorldEOS體驗開發(fā)-工程創(chuàng)建6EOS體驗開發(fā)-構(gòu)件包設(shè)計7EOS體驗開發(fā)-頁面流開發(fā)8EOS體驗開發(fā)-頁面開發(fā)9EOS體驗開發(fā)-邏輯流開發(fā)10EOS體驗開發(fā)-完善頁面流和頁面11EOS體驗開發(fā)-測試運(yùn)轉(zhuǎn)12EOS體驗開發(fā)-測試運(yùn)轉(zhuǎn)13Flex體驗開發(fā)-Hello World目錄本次培訓(xùn)的目的

2、EOS體驗開發(fā)EOS的進(jìn)階開發(fā)EOS、Flex集成開發(fā)EOS的進(jìn)階開發(fā)-表單查詢開發(fā)表單查詢開發(fā)-數(shù)據(jù)預(yù)備腳本 參見備注表單查詢開發(fā)-構(gòu)件包設(shè)計表單查詢開發(fā)-數(shù)據(jù)建模表單查詢開發(fā)-頁面流開發(fā)表單查詢開發(fā)-頁面開發(fā)表單查詢開發(fā)-邏輯流開發(fā)表單查詢開發(fā)-完善頁面流開發(fā)表單查詢開發(fā)-完善頁面開發(fā)表單查詢開發(fā)-測試運(yùn)轉(zhuǎn)目錄本次培訓(xùn)的目的EOS體驗開發(fā)EOS的進(jìn)階開發(fā)EOS、Flex集成開發(fā)FLEX集成開發(fā)案例描畫本例以之前做的EOSTripping工程為根底，將之前jsp頁面換為flex的開發(fā)界面，經(jīng)過flex來調(diào)用邏輯流實現(xiàn)數(shù)據(jù)交互查詢功能詳細(xì)的開發(fā)步驟如下1.配置EOS環(huán)境2.新建Flex工程3.

3、配置Flex環(huán)節(jié)4.HelloWorld 開發(fā)5.員工查詢開發(fā)6.練習(xí)FLEX集成開發(fā)-EOS環(huán)境配置1.翻開 EOSTripping工程，部署B(yǎng)lazeDs在相關(guān)配置，將BlazeDs的jar包復(fù)制到工程的lib文件夾下，配置文件放到WEB-INF下的lfex文件夾下，如以下圖：BlazeDS：它是基于效力器的java遠(yuǎn)程調(diào)用Remote和web音訊Message的通訊技術(shù)，使得運(yùn)轉(zhuǎn)在后臺的java運(yùn)用程序和運(yùn)轉(zhuǎn)在前端的flex運(yùn)用程序間可以互相互相通訊。BlazeDS包含的.jar包為及配置為件：flex-messaging-common.jar、flex-messaging-core.j

4、ar、flex-messaging-opt.jar、flex-messaging-proxy.jar、flex-messaging-remoting.jar配置文件為：messaging-config.xml、proxy-config.xml、remoting-config.xml、services-config.xmlFLEX集成開發(fā)-EOS環(huán)境配置2. 修正remoting-config.xml，配置遠(yuǎn)程調(diào)用邏輯：留意：default-channels節(jié)點配置了flex調(diào)用后臺的時的協(xié)議通道，其中my-amf 對應(yīng)services-config.xml配置文件中節(jié)點channel-defi

5、nition的id屬性值channel-definition對應(yīng)的amf通道普通有my-amf、 my-secure-amf、 my-polling-amf，當(dāng)以https的方式訪問時，普通會將ref的值配置位my-secure-amf，推送方式時普通配置為my-polling-amf。destination節(jié)點配置了flex與java通訊時調(diào)用的詳細(xì)java實現(xiàn)類， FlexInvoker.java提供了一個invoke方法，在后面會講到。 com.eos.access.client.FlexInvoker application FLEX集成開發(fā)-EOS環(huán)境配置3.修正web.xml，配置

6、flex監(jiān)聽器及servlet，添加如下內(nèi)容：留意：services.configuration.file對應(yīng)在/WEB-INF/flex/services-config.xml途徑，它為services-config.xml所在工程中WEB-INF中途徑，不要寫錯。 flex.messaging.HttpFlexSession MessageBrokerServletMessageBrokerServletflex.messaging.MessageBrokerServletservices.configuration.file/WEB-INF/flex/services-config.xm

7、l1MessageBrokerServlet/messagebroker/*FLEX集成開發(fā)-配置FLEX工程FLEX集成開發(fā)- helloworld開發(fā)HelloWord程序-界面開發(fā)在Application標(biāo)簽中輸入顯示標(biāo)簽、文本輸入框、提交按鈕并保管，如下：tip：Application：是flex開發(fā)的入口標(biāo)簽，是一切flex控件顯示入口；常用的layout屬性，表示子標(biāo)簽的規(guī)劃方式，值有absolute 、vertical、horizontal，此處選擇horizontal值，表示一切直接子標(biāo)簽以垂直的方式陳列。Label：文本顯示標(biāo)簽，經(jīng)過text屬性，設(shè)置需求顯示的內(nèi)容。Text

8、Input：文本輸入框。Button：按鈕標(biāo)簽，添加click事件交互。HelloWord程序-界面開發(fā)1.到目前為止，flex程序界面根本開發(fā)完成，但要和后臺EOS程序集成，還需求添加相應(yīng)的事件，翻開HelloWorld.mxml文件，添加 標(biāo)簽，用來添加as代碼： Tip:1.給Button標(biāo)簽添加click事件，經(jīng)過“alt+/可以自動給出提示。2.標(biāo)簽的id屬性，可以在as代碼中直接運(yùn)用，代表標(biāo)簽在當(dāng)前頁的一實例對象，比如獲取TextInput的值，可以經(jīng)過調(diào)用：id_input.text得到 ，同樣賦值 也可以經(jīng)過id_input.text=“賦值。2.修正clickHandler方

9、法：0) id_return.text=results0; );tip:1.remoteObject.destination 值為flexObject，對應(yīng)remoting-config.xml文件中destination的id屬性值2.invoke 為之前配置FlexInvoker.java類提供的方法，第一個參數(shù)為session對象，第二個為需求調(diào)用的邏輯流，第三個參數(shù)為邏輯流需求的參數(shù)3. Invoke在解析邏輯流時，參數(shù)是以數(shù)組方式組織的，因此在傳入邏輯流參數(shù)時，需求用到Array4.變量名bizx對應(yīng)的值為EOS中邏輯流的全稱員工查詢例如此例如，仍舊以之前EOS工程EOSTrippi

10、ng為原型，將jsp頁面換為flex頁面，來實現(xiàn)數(shù)據(jù)查詢功能員工查詢例如-Flex界面開發(fā) 1.Style援用了一個外部款式文件，assets/skin/css/style.css，此款式文件經(jīng)過右鍵點擊工程src目錄，“新建-CSS 文件，一切標(biāo)簽的款式都可寫入此文件，引入款式文件后經(jīng)過標(biāo)簽的styleName屬性來指定，sytel.css內(nèi)容如下：.panelvertical-gap:0;background-color:#FFFFFF;cornerRadius:0 ;header-height:30;highlightAlphas: 0.15, 0;headerColors: #C2D8DF, #C2D8DF;borderAlpha: 1;borderColor:#d8d8d8;borderThicknessLeft: 1;borderThicknessTop: 0;borderThicknessBottom: 1;borderThicknessRight: 1;dropShadowEnabled: false;2.Panel是一個帶有標(biāo)題的容器，經(jīng)過title屬性指定標(biāo)題稱號，如,panle的layout屬性也經(jīng)常 會用到，表示它的子標(biāo)簽的規(guī)劃方式，值 有absolute 、vertical、horizontal，此處選擇horizontal值，表示一切直接子