JSF On Rails JDeveloper 11g/ADF 11g Rapid EJB/JPA + Rich JSF Development 8th  of December 2008 AMIS
Overview of Application to Develop <ul><li>Demonstration rapid JEE  Web Application Development </li></ul><ul><li>JDevelop...
The Data Model – Oracle HR Schema
Database Tables – Oracle HR Schema
Start JDeveloper  - Create Application
 
Select EJB as Project Technology
 
Accept defaults
Add Database Connection to Application
Create new Entities from Tables
 
 
 
 
 
Change Entity Names to singular
 
The result of creating the entities
Create a Session Bean to expose a Business Service API for the entities
 
 
 
 
 
The project contents after creating the Session Bean
Add method getSumSalaries() to Department bean
Create an ADF Data Control for the Session bean
Data Control used in JSF applications can best use the Local Interface
Data Control Palette after creating the Session Bean based Data Control
Create the ViewController project
 
 
Create a new JSF page
 
Drag a PanelStretchLayout to the page
Drag EmployeeList under Department to the page; drop as MasterTable/Detail Table
Set Table Width (900 or so will do)
Run the JSF page
Surround table with PanelCollection
Set partialTriggers attribute for detail table to reference the master table
Set all table columns to Sortable = true
Refresh the page in the browser
Add popup component to the Form
Add PanelWindow to the Popup
Drag Employee under Department (manager of department) to PanelWindow – drop as Form
 
Add showpopupbehavior to departmentId outputText – refer Popup and set triggerType to contextMenu
 
Add PanelAccordion under Master PanelHeader
Move Detail PanelHeader to Accordion’s first ShowDetailItem
 
Add second ShowDetailItem
Drag EmployeeList to Show Detail Item; drop as Graph
 
 
Set Partial Triggers – to synchronize Graph with Table
 
 
<ul><li>Master-Detail  synchronization </li></ul><ul><li>Table-Table </li></ul><ul><li>Sort & Column Manipulation </li></u...
Upcoming SlideShare
Loading in …5
×

Jsf On Rails Ejb Jpa Jsf Adf11g Demo1

3,007 views

Published on

Step by step visualization of a demonstration of JDeveloper 11g with ADF 11g Faces Rich Client Components - creation of a EJB/JPA with Rich JSF Web Applications.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,007
On SlideShare
0
From Embeds
0
Number of Embeds
873
Actions
Shares
0
Downloads
103
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Jsf On Rails Ejb Jpa Jsf Adf11g Demo1

    1. 1. JSF On Rails JDeveloper 11g/ADF 11g Rapid EJB/JPA + Rich JSF Development 8th of December 2008 AMIS
    2. 2. Overview of Application to Develop <ul><li>Demonstration rapid JEE Web Application Development </li></ul><ul><li>JDeveloper 11g with ADF </li></ul><ul><li>Business Tier: EJB 3.0/JPA </li></ul><ul><li>ADF Model </li></ul><ul><li>Web Tier: JavaServer Faces (ADF 11g Faces Rich Client Components) </li></ul>
    3. 3. The Data Model – Oracle HR Schema
    4. 4. Database Tables – Oracle HR Schema
    5. 5. Start JDeveloper - Create Application
    6. 7. Select EJB as Project Technology
    7. 9. Accept defaults
    8. 10. Add Database Connection to Application
    9. 11. Create new Entities from Tables
    10. 17. Change Entity Names to singular
    11. 19. The result of creating the entities
    12. 20. Create a Session Bean to expose a Business Service API for the entities
    13. 26. The project contents after creating the Session Bean
    14. 27. Add method getSumSalaries() to Department bean
    15. 28. Create an ADF Data Control for the Session bean
    16. 29. Data Control used in JSF applications can best use the Local Interface
    17. 30. Data Control Palette after creating the Session Bean based Data Control
    18. 31. Create the ViewController project
    19. 34. Create a new JSF page
    20. 36. Drag a PanelStretchLayout to the page
    21. 37. Drag EmployeeList under Department to the page; drop as MasterTable/Detail Table
    22. 38. Set Table Width (900 or so will do)
    23. 39. Run the JSF page
    24. 40. Surround table with PanelCollection
    25. 41. Set partialTriggers attribute for detail table to reference the master table
    26. 42. Set all table columns to Sortable = true
    27. 43. Refresh the page in the browser
    28. 44. Add popup component to the Form
    29. 45. Add PanelWindow to the Popup
    30. 46. Drag Employee under Department (manager of department) to PanelWindow – drop as Form
    31. 48. Add showpopupbehavior to departmentId outputText – refer Popup and set triggerType to contextMenu
    32. 50. Add PanelAccordion under Master PanelHeader
    33. 51. Move Detail PanelHeader to Accordion’s first ShowDetailItem
    34. 53. Add second ShowDetailItem
    35. 54. Drag EmployeeList to Show Detail Item; drop as Graph
    36. 57. Set Partial Triggers – to synchronize Graph with Table
    37. 60. <ul><li>Master-Detail synchronization </li></ul><ul><li>Table-Table </li></ul><ul><li>Sort & Column Manipulation </li></ul><ul><li>Accordion </li></ul><ul><li>Popup </li></ul><ul><li>Chart </li></ul><ul><li>============ (+ 10 minutes </li></ul>Rapid Demonstration Result

    ×