跟我一步步搭建+PureMVC+Flex+BlazeDS+Spring+Hibernate

1、 跟我一步步搭建PureMVC+Flex+BlazeDS+Spring+Hibernate作者：紅色法拉利一、安裝軟件與配置2A.自行下載MyEclipse 6.0.1完整安裝版，并安裝、注冊(cè)。2B.自行下載Flex Builder 3的Eclipse插件，并安裝、注冊(cè)。2C.自行下載BlazeDS，并解壓縮其中的blazeds.war。2D.自行下載Apache Tomcat 6.0免安裝壓縮包，并解壓縮。2E.在MyEclipse中配置Apache Tomcat 6.0。2F.MyEclipse Java Enterprise / Flex Development / Debug等Pers

2、pective之間的切換。3G.自行安裝Microsoft SQL Server 2000。4H.自行下載Microsoft SQL Server 2005 JDBC Driver 1.2。4I.自行下載proxool連接池類庫(kù)。4J.自行下載PureMVC組件。4二、一步步建項(xiàng)目6A.新建Flex項(xiàng)目。6B.引入MyEclipse Web類庫(kù)和Spring框架。12C.將Remote Object集成入Spring框架。15D.引入Hibernate框架并完成服務(wù)器端（Java代碼）的分層。22E.引入PureMVC框架并完成客戶端（Flex代碼）。34F.PureMVC結(jié)構(gòu) 摘自PureM

3、VC框架簡(jiǎn)體中文版44三、附錄代碼46一、 安裝軟件與配置A. 自行下載MyEclipse 6.0.1完整安裝版，并安裝、注冊(cè)。u 完整文件名：MyEclipse_6.0.1GA_E3.3.1_FullStackInstaller.exeu 設(shè)安裝目錄為：D:Program FilesMyEclipse 6.0u 安裝完畢之后打開(kāi)MyEclipse，需要注冊(cè)。B. 自行下載Flex Builder 3的Eclipse插件，并安裝、注冊(cè)。u 完整文件名：FB3_WWEJ_Plugin.exeu 設(shè)安裝目錄為：D:Program FilesAdobeFlex Builder 3 Plug-inu

4、安裝時(shí)選擇Eclipse路徑為：D:Program FilesMyEclipse 6.0eclipseu 安裝完畢之后打開(kāi)MyEclipse，進(jìn)入Flex Development Perspective，需要注冊(cè)。C. 自行下載BlazeDS，并解壓縮其中的blazeds.war。u 完整文件名：blazeds-bin-978.zipu 設(shè)解壓縮路徑為：E:Flex Libraryblazeds.warD. 自行下載Apache Tomcat 6.0免安裝壓縮包，并解壓縮。u 完整文件名：apache-tomcat-6.0.16.zipu 設(shè)解壓縮路徑為：E:Program Fi

5、lesapache-tomcat-6.0.16u 注：本步驟與下步配置也可以省略，改以MyEclipse集成的MyEclipse Tomcat 6代替。E. 在MyEclipse中配置Apache Tomcat 6.0。1. 打開(kāi)MyEclipse，點(diǎn)擊Windows菜單進(jìn)入Preferences。如圖：2. 進(jìn)入MyEclipse Servers的Tomcat 6.x屬性設(shè)置。如圖：F. MyEclipse Java Enterprise / Flex Development / Debug等Perspective之間的切換。1. 打開(kāi)MyEclipse，點(diǎn)擊Windows菜單進(jìn)入Open

6、Perspective。如圖：2. 打開(kāi)Other選項(xiàng)，可以選擇各種布局。主要用的有：MyEclipse Java Enterprise Perspective、Flex Development Perspective、Debug Perspective。在接下來(lái)的搭架過(guò)程中我們也會(huì)使用到其他布局。在各種不同的布局下，可以更方便的工作。如圖：3. 在整個(gè)MyEclipse的右上角，可以看到當(dāng)前選擇的布局，并可直接點(diǎn)擊最近常用的布局進(jìn)行切換。如圖：G. 自行安裝Microsoft SQL Server 2000。u 本程序安裝過(guò)程中會(huì)遇到各種問(wèn)題可到goggle查詢。u 注：本步驟可以省略，以其

7、他數(shù)據(jù)庫(kù)代替。H. 自行下載Microsoft SQL Server 2005 JDBC Driver 1.2。u 完整文件名：sqljdbc_1.2.2828.100_chs.exeu 直接解壓縮文件，設(shè)解壓縮到：E:Java LibraryMicrosoft SQL Server 2005 JDBC Driveru JDBC Driver文件的路徑為：E:Java LibraryMicrosoft SQL Server 2005 JDBC Driverchssqljdbc.jar。u 注：本步驟可以省略，以其他JDBC Driver代替。I. 自行下載proxool連接池類庫(kù)。u 完整文件

8、名：proxool-0.9.1.zipu 直接解壓縮文件，設(shè)解壓縮到：E:Java Libraryproxool-0.9.1u 注：本步驟可以省略，以其他連接池類庫(kù)代替或者不使用連接池配置。J. 自行下載PureMVC組件。u 完整文件名：PureMVC_AS3.zipu 直接解壓縮文件，設(shè)解壓縮到：E:Flex LibraryPureMVC_AS3PureMVC_AS3_2_0_4u 組件文件的路徑為：E:Flex LibraryPureMVC_AS3PureMVC_AS3_2_0_4binPureMVC_AS3_2_0_4.swc。u 注：本例所采用的是PureMVC Standard（單

9、核組件）。PureMVC MultiCore（多核組件）在考慮模塊化和單元測(cè)試方面是更合適的選擇，其實(shí)更適合實(shí)際開(kāi)發(fā)。但本例為簡(jiǎn)化結(jié)構(gòu)而采用單核組件。有一定基礎(chǔ)的開(kāi)發(fā)者應(yīng)考慮多核組件。二、 一步步建項(xiàng)目A. 新建Flex項(xiàng)目。1. 切換布局到Flex Development Perspective。2. 點(diǎn)擊Windows菜單進(jìn)入新建項(xiàng)目，點(diǎn)擊Flex Project。如圖：3. 項(xiàng)目名稱：ria4u-demo，應(yīng)用程序類型選擇Web application，服務(wù)器端技術(shù)選擇J2EE。如圖：4. 設(shè)置Web文件夾為WebRoot，F(xiàn)lex WAR文件路徑設(shè)為blazeds.war的路徑。如圖：

10、5. 必須設(shè)置J2EE運(yùn)行服務(wù)器目標(biāo)。第一次設(shè)置時(shí)需要新建。點(diǎn)擊New，選擇Apache Tomcat v6.0 Server，如圖：6. 點(diǎn)擊下一步，設(shè)置apache-tomcat-6.0.16的目錄，如圖：7. 點(diǎn)擊完成，J2EE運(yùn)行服務(wù)器目標(biāo)設(shè)為Apache Tomcat v6.0，如圖：8. 點(diǎn)擊下一步，可以看見(jiàn)Flex Project各相關(guān)屬性，如圖：9. 點(diǎn)擊完成，可以看見(jiàn)項(xiàng)目名為ria4u-demo的項(xiàng)目結(jié)構(gòu)，如圖：10. 右鍵點(diǎn)擊ria4u-demo，選擇Properties。11. 點(diǎn)擊Flex Build Path設(shè)置項(xiàng)，修改輸出文件夾為WebRootflex，修改輸出UR

11、L為http:/localhost:8080/ria4u-demo/flex。如圖：12. 點(diǎn)擊確認(rèn)，原bin-debug輸出文件夾消失，/WebRoot下增加flex文件夾，并在此文件夾下多出flex編譯后的文件。如圖：13. 切換布局到MyEclipse Java Enterprise Perspective。如圖：14. 選中Apache Tomcat v6.0，右鍵選擇Remove from Build Path，去除不需要的類庫(kù)。如果不去除該類庫(kù)，會(huì)在Tomcat部署的時(shí)候與Tomcat庫(kù)產(chǎn)生沖突，導(dǎo)致jsp頁(yè)面報(bào)錯(cuò)。如圖：15. 至此，F(xiàn)lex項(xiàng)目新建完成。B. 引入MyEclip

12、se Web類庫(kù)和Spring框架。1. 切換布局到MyEclipse Java Enterprise Perspective。2. 右鍵點(diǎn)擊ria4u-demo，選擇MyEclipse的Add Web Project Capabilities。如圖：3. Web文件夾保持默認(rèn)為WebRoot，其他各設(shè)置也保持默認(rèn)即可。如圖：4. 點(diǎn)擊完成，可看見(jiàn)ria4u-demo項(xiàng)目的圖標(biāo)已經(jīng)有所變化。如圖：5. 右鍵點(diǎn)擊ria4u-demo，選擇MyEclipse的Add Spring Capabilities。如圖：6. 其他保持默認(rèn)，增加類庫(kù)選擇，如圖：7. 增加Spring和Hibernate的類

13、庫(kù)，選擇內(nèi)容如圖：8. 點(diǎn)擊下一步，保持默認(rèn)選項(xiàng)即可。如圖：9. 點(diǎn)擊完成，即已在項(xiàng)目中引入MyEclipse Web類庫(kù)，包括Spring和Hibernate類庫(kù)。同時(shí)在項(xiàng)目中引入了Spring框架。（注意，尚未引入Hibernate框架，待后續(xù)步驟完成。）C. 將Remote Object集成入Spring框架。1. 切換布局到MyEclipse Java Enterprise Perspective。2. 修改/WebRoot/WEB-INF/web.xml，添加兩段代碼，增加對(duì)Spring架構(gòu)的支持。代碼如下：3. 右鍵點(diǎn)擊src目錄，點(diǎn)擊新建Java類。如圖：4. 填寫(xiě)包路徑：cn.

14、ria4u.demo.factory，填寫(xiě)類名：FlexSpringFactory。如圖：5. 點(diǎn)擊Add按鈕添加接口flex.messaging.FlexFactory。如圖：6. 點(diǎn)擊確認(rèn)，最后完成類的新建。如圖：7. 修改/src/cn/ria4u/demo/factory/FlexSpringFactory.java，實(shí)現(xiàn)接口。代碼如下：8. 修改/WebRoot/WEB-INF/flex/services-config.xml，添加類FlexSpringFactory的映射。代碼如下：9. src下新建Java類DemoService，類路徑：cn.ria4u.demo.servic

15、e。添加測(cè)試代碼：10. 修改/src/applicationContext.xml，添加類DemoService的注冊(cè)。代碼如下：11. 修改/WebRoot/WEB-INF/flex/remoting-config.xml，添加對(duì)DemoService的Remote Object注冊(cè)。要注意的是，這里的DemoService指的是applicationContext.xml中的bean id="DemoService"，而不是Java類DemoService。代碼如下：12. 切換布局到Flex Development Perspective。13. 修改/flex_s

16、rc/main.mxml，添加測(cè)試代碼。代碼如下：14. 點(diǎn)擊MyEclipse工具欄中的部署J2EE項(xiàng)目標(biāo)簽。如圖中標(biāo)識(shí)：15. 點(diǎn)擊Add按鈕，對(duì)項(xiàng)目ria4u-demo添加部署。如圖：16. 選擇部署到Tomcat 6.x，即之前配置的apache-tomcat-6.0.16。如圖：17. 可以看到ria4u-demo已經(jīng)順利部署到apache-tomcat-6.0.16。如圖：18. 點(diǎn)擊MyEclipse工具欄中的J2EE服務(wù)器標(biāo)簽，選擇運(yùn)行Tomcat 6.x。如圖中標(biāo)識(shí)：19. apache-tomcat-6.0.16啟動(dòng)，并可在Console視圖中見(jiàn)到運(yùn)行狀態(tài)。如圖：20. 右

17、鍵點(diǎn)擊/src/main.mxml，選擇Run As Flex Application，運(yùn)行main.mxml。如圖：21. 瀏覽器彈出，顯示Flex頁(yè)面。如圖：22. 點(diǎn)擊按鈕，彈出提示框，結(jié)果為后臺(tái)DemoService.java的返回值。如圖：23. 測(cè)試結(jié)束。點(diǎn)擊Console視圖的停止按鈕，停止apache-tomcat-6.0.16。如圖：24. 至此，F(xiàn)lex與Java已經(jīng)建立起通訊，BlazeDS已經(jīng)成功整合到Spring框架中。D. 引入Hibernate框架并完成服務(wù)器端（Java代碼）的分層。1. 切換布局到MyEclipse Java Enterprise Perspe

18、ctive。2. 右鍵點(diǎn)擊ria4u-demo，選擇MyEclipse的Add Hibernate Capabilities。如圖：3. 因?yàn)橹耙呀?jīng)把Hibernate 3.2 Core Libraries引入，所以什么類庫(kù)都不選。如圖：4. 點(diǎn)擊下一步，改選將Hibernate配置引入Spring配置文件中。如圖：5. 點(diǎn)擊下一步，選擇已經(jīng)存在的Spring配置文件，并填寫(xiě)Hibernate SessionFactory ID：sessionFactory。如圖：6. 點(diǎn)擊下一步，不選擇填寫(xiě)Spring DataSource細(xì)節(jié)，待配置proxool。如圖：7. 點(diǎn)擊下一步，選擇不創(chuàng)建Se

19、ssionFactory類，待Spring中配置。如圖：8. 點(diǎn)擊結(jié)束，完成Hibernate框架的引入。9. 點(diǎn)擊Windows菜單進(jìn)入Preferences，進(jìn)入Java Build Path的User Libraries選項(xiàng)。如圖：10. 點(diǎn)擊New按鈕，填寫(xiě)用戶自定義類庫(kù)名：proxool-0.9.1。如圖：11. 點(diǎn)擊確認(rèn)，添加了一個(gè)自定義類庫(kù)。如圖：12. 點(diǎn)擊Add JARs按鈕，選擇文件夾E:Java Libraryproxool-0.9.1lib下的兩個(gè)文件，完成自定義類庫(kù)proxool-0.9.1的建立。如圖：13. 同樣做法，建立自定義類庫(kù)Microsoft SQL Se

20、rver 2005 JDBC Driver，添加jar文件E:Java LibraryMicrosoft SQL Server 2005 JDBC Driverchssqljdbc.jar。如圖：14. 右鍵點(diǎn)擊ria4u-demo，進(jìn)入Properties的Java Build Path中Libraries屬性頁(yè)。如圖。15. 點(diǎn)擊Add Library按鈕，選擇User Library，然后勾選Microsoft SQL Server 2005 JDBC Driver和proxool-0.9.1，完成對(duì)兩個(gè)自定義類庫(kù)的引入。如圖：16. 修改/src/applicationContext.

21、xml，以增加Hibernate對(duì)proxool的支持。代碼如下：17. 增加配置文件/WebRoot/WEB-INF/proxool-conf.xml，以配置proxool。代碼如下：18. 增加配置文件/WebRoot/WEB-INF/log4j.xml，以配置log4j。代碼如下：19. 增加文件/WebRoot/WEB-INF/log4j.dtd，以支持log4j.xml。本文件拷貝自log4框架j。代碼如下：20. 修改配置文件/WebRoot/WEB-INF/web.xml，以配置proxool和log4j。代碼如下：21. 切換布局到MyEclipse Database Expl

22、orer Perspective。如圖：22. 在DB Browser視圖空白處右鍵，選擇新建數(shù)據(jù)庫(kù)連接。如圖：23. 在新建數(shù)據(jù)庫(kù)連接界面，通過(guò)Add JARs選擇E:Java LibraryMicrosoft SQL Server 2005 JDBC Driverchssqljdbc.jar，Driver template選擇Microsoft SQL Server 2005，Driver name填寫(xiě)mssql_local，Connection URL填寫(xiě)jdbc:sqlserver:/localhost:1433，填寫(xiě)用戶名密碼。如圖：24. 點(diǎn)擊Test Driver，確認(rèn)配置正確。

23、如圖：25. 直接點(diǎn)擊結(jié)束，完成新建數(shù)據(jù)庫(kù)連接。如圖：26. 打開(kāi)SQL Server 2000 查詢分析器，鏈接本地?cái)?shù)據(jù)庫(kù)，運(yùn)行SQL。代碼如下：27. 選擇mssql_local，點(diǎn)擊DB Browser視圖的打開(kāi)連接按鈕。如圖：28. 連接數(shù)據(jù)庫(kù)后，一級(jí)級(jí)點(diǎn)開(kāi)，找到Northwind數(shù)據(jù)庫(kù)的Demo表。如圖：29. 右鍵點(diǎn)擊Demo表，選擇Hibernate Reverse Engineering。如圖：30. Java src folder選擇ria4u-demo項(xiàng)目的src目錄，Java package填寫(xiě)cn.ria4u.demo.dao，勾選Hibernate mapping f

24、ile選項(xiàng)，勾選Java Data Object，不要勾選Create abstract class，勾選Java Data Access Object選項(xiàng)，并選擇Spring DAO。如圖：31. 點(diǎn)擊下一步，主鍵生成填寫(xiě)uuid，勾選Generate version and timestamp tags選項(xiàng)。如圖：32. 點(diǎn)擊下一步，注意不要勾選Generate support for UnlistedTable(fk)->ListedTable。如圖：33. 點(diǎn)擊完成，會(huì)提示你是否切換到MyEclipse Hibernate Perspective。拒絕。如圖：34. 切換到MyE

25、clipse Java Enterprise Perspective，可以看到在新的包c(diǎn)n.ria4u.demo.dao下增加了三個(gè)新文件。如圖：35. 新建Java類cn.ria4u.demo.bo.DemoBO。代碼如下：36. 修改Java類cn.ria4u.demo.service.DemoService。代碼如下：37. 修改Spring配置文件/src/applicationContext.xml，增加配置DemoBO和DemoService。代碼如下：38. 修改/flex_src/main.mxml，添加測(cè)試代碼。代碼如下：39. 查看J2EE部署，確定ria4u-demo順利

26、部署到apache-tomcat-6.0.16。有時(shí)需要點(diǎn)擊Redeploy按鈕，甚至點(diǎn)擊Remove按鈕然后再Add以能夠重新部署。如圖：40. 啟動(dòng)apache-tomcat-6.0.16，可以發(fā)現(xiàn)Console視圖中的Tomcat啟動(dòng)進(jìn)程報(bào)錯(cuò)。錯(cuò)誤信息提示為：Caused by: java.lang.NoSuchMethodError: org.objectweb.asm.ClassVisitor.visit。如圖：41. 錯(cuò)誤出現(xiàn)原因?yàn)椋篠pring和Hibernate共用的一些jar文件發(fā)生了版本沖突。從錯(cuò)誤提示中可判斷錯(cuò)誤可能在asm類庫(kù)中。Windows資源管理器打開(kāi)apache

27、-tomcat-6.0.16中的項(xiàng)目類庫(kù)路徑E:Program Filesapache-tomcat-6.0.16webappsria4u-demoWEB-INFlib，可見(jiàn)到有沖突的兩個(gè)jar文件：asm-2.2.3.jar和asm.jar。如圖：42. 在項(xiàng)目類庫(kù)Spring 2.0 AOP Libraries上右鍵，選擇Remove from Build Path，將該類庫(kù)從項(xiàng)目中排除。如圖：43. J2EE部署，點(diǎn)擊Remove按鈕然后再Add以重新部署到apache-tomcat-6.0.16，然后重新啟動(dòng)，然后運(yùn)行main.mxml。點(diǎn)擊Demo Count按鈕，獲得正確結(jié)果。如圖

28、：44. 至此，服務(wù)器端（Java）代碼完成。E. 引入PureMVC框架并完成客戶端（Flex代碼）。1. 切換布局到Flex Development Perspective。2. 拷貝之前下載的PureMVC_AS3_2_0_4.swc到/flex_libs，以引入PureMVC組件。3. 現(xiàn)在創(chuàng)建一個(gè)存儲(chǔ)數(shù)據(jù)實(shí)體的Flex類，對(duì)應(yīng)Java類cn.ria4u.demo.dao.Demo。4. 在/flex_src上右鍵，選擇New ActionScript Class，如圖：5. 輸入類路徑：cn.ria4u.demo.model.vo，輸入類名：DemoVO，如圖：6. 點(diǎn)擊完成，新建V

29、O類DemoVO，如圖：7. 修改代碼，增加屬性，并以RemoteClass標(biāo)簽申明與Java類的對(duì)應(yīng)。代碼如下：8. 現(xiàn)在將建兩個(gè)子視圖，用來(lái)顯示Demo列表和Demo編輯界面。9. 在/flex_src/cn/ria4u/demo上右鍵，選擇New Folder，如圖：10. 填寫(xiě)Folder name為view/components，如圖：11. 點(diǎn)擊完成，在flex_src下完成新建目錄/flex_src/cn/ria4u/demo/view/components，如圖：12. 在新建成的目錄上右鍵，選擇New MXML Component，如圖：13. 建立MXML組件DemoGri

30、dPanel，繼承于Panel，寬和高都設(shè)為100%，如圖：14. 點(diǎn)擊完成，新建MXML控件DemoGridPanel.mxml，如圖：15. 修改DemoGridPanel.mxml代碼，添加一個(gè)DataGrid和一個(gè)ControlBar，其中DataGrid與一個(gè)ArrayCollection綁定，用于顯示數(shù)據(jù)列表，提供新建數(shù)據(jù)功能。代碼如下：16. 同一目錄下增加控件DemoDetailPanel.mxml，包含一個(gè)Form和一個(gè)ControlBar，其中Form與一個(gè)DemoVO綁定，用于顯示數(shù)據(jù)明細(xì)，提供數(shù)據(jù)保存和刪除功能。代碼分別如下：17. 同一目錄下增加控件DemoPage.

31、mxml，用于橫向并排顯示兩個(gè)子頁(yè)面。代碼分別如下：18. 修改main.mxml，改為顯示DemoPage.mxml頁(yè)面。代碼分別如下：19. 在類路徑cn.ria4u.demo下，新建類：ApplicationFacade，輸入超類名：Facade，如圖：20. 點(diǎn)擊Add，輸入IFacade，添加接口erfaces.IFacade，如圖：21. 點(diǎn)擊OK，然后去掉Generate functions inherited from interfaces，如圖： 22. 點(diǎn)擊完成，添加ActionScript類文件ApplicationFacade.cs

32、，如圖：23. 修改ApplicationFacade.cs，添加Notification（通知）的名稱定義常量，并添加一個(gè)應(yīng)用程序啟動(dòng)的通知。代碼如下：24. 修改DemoPage.mxml，添加對(duì)ApplicationFacade的調(diào)用。代碼如下：25. 在類路徑cn.ria4u.demo.model.remote下，新建類：DemoRemote，超類為：RemoteObject。本類提供了通過(guò)訪問(wèn)Java后臺(tái)的RemoteObject定義。代碼如下：26. 在類路徑cn.ria4u.demo.model下，新建類：DemoProxy，超類為：Proxy，實(shí)現(xiàn)接口org.puremvc.a

33、erfaces.IProxy。本類提供了操作DemoRemote獲取數(shù)據(jù)的實(shí)現(xiàn)。代碼如下：27. 在類路徑cn.ria4u.demo.view下，新建類：DemoGridPanelMediator，超類為：Mediator，實(shí)現(xiàn)接口erfaces.IMediator。本類用來(lái)獲取DemoGridPanel事件然后發(fā)出通知，或者接收通知然后操作DemoGridPanel。代碼如下：28. 在相同的類路徑cn.ria4u.demo.view下，新建類：DemoDetailPanelMediator，一樣超類為：Mediator，實(shí)現(xiàn)接口org.pu

34、erfaces.IMediator。本類用來(lái)獲取DemoDetailPanel事件然后發(fā)出通知，或者接收通知然后操作DemoDetailPanel。代碼如下：29. 在相同的類路徑cn.ria4u.demo.view下，新建類：ApplicationMediator，一樣超類為：Mediator，實(shí)現(xiàn)接口erfaces.IMediator。本類用來(lái)在DemoPage初始化時(shí)注冊(cè)DemoGridPanelMediator和DemoDetailPanelMediator。代碼如下：30. 在類路徑cn.ria4u.demo.contr

35、oller下，新建類：ModelPrepCommand，超類為：SimpleCommand。本類用來(lái)注冊(cè)DemoProxy。代碼如下：31. 在類路徑cn.ria4u.demo.controller下，新建類：ViewPrepCommand，超類為：SimpleCommand。本類用來(lái)注冊(cè)ApplicationMediator。代碼如下：32. 在類路徑cn.ria4u.demo.controller下，新建類：ApplicationStartupCommand，超類為：MacroCommand。本類用來(lái)初始化ModelPrepCommand和ViewPrepCommand。代碼如下：33.

36、修改ApplicationFacade.cs，添加注冊(cè)ApplicationStartupCommand的代碼。代碼如下：34. J2EE部署中重新啟動(dòng)apache-tomcat-6.0.16，然后運(yùn)行main.mxml。可看到頁(yè)面。如圖：35. 輸入Code為“first_demo”，Label為“第一個(gè)測(cè)試數(shù)據(jù)”，點(diǎn)擊Save，保存數(shù)據(jù)。如圖：36. 點(diǎn)擊第一條數(shù)據(jù)，右側(cè)顯示數(shù)據(jù)明細(xì)。如圖：37. 點(diǎn)擊Delete，刪除數(shù)據(jù)。如圖：38. Grid頁(yè)中的Retrieve按鈕是用來(lái)重新獲取數(shù)據(jù)的。在單一界面操作的情況下不會(huì)出現(xiàn)什么變化，要測(cè)試可以同時(shí)兩個(gè)IE窗口進(jìn)行操作。39. 至此，PureMVC框架成功引入客戶端Flex代碼中。所有代碼完成。F. PureMVC結(jié)構(gòu) 摘自PureMVC框架簡(jiǎn)體中文版1. Controller 與 CommandCommand可以獲取Proxy對(duì)象并與之交互，發(fā)送Notification，執(zhí)行其他的Command。經(jīng)常用于復(fù)雜的或系統(tǒng)范圍的操作，如應(yīng)用程序的“啟動(dòng)”和“關(guān)閉”。應(yīng)用程序的業(yè)務(wù)邏輯應(yīng)該在這里實(shí)現(xiàn)。2. Facade 與 CoreFacade類應(yīng)用單例模式，它負(fù)責(zé)初始