Creating First Dynamic Web Page

Creating a dynamic Web project using Eclipse

  1. Launch Eclipse and Switch to Java EE perspective.






  2. Right click under the project explorer and select Dynamic Web Project as shown in the figure



  3. Name the project as HelloWorld.



  4. Keep default values for all the fields and select Finish.



Adding a JSP to the project

  1. Right-click on the project HelloWorld and create a new JSP as shown in the figure.



  2. Give the name as hello.jsp and select Next. Select Finish on the next screen



  3. Modify the code of hello.jsp as follows:
    hello.jsp
    <%@ 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>Hello World</title>
</head>
<body>
Hello World!!
</body>
</html>

Making hellp.jsp the welcome file

  1. Click WebContent -> WEB-INF and open web.xml.
  2. Add hello.jsp as a welcome file under the <welcome-file-list> tag:
    web.xml
    <?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns="http://java.sun.com/xml/ns/javaee" 
         xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
   <display-name>HellowWorld</display-name>
   <welcome-file-list>
    <welcome-file>hello.jsp</welcome-file>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
</welcome-file-list>
</web-app>

Run and deploy

  1. Deploy the application on the server.



  2. launch the application using http://localhost:8080/HelloWorld/hello.jsp



  3. This will display HelloWorld!! on the browser window.

Comments

Post a Comment