lesson

This tutorial demonstrates how you can build a complete ADF UIX application with Oracle JDeveloper 10g.

This lesson discusses the following:

Move your mouse over this icon to show all screenshots. You can also move your mouse over each individual icon to see only the screenshot associated with it.

In this tutorial you build an application using ADF UIX technologies. The visual editor tools are 100% synchronized with the code for the UIX XML page. You see how the visual editor, the code editor, and pageflow editor remain synchronized with each other regardless of which tool you choose to work with. You first need to create a business layer, but the focus of this tutorial is on building the View part of your application. Here ADF Business Components are used for the business layer. For more details about working with business services, refer to the JDeveloper tutorial documents on Oracle Technology Network (OTN).

You are a developer building UIX pages for a simple HR application. The application is to contain three UIX XML pages - browseDeptEmp.uix, browsAllEmp.uix, formEmp.uix - and five Struts actions that will be used to manage navigation and creating and committing data. The three pages are based on the Employees and Departments tables found in the Common Schema of the Oracle database.

In order for this lesson to work successfully, you need to have performed the following:

Before starting to create your views and business services (model) you need somewhere to store your work in progress. Once you have created the Application Workspace, you can start to build the business components.

There are two ways to create a UIX XML page. The first uses a wizard, the second builds the page manually. In this tutorial you build the pages using the wizard then connect them to the Struts controller.

In this topic you create an Update page and link it to the browseDeptEmp.uix page using the Struts page flow diagram.

At this point you have a page containing two read-only tables showing all departments and employees for each department. The next step is to modify one of the pages you created earlier to allow you to update employee information. The page will be used to modify an employee based on the selection in the browseDeptEmp page. To achieve this you use the same employees view instance as in the browseDeptEmp page - EmployeesView3.

This topic focuses on associating two pages, so that the end user can navigate from the Master Detail page - browseDeptEmp.uix - to the Input Form page - formEmp.uix. We do not cover navigation from the Input Form to the Master Detail page in this topic.

Adding a data control operation such as Delete or Create to your page can be really easy or very complex, depending on what you want to achieve with your application.

This topic focuses on how to manage interactions with the database by adding Commit and Rollback buttons to the page.

You now add a page to search the Employees table, then link it to the other forms in the Struts page flow diagram.

Now that you have a form to browse Departments and their Employees, and one to update and create employees, you need another one to search for a specific employee. In this topic you create a form to search and display employees that match a specific criterion.

You need to add the button that navigates from the Master Detail page to the Search Form.

In this topic, you switch between multiple looks and feels for your ADF UIX application. Up to now, you have been working in the Browser Look and Feel ( BLAF). Now, you switch the interface to display another, lighter, look and feel meant for end user customization. This look and feel is known as the Minimal Look and Feel (MLAF). Further customizations to the MLAF can be accomplished with CSS technology.

This tutorial demonstrates how to build view components using ADF UIX technologies. The UIX XML pages can be integrated into an application using the Struts Controller, and interact with a database using data components built with ADF Business Component technologies.