Developing the Web Module

Show TOC

Prerequisites

The Window Open Perspective Other Java EE perspective is open.

Procedure

Creating the Web Module Project

The Web resources are developed in a Web Project in the Java EE perspective.

Choose File New Project... from the main menu.
Choose Web Dynamic Web Project on the New Project screen. Choose Next.
Enter ConverterWeb in the Project name field.
To assign the Web project to the previously created Enterprise Application Project, check Add Project to an EAR and select ConverterEAR from the EAR Project Name field.
Choose Finish to create your Web's project structure.

Creating a Web Client

The Web client in this tutorial is a JSP.

In the Project Explorer choose ConverterW eb WebContent.
From the context menu of WebContent choose New Other .
On the New screen choose Web JSP . Choose Next.
Enter index.jsp in the File name field.
Choose Finish.

Implement the JSP as follows:

Syntax Syntax

<%@ page import="com.sap.tutorial.javaee.*,java.math.*,javax.naming.*"%>

<%!private ConverterBeanLocal converterBean = null;

	public void jspInit() {
		try {
			InitialContext ic = new InitialContext();
			converterBean = (ConverterBeanLocal) ic
					.lookup("java:comp/env/ConverterBean");
		} catch (Exception ex) {
			System.out.println("Couldn't create converter bean."
					+ ex.getMessage());
		}
	}

	public void jspDestroy() {
		converterBean = null;
	}%>
<html>
<head>
<title>Currency Converter</title>
</head>

<body>
<h1>Currency Converter</h1>
<hr>
<p>Enter an amount to convert:</p>
<form method="get"><input type="text" name="amount" size="20">
<input type="submit" value="Submit"></form>
<%
	String amount = request.getParameter("amount");
	if (amount != null && amount.length() > 0) {
		BigDecimal value = new BigDecimal(amount);
		BigDecimal euroAmount = converterBean.dollarToEuro(value);
%>

<p><%=amount%> USD are <%=euroAmount%> EUR <br>
<%
	BigDecimal dollarAmount = converterBean.euroToDollar(value);
%> <%=amount%> EUR are <%=dollarAmount%> USD</p>
<%
	}
%>
</body>
</html>

End of the code.

Save the index.jsp file.

Editing the web.xml Deployment Descriptor

Expand the WEB-INF folder under WebContent.
Double-click the web.xml file to open it for editing.

Add the following code in the XML source to define a local EJB reference to Converter bean:

Syntax Syntax

lt;ejb-local-ref>
  	<ejb-ref-name>Converter</ejb-ref-name>
  	<ejb-ref-type>Session</ejb-ref-type>
    <local>com.sap.tutorial.javaee.ConverterLocal</local>
  </ejb-local-ref>

End of the code.

To save the file, choose File Save from the main menu.

Configuring the Project References

Since your Web project uses resources from the ConverterEJB project, you have to set these references:

Select ConverterWeb in the Project Explorer.
In the context menu, choose Properties.
On the Properties for ConverterWeb screen choose Java Build Path Projects.
Choose Add.
Select the ConverterEJBcheckbox. Choose OK.
Choose Project References.
On the Setting Java Build Path screen that pops up, choose Apply.
Select the ConverterEAR and ConverterEJB projects.
Choose OK.

Result

You have successfully created the Web module of the Converter Application.