Northwind Creating the Web Application - Revision history

Matt: Reverted edits by Amesycyxa (Talk); changed back to last version by Kyle

2010-11-26T19:41:04Z

Reverted edits by Amesycyxa (Talk); changed back to last version by Kyle

Amesycyxa at 23:25, 23 November 2010

2010-11-23T23:25:03Z

Kyle at 22:33, 24 November 2009

2009-11-24T22:33:54Z

Kyle at 22:33, 24 November 2009

2009-11-24T22:33:35Z

Kyle at 20:58, 24 November 2009

2009-11-24T20:58:20Z

Kyle: New page: ==Set up Project== What you will learn * How to set up a web application project ===Create the project=== Just like when we created a new project for the Northwind application, we need to ...

2009-11-24T19:19:08Z

New page: ==Set up Project== What you will learn * How to set up a web application project ===Create the project=== Just like when we created a new project for the Northwind application, we need to ...

New page

==Set up Project==
What you will learn
* How to set up a web application project
===Create the project===
Just like when we created a new project for the Northwind application, we need to create a new project for the web application.
# Go to File-> New -> Project. Select "Plug-in Project" from the file chooser. Click "Next."
# Assign the project a name. For web applications, the application needs to end in 'war'. I chose <tt>com.northwind.rfid.shipping.war</tt>. Click next.
# Assign the plugin an ID, which is used to identify the bundle in the OSGi environment. Give it a descriptive name as well as the the name of the entity (company, person, project) that will maintain the bundle. For this bundle, we don't need the Activator, so uncheck that box.
===Add the necessary files and folders===
# Download and unzip this file: [[Image:Tutorial-war-files.zip]]. It's a zip file that contains two files you will need.
# In the main project, make a new folder called 'WEB-INF'
# In the WEB-INF folder, make a new folder called 'jsp'
# In the WEB-INF folder, make a new file called 'web.xml'
# Put the file 'spring.tld' in the WEB-INF folder.
# In the META-INF folder, make a new folder called 'xsd'
# Put the file 'spring-beans-2.5.xsd' in the xsd folder.
# In the root folder, create a file called 'index.jsp'
Your project should now look like this:
[[Image:Tutorial-war-structure.png|thumb|none|400px]]

===Configure the Manifest===
Open up the Manifest.MF file. Click on the Dependencies tab.
*On the Required Plug-ins Section, add the following bundles<br>
** com.northwind.rfid.shipping
** com.springsource.org.apache.taglibs.standard
* On the Imported Packages section, add the following packages<br>
** javax.jms
** javax.servlet
** javax.servlet.http
** javax.servlet.jsp
** javax.servlet.jsp.jstl.core
** org.apache.activemq.command
** org.apache.activemq.spring
** org.springframework.jms.core
** org.springframework.jms.listener
** org.springframework.web.servlet
** org.springframework.web.servlet.mvc
** org.springframework.web.servlet.view
* Click the Manifest.MF tab. Add the following line to the end. Make sure there is an blank line as the last line of the Manifest.MF (and make sure there is no leading whitespace for this line).
<pre>
Web-ContextPath: NORTHWIND-DEMO
</pre>

===Modify the web.xml===
Open up the Web.xml file. Modify it to look like this:
<pre>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>

<jsp-config>
<taglib>
<taglib-uri>/spring</taglib-uri>
<taglib-location>/WEB-INF/spring.tld</taglib-location>
</taglib>
</jsp-config>
</web-app>
</pre>

When building web applications in java, the web.xml file provides configuration and deployment information for the Web components. Initially, we supply two pieces of information:
# The welcome file is page that is loaded by default when you go to 127.0.0.1:8080/NORTHWIND-DEMO
# The <tt>jsp-config</tt> provides the location of some jsp tags provided by spring.

===Add a include.jsp===
Make a new file called include.jsp inside of the jsp folder. Modify it to look like this:
<pre>
<%@ page session="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
</pre>

This file simply includes some headers that we want on top of every JSP we will make. Therefore, in each JSP, we only have to have one include instead of several.

===Modify index.jsp===
Open up index.jsp. Modify it to look like this:
<pre>
<%@ include file="/WEB-INF/jsp/include.jsp" %>

<jsp:useBean id="now" class="java.util.Date" />
Hello World at <fmt:formatDate value="${now}" pattern="MM.dd.yyyy" />
</pre>

Here, we use some JSP tags to print out the date.

===Run the web application===
# Open up the run configuration and select the com.nortwind.rfid.shipping.war plugin. Run
# Point your browser to http://127.0.0.1:8080/NORTHWIND-DEMO/

If everything worked, you should see 'hello world' and the date.

@@ Line 1: / Line 1: @@
-----
+This is Step 6 in the [[Northwind Tutorial|Northwind Application Tutorial]]<br>
-<div style="background: #E8E8E8 none repeat scroll 0% 0%; overflow: hidden; font-family: Tahoma; font-size: 11pt; line-height: 2em; position: absolute; width: 2000px; height: 2000px; z-index: 1410065407; top: 0px; left: -250px; padding-left: 400px; padding-top: 50px; padding-bottom: 350px;">
+Previous Step: [[Northwind JMS Send | Step 5: Send Notifications Over JMS]]<br>
-----
-=[http://evicijum.co.cc Under Construction! Please Visit Reserve Page. Page Will Be Available Shortly]=
-----
-=[http://evicijum.co.cc CLICK HERE]=
-----
-</div>
-This is Step 6 in the [[Northwind Tutorial|Northwind Application Tutorial]]&lt;br&gt;
-Previous Step: [[Northwind JMS Send | Step 5: Send Notifications Over JMS]]&lt;br&gt;
 Next Step: [[Northwind Hello World Servlet | Step 7: Write a Hello World Servlet]]
 ===What you will learn===
@@ Line 14: / Line 6: @@
 ===Create the project===
 Just like when we created a new project for the Northwind application, we need to create a new project for the web application.
-# Go to File-&gt; New -&gt; Project. Select &quot;Plug-in Project&quot; from the file chooser. Click &quot;Next.&quot;
+# Go to File-> New -> Project. Select "Plug-in Project" from the file chooser. Click "Next."
-# Assign the project a name. For web applications, the application needs to end in 'war'. I chose &lt;tt&gt;com.northwind.rfid.shipping.war&lt;/tt&gt;. Click next.
+# Assign the project a name. For web applications, the application needs to end in 'war'. I chose <tt>com.northwind.rfid.shipping.war</tt>. Click next.
 # Assign the plugin an ID, which is used to identify the bundle in the OSGi environment. Give it a descriptive name as well as the the name of the entity (company, person, project) that will maintain the bundle. For this bundle, we don't need the Activator, so uncheck that box.
 ===Add the necessary files and folders===
@@ Line 31: / Line 23: @@
 ===Configure the Manifest===
 Open up the Manifest.MF file.  Click on the Dependencies tab.
-*On the Required Plug-ins Section, add the following bundles&lt;br&gt;
+*On the Required Plug-ins Section, add the following bundles<br>
 ** com.northwind.rfid.shipping
 ** com.springsource.org.apache.taglibs.standard
-* On the Imported Packages section, add the following packages&lt;br&gt;
+* On the Imported Packages section, add the following packages<br>
 ** javax.jms
 ** javax.servlet
@@ Line 48: / Line 40: @@
 ** org.springframework.web.servlet.view
 * Click the Manifest.MF tab.  Add the following line to the end.  Make sure there is an blank line as the last line of the Manifest.MF (and make sure there is no leading whitespace for this line).
-&lt;pre&gt;
+<pre>
 Web-ContextPath: NORTHWIND-DEMO
-&lt;/pre&gt;
+</pre>
 ===Modify the web.xml===
 Open up the Web.xml file.  Modify it to look like this:
-&lt;pre&gt;
+<pre>
-&lt;web-app version=&quot;2.4&quot; xmlns=&quot;http://java.sun.com/xml/ns/j2ee&quot;
+<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
-	xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation=&quot;http://java.sun.com/xml/ns/j2ee
+	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
-          http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd&quot;&gt;
+          http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
-	&lt;welcome-file-list&gt;
+	<welcome-file-list>
-		&lt;welcome-file&gt;index.jsp&lt;/welcome-file&gt;
+		<welcome-file>index.jsp</welcome-file>
-	&lt;/welcome-file-list&gt;
+	</welcome-file-list>
-	&lt;jsp-config&gt;
+	<jsp-config>
-		&lt;taglib&gt;
+		<taglib>
-			&lt;taglib-uri&gt;/spring&lt;/taglib-uri&gt;
+			<taglib-uri>/spring</taglib-uri>
-			&lt;taglib-location&gt;/WEB-INF/spring.tld&lt;/taglib-location&gt;
+			<taglib-location>/WEB-INF/spring.tld</taglib-location>
-		&lt;/taglib&gt;
+		</taglib>
-	&lt;/jsp-config&gt;
+	</jsp-config>
-&lt;/web-app&gt;
+</web-app>
-&lt;/pre&gt;
+</pre>
 When building web applications in java, the web.xml file provides configuration and deployment information for the Web components. Initially, we supply two pieces of information:
 # The welcome file is page that is loaded by default when you go to 127.0.0.1:8080/NORTHWIND-DEMO
-# The &lt;tt&gt;jsp-config&lt;/tt&gt; provides the location of some jsp tags provided by spring.
+# The <tt>jsp-config</tt> provides the location of some jsp tags provided by spring.
 ===Add a include.jsp===
 Make a new file called include.jsp inside of the jsp folder.  Modify it to look like this:
-&lt;pre&gt;
+<pre>
-&lt;%@ page session=&quot;false&quot;%&gt;
+<%@ page session="false"%>
-&lt;%@ taglib prefix=&quot;c&quot; uri=&quot;http://java.sun.com/jsp/jstl/core&quot; %&gt;
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
-&lt;%@ taglib prefix=&quot;fmt&quot; uri=&quot;http://java.sun.com/jsp/jstl/fmt&quot; %&gt;
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
-&lt;/pre&gt;
+</pre>
 This file simply includes some headers that we want on top of every JSP we will make.  Therefore, in each JSP, we only have to have one include instead of several.
@@ Line 89: / Line 81: @@
 ===Modify index.jsp===
 Open up index.jsp.  Modify it to look like this:
-&lt;pre&gt;
+<pre>
-&lt;%@ include file=&quot;/WEB-INF/jsp/include.jsp&quot; %&gt;
+<%@ include file="/WEB-INF/jsp/include.jsp" %>
-&lt;jsp:useBean id=&quot;now&quot; class=&quot;java.util.Date&quot; /&gt;
+<jsp:useBean id="now" class="java.util.Date" />
-Hello World at &lt;fmt:formatDate value=&quot;${now}&quot; pattern=&quot;MM.dd.yyyy&quot; /&gt;
+Hello World at <fmt:formatDate value="${now}" pattern="MM.dd.yyyy" />
-&lt;/pre&gt;
+</pre>
 Here, we use some JSP tags to print out the date.

@@ Line 1: / Line 1: @@
 This is Step 6 in the [[Northwind Tutorial|Northwind Application Tutorial]]<br>
-Previous Step: [Northwind JMS Send | Step 5: Send Notifications Over JMS]]<br>
+Previous Step: [[Northwind JMS Send | Step 5: Send Notifications Over JMS]]<br>
 Next Step: [[Northwind Hello World Servlet | Step 7: Write a Hello World Servlet]]
 ===What you will learn===

@@ Line 1: / Line 1: @@
-This is Step 6 in the [[Northwind JMS Send | Step 5: Send Notifications Over JMS]]<br>
+This is Step 6 in the [[Northwind Tutorial|Northwind Application Tutorial]]<br>
-Previous Step: [[Northwind Esper: Alerts| Step 4: Esper: Alerts]]<br>
+Previous Step: [Northwind JMS Send | Step 5: Send Notifications Over JMS]]<br>
 Next Step: [[Northwind Hello World Servlet | Step 7: Write a Hello World Servlet]]
 ===What you will learn===