+ All Categories
Home > Documents > Quick Web Dev Using JDeveloper 10g

Quick Web Dev Using JDeveloper 10g

Date post: 09-Apr-2018
Category:
Upload: dvega1970940
View: 378 times
Download: 0 times
Share this document with a friend

of 44

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


Recommended