How to create simple ADF Form using Oracle JDeveloper 11g

Create Simple ADF Form using Oracle JDeveloper 11g

In this post i will show you how to create simple ADF Form using Oracle JDeveloper 11g. I have create simple employee form based on employee table i.e. created in database. Using following steps i have create the form.
1) Create Application and Entity Objects
2) Create View Objects based on entities
3) Linking View Objects with Application Modules
4) Finally Create JSF Page
Pre-requisites
1) Oracle JDeveloper 11g
2) Employee Table in Oracle Database
Create Application and Entity Objects
 Open JDeveloper and chose default role.
Choose New Application from  Menu.
Enter Application Name MyFistADFApp Application Package adf.demo and Select Fusion Web Application (ADF) in Application Template.
Create Connection in Application Resource Section on the left pane. Right Click on Connections Select New Connection and Choose Database.
Create Database Connection Screen will open, enter connection name as DBCONN, enter Database username and password and Test connection it should appear Success
Click Right on Model Project choose NEW
select ADF Business Components and choose Business Components from Tables from Items Click OK as shown in the slide

By Default DBCONN Connection will appear Click OK
Choose the Employee table to selected area and rename the Package name to adf.demo.model.entities
On the Application Module Step rename Application Module as HIRSModule and package to adf.demo.model.services click Finish
The above all steps will create the Employee Entity with Application Module in the Model Project
Creating View Object based on Employee Entities
Click Right and choose New on Model Project Choose View Object
 
Enter View Object Name EmpView change package name to adf.demo.model.view click Next
Move the Employee entity to the selected area and check the updatable option
Move all Fields to the selected area
Click Finish Now Model Project is ready to create ADF Form
Linking View Object with Application Module service
In the Model Project Section Open HIRSModule.xml under adf.demo.model.services and go to Data Model Page
Select EmpView on the Available pane and move it to Data model side under HIRSModule and Save all
Creating JSF page
 Right click adfc-config under Page Flow directory in ViewController Project and select Open
Drag & Drop View Activity from component palette named it employee
Double click the employee view activity select Blank Page click OK. Jdeveloper will open one default layout.
Select the EmpView from the Data Controls section
Drag and drop it to employee.jspx page and Choose ADF > ADF Form from the Menu
Select all fields as shown in the slide and check Include Submit Button and Navigation Controls
Your form should appear like this
Click in the structure pane the af:document and set the Title property on the right side the to Employee
Save all and Right click to Choose Run on employee page. That’s all Output will be appear on browser.
Advertisements

About Oracle Technology Blogs
Oracle Application Development

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: