Digital Edition

Developing a Master-Detail View
Using Eclipse, Spring, the EclipseLink Java Persistence API, & JavaServer Faces - Part 1

Java Developer Magazine on Ulitzer

This tutorial provides step-by-step instructions for creating a Web application that uses the Java Persistence API (JPA) version 2.0 with Oracle WebLogic Server 11g Release 1, Spring, EclipseLink, JavaServer Faces (JSF), and Oracle Database, Express Edition. You will develop this application using Oracle Enterprise Pack for Eclipse 11g Release 1, Patchset 1 ( During the process of creating this application, you'll also get a sneak peek at planned enhancements to the Eclipse Web Tools Platform.

Application Description
The Web application you will develop in this tutorial is designed for a company that sells a variety of products. The application will maintain a list of products for sale as well as a list of customers who placed orders.

In this tutorial, you will develop modules for the Web application. The Add Customer module will add a customer to the database. The View Orders module will display a list of customers who have placed orders, as well as an overview of each order.

Application Components
The following software components are separate downloads; they are not generated by the tool during this tutorial and do not replace generated files in some cases.

Oracle SQL scripts:

  • SalesDB.sql: Oracle SQL file for the SalesDB database. This script creates the tables and populates the database. You will need to create this schema and a database user with connect and resource permission on your local Oracle Database, Express Edition 10g.

Spring beans:

  • SpringCustomerManagedBean: Queries and updates a customer file using generated Spring service beans
  • SpringCustomerListManagedBean: Ensures that all customer files are using generated Spring service beans

HTML and CSS files:

  • addCustomer.jsp: Provides a form to add a new customer file and sends a request to the addCustomer( ) method
  • viewAllCustomers.jsp: Displays a complete list of customers and provides facility to view the orders of specific customers
  • viewOrders.jsp: Displays a list of orders placed by specific customers
  • stylesheet.css: CSS file to customize appearance of JSP pages

Backing bean class:

  • Contains action methods that are responsible for adding the customer to the data store and retrieving orders of a specific customer

Other files:

  • Retrieves localized messages from the application resource file
  • Contains a series of keywords and values
  • faces.config.xml: Defines JSF components
  • web.xml: Defines Web container components
  • weblogic.xml: Defines Web container components specific to Oracle WebLogic Server

Software Requirements

Oracle Enterprise Pack for Eclipse 11g Release 1 (

Oracle WebLogic Server 11g Release 1 (10.3.2)

Oracle Database, Express Edition 10g

Step 1. Set Up Web Project and Connect to Database
Time to complete this step: 15 minutes

In this step, you will create a new Web project and connect to a database. A Web Project is an Eclipse Java project that contains the source code, Web pages, images, resources, and configuration files for building a Web application.

Launch Oracle Enterprise Pack for Eclipse
Double click your Eclipse icon, or, from the command line, navigate to your eclipse installation and run eclipse.exe. Close the welcome screen, and open the JPA perspective from the Window > Open Perspective > Other... > JPA menu.

Define a target runtime
To define a target runtime, click Window > Preferences > Server > Runtime Environments and choose Add...

Choose the Oracle > Oracle WebLogic Server 11gR1 and click next.

Specify the path to your C:/<middleware home>/wlserver_10.3 directory and click finish. Then click OK in the preferences window.

The tasks in this step are:

Create the oepe-jpa-tutorial project

  1. Right click in the Project Explorer and choose New > Dynamic Web Project

  1. Name the project oepe-jpa-tutorial. The tutorial code expects this name. Then click Modify.. as shown below.

  1. Edit the project's facet configuration by clicking modify and configuring the facet dialog as shown below. Make sure that the facet choices match the screenshot below: JSF 1.1, Java 5.0, JPA 1.0, EclipseLink 1.0, Dynamic Web Module 2.4. Note that Java 5.0 is *not* a default option. Then click OK and Next.

  1. Click Next and accept the default Java settings.

  1. Leave Content Directory and Context root with default values. Click Next.

  1. Now you configure the JPA Facet. Ensure that EclipseLink1.1.x is chosen as the platform. Then add a database connection by clicking Add connection....

  1. Choose the Oracle Database Connection from the list and click next.

  1. Select Oracle Database10g Driver Default from the Drivers dropdown menu and configure the screen as shown below. The userID and password should match whatever you chose during the creation of the tables and the database user. Make sure to check "save password" as shown below. Click Test Connection and verify that the ping succeeds. If it does not, check your services control panel to ensure the database service and TNS listener are started. The driver URL has the form of jdbc:oracle:thin:@{host name}:1521:{db name}.

  1. Click Finish once the ping has completed successfully. Back in the JPA Facet configuration, check the option "Add driver library to build path" and then click Next.

  1. Click Next again to advance the project wizard.
  2. Now you configure the JSF Capabilities. Choose WebLogic Shared Library (MyFaces) as the JSF Implementation Library. Next, change the default path of the JSF configuration file to /WEB-INF/config/faces-config.xml.

  1. Click Finish to create the project. Eclipse will prompt you to switch to the Java Platform, Enterprise Edition (Java EE) perspective. Click "no" for the time being.

In Part 2, I will demonstrate how to browse database artifacts using Data Source Explorer.

About Pieter Humphrey
Pieter Humphrey has been at Oracle (by way of BEA Systems) for 7+ years, working in development, marketing, sales, and developer relations to advance Java technology in the enterprise. He ran the dev2dev community at BEA and continues to with work with Oracle OTN and Eclipse Foundation communities. His current role is focused on application development tools like Oracle Enterprise Eclipse Pack, Oracle Workshop for WebLogic, JDeveloper, TopLink and the ADF framework, and is a frequent speaker at industry events and workshops.

In order to post a comment you need to be registered and logged in.

Register | Sign-in

Reader Feedback: Page 1 of 1

Subscribe to the World's Most Powerful Newsletters


The standardization of container runtimes and images has sparked the creation of an almost overwhelm...
Digital Transformation: Preparing Cloud & IoT Security for the Age of Artificial Intelligence. As au...
DevOpsSummit New York 2018, colocated with CloudEXPO | DXWorldEXPO New York 2018 will be held Novemb...
Cloud Expo | DXWorld Expo have announced the conference tracks for Cloud Expo 2018. Cloud Expo will ...
DXWordEXPO New York 2018, colocated with CloudEXPO New York 2018 will be held November 11-13, 2018, ...
DXWorldEXPO | CloudEXPO are the world's most influential, independent events where Cloud Computing w...
@DevOpsSummit New York 2018, colocated with CloudEXPO | DXWorldEXPO New York 2018 will be held Novem...
The dynamic nature of the cloud means that change is a constant when it comes to modern cloud-based ...
DXWorldEXPO LLC announced today that Dez Blanchfield joined the faculty of CloudEXPO's "10-Year Anni...
As DevOps methodologies expand their reach across the enterprise, organizations face the daunting ch...
With 10 simultaneous tracks, keynotes, general sessions and targeted breakout classes, @CloudEXPO an...
"We started a Master of Science in business analytics - that's the hot topic. We serve the business ...
The best way to leverage your Cloud Expo presence as a sponsor and exhibitor is to plan your news an...
As you move to the cloud, your network should be efficient, secure, and easy to manage. An enterpris...
There is a huge demand for responsive, real-time mobile and web experiences, but current architectur...
DXWorldEXPO LLC announced today that "Miami Blockchain Event by FinTechEXPO" has announced that its ...
Widespread fragmentation is stalling the growth of the IIoT and making it difficult for partners to ...
"NetApp is known as a data management leader but we do a lot more than just data management on-prem ...
We call it DevOps but much of the time there’s a lot more discussion about the needs and concerns of...
"Since we launched LinuxONE we learned a lot from our customers. More than anything what they respon...