Lab05 PDF

Lab 05: Java Server Pages- Part A
Capital University of Science and Technology Islamabad

Department of Computing
Faculty of Computer Science
Lab Manual for Enterprise Application Development

Lab 05: Java Server Pages-Part A
1
Table of Contents
1. INTRODUCTION 3
2. RELEVANT LECTURE READING 3
3. ACTIVITY TIME BOXING 3
4. OBJECTIVE OF THE EXPERIMENT 3
5. CONCEPT MAP 4
5.1. Introduction to JSP 4
5.2. In the end a JSP becomes a Servlet 4
5.3. Why JSP is preferred over servlets? 4
5.4. Advantage of JSP 4
5.5. JSP Scripting Element 4
5.6. Five different types of scripting elements 5
5.7. JSP Comment 5
6. HOMEWORK BEFORE LAB 6
6.1. Home Work 1 6
6.2. Home Work 2 6
7. TOOLS AND PROCEDURE. 7
7.1. Tools 7
7.2. Setting up to use IntelliJ Idea and Tomcat Server. 7
7.3. Installing PostgreSql 7
8. WALKTHROUGH TASK. 7
8.1. Walkthrough task 1 7
8.2. Walkthrough task 2 7
9. PRACTICE TASKS 9
9.1. Practice Task 1 9
10. EVALUATION TASK (UNSEEN) 9
11. FURTHER READING 9
2
1. Introduction
Java Server Pages (JSP) is a server-side programming technology that enables the creation
of dynamic, platform-independent method for building Web-based applications. JSP have
access to the entire family of Java APIs, including the JDBC API to access enterprise
databases.
This Lab will teach you how to use Java Server Pages to develop your web applications in
simple and easy steps.
2. Relevant Lecture Reading

http://www.tutorialspoint.com/jsp/
3. Activity Time Boxing
Task
Activity Name Activity time Total Time
No.
6.2 Setting up to use HTML 10 min 10 min
6.3 Walkthrough Tasks 65 min 65min
As per time specified for
7 Practice Tasks 45 min
each task
25 min for each assigned

8 Evaluation Task (Unseen) 50 min
task
4. Objective of the Experiment
This Lab is designed to understand

 What JSPs are.
 The differences between servlets and JSPs.
 To create and deploy Java Server Pages.
 To use JSP's implicit objects and Scriplets to create dynamic Web pages.
 To use actions to manipulate JavaBeans in a JSP, to include resources dynamically
and to forward requests to other JSPs.
3
5. Concept Map
5.1. Introduction to JSP

JSP technology is used to create dynamic web applications. JSP pages are easier to maintain
then a Servlet. JSP pages are opposite of Servlets as a servlet adds HTML code inside Java
code, while JSP adds Java code inside HTML using JSP tags. Everything a Servlet can do, a
JSP page can also do it.
JSP enables us to write HTML pages containing tags, inside which we can include powerful
Java programs. Using JSP, one can easily separate Presentation and Business logic as a
web designer can design and update JSP pages creating the presentation layer and java
developer can write server side complex computational code without concerning the web
design. And both the layers can easily interact over HTTP requests.
5.2. In the end a JSP becomes a Servlet

JSP pages are converted into Servlet by the Web Container. The Container translates a JSP
page into servlet class source (.java) file and then compiles into a Java Servlet class.
5.3. Why JSP is preferred over servlets?

 JSP provides an easier way to code dynamic web pages.
 JSP does not require additional files like, java class files, web.xml etc.
 Any change in the JSP code is handled by Web Container (Application server like
Tomcat), and doesn't require re-compilation.
 JSP pages can be directly accessed, and web.xml mapping is not required like in
servlets.
5.4. Advantage of JSP

 Easy to maintain and code.
 High Performance and Scalability.
 JSP is built on Java technology, so it is platform independent.
5.5. JSP Scripting Element

JSP Scripting element is written inside <% %> tags. These code inside <% %> tags are
processed by the JSP engine during translation of the JSP page. Any other text in the JSP
page is considered as HTML code or plain text.
4
Example:
<html>
<head>
<title>My First JSP Page</title>
</head>
<%
int count = 0;
%>
<body>
Page Count is <% out.println(++count); %>
</body>
Just to experiment, try removing the <% %> scriplet tag from the above code and run it as
JSP. You will see that everything is printed as it is on the browser, because without the
scriplet tag, everything is considered plain HTML code.
5.6. Five different types of scripting elements
Scripting Element Example

Comment <%-- comment --%>
Directive <%@ directive %>
Declaration <%! Declarations %>
Scriplets <% Scriplets %>
Expression <%= expression %>
5.7. JSP Comment
JSP Comment is used when you are creating a JSP page and want to put in comments about
what you are doing. JSP comments are only seen in the JSP page. These comments are not
included in servlet source code during translation phase, nor do they appear in the HTTP
response. Syntax of JSP comment is as follows:
<%-- JSP comments -- %>
Simple Example of JSP Comment

<html>
<head>
<title>My First JSP Page</title>
</head>
<%
int count = 0;
%>
<body>
<%-- Code to show page count --%>
Page Count is <% out.println(++count); %>
</body>
5
NOTE: Adding comments in your code is considered to be a good practice in Programming

world.
6. Homework before Lab
From now on it is assumed that you know how to configure environment, create project
and manage database.
For help revise Lab02 and Lab03.
6.1. Home Work 1

Install all the tools and configure the environment before coming to Lab if you have not
done it already.
6.2. Home Work 2

Create the below simple registration form in JSP, named as Register.jsp
When the user clicks on the register button, redirect to a new page named as display.jsp
that displays all the values on the web page that user entered in the text fields.
6
7. Tools and Procedure.

7.1. Tools
 IntelliJ Idea.
 PostgreSql and Tomcat Server
7.2. Setting up to use IntelliJ Idea and Tomcat Server.

Refer to Section 7 of Lab02 in order to setup environment and project.
7.3. Installing PostgreSql

Section 7.3 of Lab02 explains how to install PostgreSql.
8. Walkthrough task.
8.1. Walkthrough task 1
To create project and set environment and configure IDEA, refer to walkthrough task 1 of
Lab02.
In order to create database refer to walkthrough task of Lab03.
8.2. Walkthrough task 2

Creating a form and displaying its values when user clicks on Show button.
Create a new JSP page by right clicking Project>Web>New>JSP/JSPX

Name it as student.jsp and type the following code into it.
<html>
<head>
<title></title>
</head>
<body>
<form action="show.jsp" method="post">
<div>
<table>
<tr>
<td>Name :</td>
<td><input type="text" name="name"/><br><br></td>
</tr>
<tr>
<td> Father Name :</td>
<td><input type="text" name="father"/><br><br></td>
</tr>
<tr>
<td>Registration Number :</td>
<td><input type="text" name="reg"/><br><br></td>
</tr>
<tr>
<td><input type="submit" value="Show" name="buttonshow"/></td>
</tr>
</table>
</div>
</form>
</body>
</html>
7
Understand the above code carefully that how the form is created using tables. Also the
form tag is having two attributes action=”show.jsp” and method=”post”.
After that Create a new page named as show.jsp and type the following code into it.
<%@ page import="java.io.PrintWriter" %>
<%
String user = request.getParameter("name");
String father = request.getParameter("father");
String reg = request.getParameter("reg");
PrintWriter pw=response.getWriter();
pw.write("<html>\n" +
"<head>\n" +
" <title></title>\n" +
"</head>\n" +
"<body><br>" +
"Student name is : "+user+"<br>"+
"Father name is : "+father+"<br>"+
"Registration number is : "+reg+"<br>"+
"</body>\n" +
"</html>");
%>
When the user clicks show button, control is directed to a new page where all the values
are extracted from the request object and then displayed on the web page using
PrintWriter.
8
9. Practice Tasks
9.1. Practice Task 1

Extend the home task given to you as follows.
The html form should be same as given to you in home task
Save the data from the form into the database using JSP.
When the user clicks Register button, control should move to a new page named as
save.jsp and there you have to save all the values into the database.
It is assumed that you know how to create database, tables and columns in PostgreSql.
10. Evaluation Task (Unseen)

Evaluation task will be given at the time of lab.
11. Further Reading

http://www.javaknowledge.info/login-and-registration-example-in-jsp-with-session/
https://www.tutorialspoint.com/jsp
http://www.journaldev.com/2021/jsp-example-tutorial-for-beginners
http://www.studytonight.com/jsp

Lab05 PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Lab05 PDF

Uploaded by

Copyright:

Available Formats

Lab 05: Java Server Pages- Part A

Capital University of Science and Technology Islamabad

Lab Manual for Enterprise Application Development

Lab 05: Java Server Pages- Part A

2. Relevant Lecture Reading

3. Activity Time Boxing

25 min for each assigned

4. Objective of the Experiment

This Lab is designed to understand

5.1. Introduction to JSP

5.2. In the end a JSP becomes a Servlet

5.3. Why JSP is preferred over servlets?

5.4. Advantage of JSP

5.5. JSP Scripting Element

5.6. Five different types of scripting elements

Scripting Element Example

5.7. JSP Comment

<%-- JSP comments -- %>

Simple Example of JSP Comment

NOTE: Adding comments in your code is considered to be a good practice in Programming

6. Homework before Lab

6.1. Home Work 1

6.2. Home Work 2

7. Tools and Procedure.

7.2. Setting up to use IntelliJ Idea and Tomcat Server.

7.3. Installing PostgreSql

8.2. Walkthrough task 2

Create a new JSP page by right clicking Project>Web>New>JSP/JSPX

<%@ page import="java.io.PrintWriter" %>

9.1. Practice Task 1

10. Evaluation Task (Unseen)

11. Further Reading

You might also like