Scribd
Upload
78 views10 pages

JSP-Hands-on-Guided Activity

The document provides steps to create a simple web application using JSP that calculates factorials. It involves creating an HTML form page, a JSP page to process the form data using scriptlets and expressions, and declaring variables and methods using declarative tags. The key steps are: 1) creating an HTML form page; 2) creating a JSP page to process the form data using scriptlets; 3) declaring variables and methods using declarative tags; 4) using scriptlets to process form data; 5) using expressions to display results.

Uploaded by

pokemon pokemon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
78 views10 pages

JSP-Hands-on-Guided Activity

The document provides steps to create a simple web application using JSP that calculates factorials. It involves creating an HTML form page, a JSP page to process the form data using scriptlets and expressions, and declaring variables and methods using declarative tags. The key steps are: 1) creating an HTML form page; 2) creating a JSP page to process the form data using scriptlets; 3) declaring variables and methods using declarative tags; 4) using scriptlets to process form data; 5) using expressions to display results.

Uploaded by

pokemon pokemon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

Steps to create a simple web application using JSP

Step 1: create a HTML page containing a <form> element.


<!DOCTYPE html>
<html>
<head> This name should be same as JSP file
<meta charset="ISO-8859-1">
<title>Factorial</title>
</head>
<body>
<form action="Calculate.jsp" method="post">
<table>
<tr>
<td>Enter a number:</td>
<td><input type="text" name="fact"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="find"/></td>
</tr>
</table>
</form>
</body>
</html>

Step 2: create a new jsp file ex: Calculate.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>Factorial Calulator</title>
</head>
<body>

</body>
</html>

Step 3: Use the declarative tag <%! %>to declare and initialize the required instance
variables and methods.

a. Whatever placed inside these tags gets initialized during JSP initi alization
phase and has class scope.

Page 1 of 10
<%@ 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>Factorial Calulator</title>
</head>
<body>
<%! int fact = 1; %> <!-- Declarative Tag -->
</body>
</html>

Step 4: Use the scriplet tag <% %> to perform the data processing. Use the implicit
request object to read the form data.
<%@ 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>Factorial Calulator</title>
</head>
<body>
<!-- Declarative Tag -->
<%! int fact = 1; %>

<!-- Scriplet Tag -->


<%
long number = Long.parseLong(request.getParameter("fact"));
for (int i = 1; i <= number; i++) {
fact = fact * i;
}
%>

</body>
</html>

Step 5: Use the expression tag <%= %> to print the data.
<%@ 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>
Page 2 of 10
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-
1">
<title>Factorial Calulator</title>
</head>
<body>
<!-- Declarative Tag -->

<%! int fact = 1;%>

<!-- Scriplet Tag -->


<%
long number = Long.parseLong(request.getParameter("fact"));
for (int i = 1; i <= number; i++) {
fact = fact * i;
}
%>

<!-- Expression Tag -->


<h1>Factorial of <%=number%> is <%=fact%></h1>

</body>
</html>

Step 6: Run the HTML file.

Page 3 of 10
Steps to create a web application using JSP for
Session Management

Step 1: create a HTML page containing a <form> element.


<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Login</title>
</head>
<body>
<FORM NAME="login" ACTION="LoginSession.jsp" METHOD="POST">
<table>
<tr>
<td>Enter username :</td>
<td><input type=text name="username"/></td>
</tr>
<tr>
<td>Enter Password :</td>
<td><input type=password name="pass"/></td>
</tr>
<tr>
<td><input type="submit" value="Submit" /></td>
<td><input type="reset" value="Clear" /></td>
</tr>
</table>
</FORM>
</body>
</html>

Step 2: create a new JSP file and read the parameters using the request object.
<%@page import="sun.security.util.Password"%>
<%@ 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>Login Session</title>
</head>
<body>
Page 4 of 10
<%
String username = request.getParameter("username");
String pass = request.getParameter("pass");

%>
</body>
</html>
</html>
Step 3: Use the session object to set the session attribute and redirect to another page
ex: Success,jsp.

<%@page import="sun.security.util.Password"%>
<%@ 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>Login Session</title>
</head>
<body>
<%
String username = request.getParameter("username");
String pass = request.getParameter("pass");

if (pass.equals("admin")) {
session.setAttribute("user", username);
response.sendRedirect("Success.jsp");
} else {
session.setAttribute("msg", "Invalid login credentials");
response.sendRedirect("Error.jsp");
}
%>
</body>
</html>
</html>

Step 4: Retrieve the session attribute in the Success.jsp page and print it using the
expression tag <%= %>.
<%@ 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>

Page 5 of 10
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-
1">
<title>Login Success</title>
</head>
<body>
<h1>Login Success!</h1>
<h2>Welcome <%=session.getAttribute("user")%></h2>
</body>
</html>

Step 5: Display any error messages in Error.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>Insert title here</title>
</head>
<body>
<h1><%=session.getAttribute("msg") %></h1>
</body>
</html>

Step 6: Run the HTML file

Page 6 of 10
Steps to create a web application using JSP for
Java Beans

Step 1: Create a java bean/entity class in the src folder. A java bean class is a class
that contains only the instance variables, constructors and the getter and
setter methods
package com.wipro.entity;

public class Car {

private int carId;


private String name;
private double price;

public int getCarId() {


return carId;
}

public void setCarId(int carId) {


this.carId = carId;
}

public String getName() {


return name;
}

public void setName(String name) {


this.name = name;
}

public double getPrice() {


return price;
}

public void setPrice(double price) {


this.price = price;
}

Page 7 of 10
Step 2: create a HTML page containing a <form> element.
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Cars</title>
</head>
<body>
<form name="carForm" action="CarRegister.jsp" method="post">
<table> The name of each HTML element
<tr> must be same as given in Bean class
<td>Car Id:</td>
<td><input type=text name="carId" /></td>
</tr>
<tr>
<td>Car Name:</td>
<td><input type=text name="name" /></td>
</tr>
<tr>
<td>Car Price:</td>
<td><input type=text name="price" /></td>
</tr>
<tr>

<td colspan="2"><input type=submit value="Register" /></td>


</tr>
</table>
</form>
</body>
</html>

Step 3: create a JSP file to process the form data.


<%@ 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>Car Register</title>
</head>
<body>

</body>
</html>

Page 8 of 10
Step 4: Use the <jsp:useBean/> tag to create an instance of bean class.
<%@ 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>Car Register</title> The object of bean class
</head>
<body>
<jsp:useBean id="carObj" class="com.wipro.entity.Car" />
</body>
</html> The bean class name

Step 5: Use the <jsp:setProperty/> tag to initialize the properties of bean class with
the data given in HTML form.

<%@ 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>Car Register</title>
</head>
<body>
<jsp:useBean id="carObj" class="com.wipro.entity.Car" />

<jsp:setProperty name="carObj" property="carId" />


<jsp:setProperty name="carObj" property="name" />
<jsp:setProperty name="carObj" property="price" />

</body>
The bean class properties. Should
</html> The object of bean class be same as given in HTML form

Page 9 of 10
Step 6: Use the <jsp:getProperty/> tag to retrieve the assigned values.
<%@ 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>Car Register</title>
</head>
<body>
<jsp:useBean id="carObj" class="com.wipro.entity.Car" />
<jsp:setProperty name="carObj" property="carId" />
<jsp:setProperty name="carObj" property="name" />
<jsp:setProperty name="carObj" property="price" />

<h3>The car details are</h3>


car id:<jsp:getProperty name="carObj" property="carId" /><br>
car name:<jsp:getProperty name="carObj" property="name" /><br>
car price:Rs.<jsp:getProperty name="carObj" property="price" />
</body>
</html>
Step 7: Run the HTML file

Page 10 of 10

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy