JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On RailsJDeveloper 11g/ADF 11gRapid EJB/JPA + Rich JSF

Development

8th of December 2008AMIS

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Overview of Application to Develop

Demonstration rapid JEE Web Application DevelopmentJDeveloper 11g with ADF Business Tier: EJB 3.0/JPA ADF Model Web Tier: JavaServer Faces (ADF 11g Faces Rich Client Components)

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

The Data Model – Oracle HR Schema

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Database Tables – Oracle HR Schema

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Start JDeveloper - Create Application

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Select EJB as Project Technology

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Accept defaults

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add Database Connection to Application

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Create new Entities from Tables

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Change Entity Names to singular

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

The result of creating the entities

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Create a Session Bean to expose a Business Service API for the entities

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

The project contents after creating the Session Bean

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add method getSumSalaries() to Department bean

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Create an ADF Data Control for the Session bean

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Data Control used in JSF applications can best use the Local Interface

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Data Control Palette after creating the Session Bean based Data Control

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Create the ViewController project

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Create a new JSF page

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Drag a PanelStretchLayout to the page

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Drag EmployeeList under Department to the page; drop as MasterTable/Detail

Table

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Set Table Width (900 or so will do)

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Run the JSF page

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Surround table with PanelCollection

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Set partialTriggers attribute for detail table to reference the master table

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Set all table columns to Sortable = true

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Refresh the page in the browser

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add popup component to the Form

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add PanelWindow to the Popup

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Drag Employee under Department (manager of department) to

PanelWindow – drop as Form

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add showpopupbehavior to departmentId outputText – refer Popup and set triggerType

to contextMenu

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add PanelAccordion under Master PanelHeader

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Move Detail PanelHeader to Accordion’s first ShowDetailItem

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Add second ShowDetailItem

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Drag EmployeeList to Show Detail Item; drop as Graph

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Set Partial Triggers – to synchronize Graph with Table

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

JSF On Rails – EJB/JPA + ADF 11g Rich Faces – Demo 1

Rapid Demonstration Result

Master-Detail synchronization

Table-Table Sort & Column

Manipulation Accordion Popup Chart============ (+

10 minutes