本教程將引導您完成Adobe Flex和Spring-Flex軟件組件的生成，可以生成一個隨時可運行的Spring Flex應用程序，該應用程序為域模型實現了CRUD應用程序模式。在本教程中，您將學習如何：

• 從數據庫表搭建到現有項目
• 設置關系獲取類型
• 更新Flex用戶界面

自定義Spring代碼生成需要MyEclipse Spring或Bling授權。

MyEclipse技術交流群：742336981 歡迎一起進群討論

設置關系獲取類型

當前的BlazeDS實現對延遲加載的支持有限，因此在處理關系時需要注意一些事項。

一對一或多對一關系

要填充Employee >Office(多對一)子表單，需要在EmployeesAppgeneratedorg.employeesapp.domainEmployee.java文件中將FetchType注釋更新為EAGER。打開該文件，找到@ManyToOne注釋，修改FetchType枚舉如下：

@ManyToOne(fetch = FetchType.EAGER)
@JoinColumns(@JoinColumn(name = "OFFICECODE", referencedColumnName = "OFFICECODE"))
@XmlTransient
Office office;

一對多或多對多關系

有趣的是，不需要對這些類型的關系進行任何更改就可以獲得要填充的關系結果。但是需要注意的是，to-Many類型關系的所有關系數據都是在應用程序首次加載時自動預加載的。

部署應用程序

1. 右鍵單擊EmployeesApp，并選擇Run As>MyEclipse Server Application，選擇MyEclipse Tomcat服務器。

MyEclipse Tomcat啟動并打開應用程序，第一個頁面是一個儀表板，用于訪問所有搭建的web客戶端。由于本教程僅為Flex搭建了一個父對象，因此Adobe Flex下的唯一選項是View Employees。

2. 單擊View Employees查看生成的運行中的Spring Flex應用程序。

Spring Flex應用程序可用于在Employees和Offices上執行創建、讀取、更新和刪除功能。

生成什么？

為了方便您使用ME4S生成代碼，本教程只涉及從單個數據庫表構建代碼。因此，只生成用于管理單個實體的軟件組件，而不存在實體關系。當您開始為多個實體(可能帶有實體關系)生成時，生成的軟件組件要比使用本教程生成的軟件組件多得多。盡管還有很多代碼，但它們被分組和組織成如下圖所示。

最終搭建應用程序包括：

• 與領域模型(EMPLOYEE和OFFICE)相對應的JPA實體
• 用于管理JPA實體的DAOs
• 基于域模型字段的DAO中的查找方法(JPA命名查詢)
• 具有用于管理域模型的完全實現的CRUD操作服務
• Spring Flex應用所需的所有Spring注解和配置文件
• 每個服務和控制器的JUnits
• SpringSource認證代碼和配置文件
• Spring Framework 3.0 (Spring 2.5可選)
• 生成Flex 4.0 mxml (Flex 3.5可選)
• Spring BlazeDS集成1.0.3
• 現成的Adobe Flex 4.0開源SDK和ant腳本使用mxmlc編譯器生成swf文件到webroot
• 一個mxml默認應用程序，具有用于CRUD操作和關系的單獨mxml表單和網格
• flex_src/assets文件夾，里面有CSS和圖片，使用嵌入語句和常見的Flex樣式，如backgroundGradientAlphas, up-skin, over-skin, down-skin
• 導航到上下文根目錄
• 使用帶有dataProvider的DataGrid來呈現來自服務器結果
• 實現TabNavigator來顯示CRUD操作和關系
• 通過創建操作實現的獨立mxml應用程序中的RemoteObject
• 一個使用StringValidator, NumberValidator, Validator的Alert表單驗證，validateAll方法和ValidationResultEvent遵循驗證的一般準則
• 在FormItem上的必填項上加上帶有必填項屬性的星號
• 使用Accordion控件顯示子關系
• 在刪除對象或報告錯誤時實現PopUpManager
• 在一對多或多對多關系中用于子對象的可編輯數據網格控件
• DateFormatter控件用于格式化表單中的日期和時間字段以及可編輯數據網格中的日期和時間字段
• 使用溶解替代褪色文本
• 帶有關系的可綁定RemoteClass域對象
• 遵循spring-flex-testdrive約定的代碼，包括用于創建、更新和刪除對象的事件驅動操作腳本體系結構

更新Flex用戶界面

如果需要更新Flex UI，以下步驟提供了一個通用的指導方針：

1. 修復*.mxml 或 *.as文件
2. 右鍵單擊/build/Employeebuild.xml文件，并選擇Run As>Ant build。
3. 檢查控制臺中是否有成功的構建或任何錯誤。

注意：如果對WEB-INF中的flex配置文件(例如services-config.xml)進行了任何更改，則需要運行Flex Ant腳本，這些配置文件被編譯成Flash文件。

未完待續，更多精彩內容歡迎咨詢“”！