quick web dev using jdeveloper 10g
Post on 09-Apr-2018
380 Views
Preview:
TRANSCRIPT
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
1/44
1
Java-Based Oracle Web
Development
By Bradley D. Brown, TUSC
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
2/44
2
Abstract
JDeveloper 10g is an amazing developmentenvironment. With the Oracle Application DeveloperFramework (ADF), which includes TopLink, andBC4J, you can quickly and easily develop a
GUI/HTML-based Web application using this point-and-click, drag-and-drop development tool. Thispresentation will discuss: How ADF allows you to map a database object into an
ADF Business Component
ADF Business Component view objects
ADF Business Component Application Modules
The ADF Data Bindings and Control components
The Java Server Page
In one hour you'll learn how to quickly develop anapplication using JDeveloper 10g
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
3/44
3
Topics Covered - Agenda
What is JDeveloper?
What is ADF? Quick Web
Development
Tips and Tricks
If you never accept a challenge,
you will never feel the excitement
of victory.
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
4/44
4
What is JDeveloper 10g?
Oracle JDeveloper 10g is a J2EEdevelopment environment with end-to-endsupport formodeling, developing,
debugging, and deploying e-businessapplications and Web services. OracleJDeveloper 10g allows developers to buildJ2EE applications and Web services eitherfrom scratch or by using a J2EE
framework. Whatever implementation ischosen, JDeveloper offers all theproductivity tools needed to get the jobdone.
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
5/44
5
New Features as of 10g
Application
Development
Framework (A
DF) Faster Development
Integrated MVC
patterns
New J2EE Features
New wizards TopLink integration
Web Service
improvements
IDEEnhancements
New look and feel
Code editorimprovements
Better modeling
Database
Development
Database modeling Editing DB objects
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
6/44
6
New with 10.1.3
JSF Java Server Faces
Replacement for Oracles UIX
and industry standard
Provides for easy templates for
consistent application look and
feel
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
7/44
7
What is ADF?
Oracle ADF is a comprehensiveproductivity layerfor J2EEdevelopers. It simplifiesbuilding applications as a set of
business services with Web,Wireless, and Rich Clientinterfaces. ADF acceleratesdevelopment with ready-to-useJ2EE Design Pattern
implementations and metadata-driven components that you'dotherwise have to code, test,and debug by hand.
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
8/44
8
Quick Web Development
From table to
HTML with
navigation in no
time
Full best
practice
implementation Model Business
components
View JSP / JSF
Controller
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
9/44
9
5 Steps to Success
Create a
1 Create Application
2 Create BusinessComponents
3 Create Default Data
Model Components
4 Create Pages5 - Run the Application
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
10/44
10
Create a New ApplicationStep 1
Right click on
Applications in
Navigator Click on New
Application
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
11/44
11
Name the Application
Name the
application
whatever youwish
Use the Web
Application
template
Click OK
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
12/44
12
Model and ViewController
2 new projects
are
automaticallycreated under
the application
Model
ViewController
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
13/44
13
Create Business ComponentsStep 2
Right click on
Model
Click New
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
14/44
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
15/44
15
Pick Your Database
Select a database
Oracle
Oracle Lite
SQL Server
SQL92
DB2
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
16/44
16
Connecting to the DB
Click New or
In Navigator
SelectConnections at
the top tab
Right click on
Database Select New
Database
Connection
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
17/44
17
Database Connection Wizard
4 Steps
Name the connection
Specify a username and
password to connect to
Specify the connection
parameters (i.e. the
database and machine
to connect to)
Test the Connection
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
18/44
18
Create Business Components from
Tables Wizard
Intro page
Entity Objects
Updatable View
Objects
Read-only Objects
Application Module Business
Components
Diagram
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
19/44
19
Create Default Data
Model Components
Step3
Binds everything together based
on the referential rules
Can be done manually too
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
20/44
20
Business Services are
Complete
All of ourbusinesscomponents
have now beencreatedEntity Object
View Object
ApplicationModule
Its time tocreate the GUI
application
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
21/44
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
22/44
22
Created Updatable View Objects
This object gathers
and filters the data
stored in the entity
object
Uses a SQL Query
to form a collection
of data
Can be comprisedof multiple entity
objects (i.e. join
tables)
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
23/44
23
Application Modules
The Application
Module is a
service objectthat coordinates
view objects for
a specific task
(i.e. a form todisplay the
employee data)
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
24/44
24
Create PagesStep 4
This is ourViewController
section of theMVC
The controllerseparates thevisualrepresentation ofweb pages(view) from theirflow and actions
Edit the Controller (faces-config.xml)
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
25/44
25
Creating a Page
Double-clickfaces-config.xmlin the navigator
Then click JSF
Page in theComponentPalette
Then click in thediagram windowto place the Page
Change the namefrom /emp.jsp(dont remove theforward slash)
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
26/44
26
Designing the JSF Page View
Create JSF page
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
27/44
27
Creating the Page
Drag the JSF
Page icon
Name the JavaServer Page
(JSP)
Use defaults for
each page
Can select
template
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
28/44
28
Dropping Business
Components
Utilizing thebusinessservice you
created in themodel, wellcreate the JSP
In the DataControlPalette, select
the view object(i.e. EmpView)
Drag and drop itonto the page
Choose object
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
29/44
29
The ADF Input Page
By dragging anddropping theE
mpView objectas an ADFForm eachcolumn from thetable(s) is
displayed IncludeNavigation andSubmit Button
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
30/44
30
The Page
JDeveloper creates
an initial page
layout for you You can edit this
page as you wish
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
31/44
31
Running the ApplicationStep 5
Back to the
diagram
Right-click on theobject and choose
Run
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
32/44
32
The Final Page
The form is
complete and fully
functional!!!
Insert, update,
delete, query HTML-based
Full locking
Easy to deploy
using the one-clickdeployment
How easy is that?
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
33/44
33
Adding a List of Values
Delete the
DeptNo input
field Find the DeptNo
in the Data
Control Palette
Select ADF
Select One
Choice
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
34/44
34
Associate LOV
Can build a
static or
dynamic LOV Choose the LOV
table and joining
columns
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
35/44
35
OtherNotables
JDeveloper CSS
Editing a CSS
Can edit source or design A main menu is easy to create
Built-in support for UML
Can reverse engineer too Business Components Browser
Right Click on Module, Test
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
36/44
36
How Much is All
This Functionality?
Its Free!
June 22, 2005
http://www.info
world.com/articl
e/05/06/22/HNora
clejdeveloperfre
e_1.html
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
37/44
37
Create a Many to Many
Pick the FK Link
Choose the
Many to Many Drop the link
into the main
section of the
page
Add buttons
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
38/44
38
Great Reference
http://www.oracle.com/technolo
gy/obe/ADF_tutorial_1013/ADF_t
utorial.pdf
http://www.oracle.com/technolo
gy/products/adf/learnadf.html
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
39/44
39
Other Java Components
to Learn About
Web Services
XML Toolkit
Wireless
Tools written in Java
OEM
Discoverer
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
40/44
40
Other Components
to Consider
Apex
PL/SQL is still important
Web Services / SOA
Portal (integrates w/ Java apps)
Collaboration (iMeeting, Files)
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
41/44
41
Conclusion
Powerful product!
Some great newfeatures
Enhancements tovisual creating andediting
ApplicationDeveloperFramework is key
Decreasesdevelopment time
Reduced learning
curve
Passionate
about theTechnology
Best in
the World
Economic
engine
Oracle
TUSCs Vision
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
42/44
42
Questions and Answers
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
43/44
43
metalink.oracle.com
technet.oracle.com
otn.oracle.com jakarta.apache.org
www.tusc.com
JDeveloper Help
Tutorials are great
Where to Get More
Information
-
8/8/2019 Quick Web Dev Using JDeveloper 10g
44/44
44
Please report errors to TUSC. Neither
TUSC, or the author warrant that this
document is error-free. TUSC 2007. This document may not be
copied or reproduced without the
express written consent of TUSC.
Special Thanks To
top related