Click the Open Perspective icon to select the appropriate perspective for your development.

In the list of perspectives, select the Other option to view all available perspectives.

Review the list of possible perspectives, and select the Java EE one.

Click OK.

The IDE updates to a new set of views and editors that are best suited to performing Java EE tasks.

Review each of the tabs in the bottom right pane. As the tutorial goes on, you get a chance to explore the content of some of the tabs.

From the main menu, selecting Window --> Show View allows you to open or reopen specific views. Select the Other option.

In the Show View dialog, expand the General node. Notice that views or editors already opened are greyed out.

Click File | New and select Enterprise Application Project.

In the New EAR Application Project dialog, enter DemoEAR as the project name, and click the New button next to the Target Runtime field.

In the New Server Runtime Environment, expand the Oracle node and select Oracle WebLogic Server 10gR3.

Click Next.

In the Oracle WebLogic Server 10gR3 dialog, click the Browse button next to the WebLogic Home field.

Locate the ECLIPSE_HOME and select wlserver_10.3

Click OK.

Back to the New Server Runtime Environment, click Finish.

Click the Modify button next to the Configuration field.

The Project Facets dialog shows the facets that are enabled for your current project, allowing you to set up your own facet configuration.

Click OK, then click Next on the New EAR Application Project dialog.

In the Enterprise Application dialog, click the New Module button.

Java EE architecture supports component-based development of multi-tier enterprise applications. A Java EE application system typically includes the following tiers:

• Client tier: In the client tier, Web components, such as Servlets and JavaServer Pages (JSPs), or standalone Java applications provide a dynamic interface to the middle tier.
• Middle tier: In the server tier, or middle tier, enterprise beans and Web Services encapsulate reusable, distributable business logic for the application. These server-tier components are contained on a Java EE Application Server, which provides the platform for these components to perform actions and store data.
• Enterprise data tier: In the data tier, the enterprise's data is stored and persisted, typically in a relational database.

In the Create default Java EE modules dialog, check the Web Module checkbox and uncheck others, then Finish.

The Web Module facet is installed in your project.

On the New EAR Application Project, click Finish.

Back to the Eclipse IDE, two projects now exist.

Expand the nodes of the DemoEAR project to review the default environment created for an EAR project.

Expand the nodes of the DemoEARWeb project to review the default environment created for an EAR Web project.

Collapse all the open nodes in the project explorer.

Click File | New and select Dynamic Web Project .

In the New Dynamic Web Project dialog, enter DemoWAR as the project name, and in the EAR section, click the Add project to an EAR checkbox so that the project is added to the DemoEAR one.
In the Configuration click the Modify button.

The Project Facets dialog shows a list of all the available facets and among them, the ones that were added by default to your project.

Click OK. Then Next.

On the New Dynamic Web Project dialog, click Finish to create the project.

Back to the Project Explorer, right click the DemoEAR project and select Properties from context.

Select the Java EE Module Dependencies node, and note that both projects DemoEARWeb and DemoWAR are dependent from the DemoEAR project.

Click OK.

In the bottom pane, click the Servers tab. In the editor right click and select New-> Server.

In the Define a New Server dialog, select Oracle WebLogic Server 10gR3.

Click Next.

In the Domain Directory field, select the <WEBLOGIC_HOME>\wlserver_10.3\samples\domains\wl_server directory from the drop down list.

Notice that a new domain can be defined by clicking the link to start the new domain configuration wizard.

Click Next.

In the Add and Remove Projects, select DemoEAR and click the Add button to shuttle the selection in the Configured projects.

Click Finish.

The server entry appears in the Servers pane. It also shows the projects included in the server and the status of the server.

Right click the server entry and select Open from context.

The server Overview opens in the editor. The left part of the overview page shows 3 sections describing the server (General Information, Server, and Startup & Deployment).

Note that even if in the Startup & Deployment section Eclipse allows you to publish a project that has compilation errors, you should avoid this option and deploy projects that are errors free.

Back in the Servers pane, right click and select Start from context.

A new Console tab opens up showing the server launching steps.

Wait for the server to be started.

The Status should now display Synchronized.

The deployed components are now listed in the Published Modules section.

In the server overview page, click the Open WebLogic Server Admin Console link.

The WebLogic Server Administration Console opens. Provide the default username/password (weblogic/weblogic).

Click Log In.

The WebLogic console opens in the embedded browser.

Note that launching the WebLogic Server may also open the administration console in your default web browser. If so, close the web browser window to avoid resource conflicts.

In the Project Explorer expand the DemoEAR | EarContent | META-INF nodes and double click the weblogic-application.xml file.

The WebLogic Application Deployment Descriptor opens.

Using the General node, you can indicate the version of Oracle WebLogic Server on which this application is intended to be deployed. Modifying the Server version updates the descriptor source code to the appropriate schema.

In the General node, select Application Parameters.

Double click the default webapp.encoding.default to open a list of possible values and select webapp.encoding.usevmdefault.

Click OK.

Note that when selecting this new encoding value an error appears because the UTF-8 value is not valid for this encoding choice.

To clear out the error, double click in the Value field and select True.

Click OK.

At any time, click F1 to open a context related help. The Application Parameters help window gives you additional information.

Expand the DemoWAR | WebContent | WEB-INF nodes and double click the weblogic.xml file.

The WebLogic Web Application Deployment Descriptor opens.

Expand the General | FastSwap nodes and select the Enable class redefinition checkbox. This allows containers to reload altered classes without disturbing running applications. You can make your changes, auto compile, and then see the effects immediately.

In the General | Logging nodes in the Logging pane, enter a file name for the log, and in the Log File Rotation select the no rotation option so that messages accumulate in a single file, meaning that you must erase the contents of the file when the size is unwieldy.

Click the Servers tab, and click the Stop icon to stop the WebLogic Server.

The server state is now on Stopped.

Right click the DemoEARWeb | Java Resources | src node and select New --> Package from context.

In the New Java Package dialog, enter bean as the name for the package.

Click Finish. The package is added to the project.

Right click the bean node and select New --> Class from context.

In the New Java Class dialog, type Hello as the name for the class.

Click Finish.

The Hello.java class opens up in the java editor.

Add a new statement to the class: private String name = "";

In the code editor, right click the name variable and select Source --> Generate Getters and Setters from context.

In the Generate Getters and Setters dialog, click OK to accept the default options.

The new class should now look like this:

Right click the DemoEARWeb | WebContent node and select New --> Folder from context.

In the New Folder dialog, enter pages as the name for the folder.

Click Finish. The folder is added to the project.

Right click the pages node and select New --> JSP from context.

In the New JavaServer Page dialog, type greeting.jsp as the name for the page.

Click Next.

The following dialog allows you to select a template to use for your pages. It can be a one of the predefined templates or your own. Keep the default selected one.

The Preview pane displays the html code.

Click Finish.

Right click the pages node and select New --> JSP from context, to create a new JSP.

In the New JavaServer Page dialog, type response.jsp as the name for the page.

Click Finish.

Right click the greeting.jsp node and select Open With | Web Page Editor.

The page is now displaying in Web Page mode and JSP Code mode.

In the JSP Code pane, cut and paste the following statements to replace the existing ones.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="bean.Hello" %>
<jsp:useBean id="hello" scope="page" class="bean.Hello"></jsp:useBean>
<jsp:setProperty name="hello" property="*" />

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table border="0" width="700">
<tr>
<td width="500">
Welcome to the Oracle Enterprise Pack for Eclipse Tutorial
</td>
</tr>
<tr>
<td width="500">
<form method="get">
Please enter your name: <input type="text" name="name" size="50">
<br>
<input type="submit" value="Submit">
</form>
</td>
</tr>
</table>
<%
if ( request.getParameter("name") != null ) {
%>
<%@ include file="response.jsp" %>
<%
}
%>
</body>
</html>

The page should now look like this:

Notice that the following statements refer to the Java Bean previously created.

<%@ page import="bean.Hello" %>
<jsp:useBean id="hello" scope="page" class="bean.Hello"></jsp:useBean>
<jsp:setProperty name="hello" property="*" />

Click the Preview tab at the bottom of the Page editor.

The editor displays the page rendering.

Right click the response.jsp node and select Open With | Web Page Editor.

In the JSP Code pane, cut and paste the following statements to replace the existing ones.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table border="0" width="700">
<tr>
<td width="500">
Hello, <jsp:getProperty name="hello" property="name" />!
</td>
</tr>
</table>
</body>
</html>

The page should now look like this:

Click the Properties tab in the bottom pane to view the page info.

In the Save Resources dialog, click OK to save your work.

Click the Servers tab, right click the Oracle WebLogic Server and select Publish from context.

Once the server is started, right click the greeting.jsp node and select Run As --> Run on Server.

In the Run on Server dialog, check the Always use this server when running this project checkbox, since we want to run the demo on this server.

Click Finish.

The page loads up in the embedded browser.

Enter your name in the field.

Click Submit.

Your name is returned in the page.

In the Project Explorer double click the response.jsp to open the file in the editor.

In the code editor, double click in the left margin next to the Hello statement.

This adds a breakpoint in your application.

In the Project Explorer, right click the greeting.jsp node and select Debug As --> Debug on Server.

On the Debug On Server dialog, choose the Switch mode option.

Click OK.

In the embedded browser, click the Refresh button.

Enter a name in the field name

Click Submit.

The application runs up to the break point, and opens a Debug window.

The code editor pane indicates where the break occured.

Open the Variables pane and select the hello entry. The property of the hello variable indicates that it is related to the bean.Hello class.

Expand the hello node to display some additional information about the variable.

The toolbar icons in the Debug pane allows you to control the debug process. Move the mouse over each icon to display each function.

Click the Disconnect icon to finish running the debug mode.

In the Perspective menu, Select the Java EE to reopen the development environment.