Defining the Navegation
At this point, it is reasonable to define the navigations of the site. This task is very straightforward with the Exadel’s Visual Editor for the JSF configuration file ( faces-config.xml) .
To open the Visual Editor we only need to double-click the faces-config.xml and the proper editor will pop-up. At first, an empty diagram should be displayed as we didn’t define anything at this point. First thing we got to do is to drag and drop our JSP files (login.jsp, success.jsp and error.jsp) to the diagram, so we will be able to define the navigation from one file to another. After we drag-and-drop those files, we should see some visualization like the one is presented in Figure 4.
Suppose we want to define one path of execution from login.jsp to success.jsp. The first thing we do is select the Arrow icon of the vertical toolbar of the Visual Editor. Then we got to select the login.jsp icon (the source page), after that we click on the success.jsp (the target page). In the same manner we define the navigation flow from login.jsp to error.jsp.
Notice that, the outcome expected from the login.jsp, to navigate to success.jsp (or error.jsp), is inferred by Exadel as the name of the target file. The final display should be exactly the same as the one that is shown in Figure 1.