Chapter 3. Getting rich with Flex

 

This chapter covers

  • Creating a Flex project using archetype
  • Creating a Flex frontend for the sample application
  • Adding a wrapper for an SWF

In chapter 2 we introduced you to AppFuse and created our sample issue tracking application. Now it’s time to begin creating the Flex frontend for our sample application. We’ll start by incrementally building up the view layer, introducing you to a few of the pertinent concepts of Flex. This chapter is not meant to be a comprehensive guide to the Flex framework by any stretch of the imagination, so you should be able to follow along without much trouble. If you want a more in-depth look at the Flex framework refer to Flex 4 in Action by Tariq Ahmed, Dan Orlando, John C. Bland II, and Joel Hooks (to be published by Manning in September 2010).

3.1. Generating the application structure

You need to create a Flex application. Because you’ll be using the Flex Mojos Maven plugin you’ll be creating the application in a manner similar to what you used for the AppFuse portion of the application. We’ve taken the liberty of creating a Maven archetype to minimize the amount of manual work required to create the project structure.

3.2. Configuring the flex-bugs-ria module

3.3. Configure Maven for the flex-bugs-web module

3.4. Adding a wrapper for our SWF

3.5. “Hello World!” in Flex

3.6. Developing the FlexBugs application

3.7. Laying out the components

3.8. Creating a pop-up component

3.9. The finished application

3.10. Summary