img
Figure 18-7. The flow for new contact creation
As shown in Figure 18-7, the first page that users will see is a list of all contacts. When a user selects a
row and clicks the View Selected button, the show contact view will be displayed. In the show contact
view, the user can navigate back to the list contact page by clicking the Back button.
When a user clicks the Add Contact button, it triggers the add contact flow. The first step is to enter
basic information. Clicking the Next button will navigate to the view for selecting hobbies. The next step
is the review page where the user reviews all the information entered. When the user confirms the
information, the contact is persisted, and the complete view is displayed.
At any page within the flow, the user can navigate to the previous page by clicking the Back button
or end the flow and return to the list contact view by clicking the Exit button.
Project Structure
Before we implement the add contact flow, let's take a look at the project folder structure.
Figure 18-8 shows the folder structure of the sample web flow application that will be developed in
this chapter. Table 18-2 lists the purpose of each folder (under the root folder /src/main/webapp).
Search WWH :
Custom Search
Previous Page
Spring Framework 3 Topic Index
Next Page
Spring Framework 3 Bookmarks
Home