Scribd
Upload
13 views86 pages

CS8661 - IP Lab Manual Final

The CS8661 Internet Programming Laboratory syllabus outlines objectives focused on web page design, dynamic web pages, client-server applications, and PHP programming. It includes a list of experiments that cover HTML, CSS, JavaScript, Java Servlets, JSP, XML, and PHP, with specific tasks for each topic. Upon completion, students will be able to construct and validate web applications, develop dynamic pages, and utilize web services.

Uploaded by

aathmikam51
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
13 views86 pages

CS8661 - IP Lab Manual Final

The CS8661 Internet Programming Laboratory syllabus outlines objectives focused on web page design, dynamic web pages, client-server applications, and PHP programming. It includes a list of experiments that cover HTML, CSS, JavaScript, Java Servlets, JSP, XML, and PHP, with specific tasks for each topic. Upon completion, students will be able to construct and validate web applications, develop dynamic pages, and utilize web services.

Uploaded by

aathmikam51
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/ 86

SYLLABUS

CS8661 INTERNET PROGRAMMING LABORATORY LTPC


00 4 2
OBJECTIVES:
 To be familiar with Web page design using HTML/XML and style sheets
 To be exposed to creation of user interfaces using Java frames and applets.
 To learn to create dynamic web pages using server side scripting.
 To learn to write Client Server applications.
 To be familiar with the PHP programming.
 To be exposed to creating applications with AJAX
LIST OF EXPERIMENTS
1. Create a web page with the following using HTML
a. To embed a map in a web page
b. To fix the hot spots in that map
c. Show all the related information when the hot spots are clicked.
2. Create a web page with the following.
a. Cascading style sheets.
b. Embedded style sheets.
c. Inline style sheets. Use our college information for the web pages.
3. Validate the Registration, user login, user profile and payment by credit card pages using
JavaScript.
4. Write programs in Java using Servlets:
i. To invoke servlets from HTML forms
ii. Session tracking using hidden form fields and Session tracking for a hit count
5. Write programs in Java to create three-tier applications using servlets for conducting online
examination for displaying student mark list. Assume that student information is available in a
database which has been stored in a database server.
6. Install TOMCAT web server. Convert the static web pages of programs into dynamic web pages
using servlets (or JSP) and cookies. Hint: Users information (user id, password, credit card number)
would be stored in web.xml. Each user should have a separate Shopping Cart.
7. Redo the previous task using JSP by converting the static web pages into dynamic web pages.
Create a database with user information and books information. The books catalogue should be
dynamically loaded from the database.
8. Create and save an XML document at the server, which contains 10 users Information. Write a
Program, which takes user Id as an input and returns the User details by taking the user information
from the XML document
9. i. Validate the form using PHP regular expression.
ii. PHP stores a form data into database.
10. Write a web service for finding what people think by asking 500 people’s opinion for any
consumer product.
TOTAL: 60 PERIODS

OUTCOMES: Upon Completion of the course, the students will be able to:
 Construct Web pages using HTML/XML and style sheets.
 Build dynamic web pages with validation using Java Script objects and by applying
different event handling mechanisms.
 Develop dynamic web pages using server side scripting.
 Use PHP programming to develop web applications.
 Construct web applications using AJAX and web services.

SOFTWARE REQUIRED: Dream Weaver or Equivalent, MySQL or Equivalent, Apache Server,


WAMP/XAMPP.
CS8661- INTERNET PROGRAMMING LABORATORY

CONTENTS

Ex.No. DATE
Name of the Exercise Page Marks sign
No
Image Mapping
1

Style Sheet
2

Website Validation using Javascript


3

Invoke Servlets from HTML forms


4

Three Tier Application using JSP


5

Dynamic Web Page Using Servlets


6

Dynamic Web Page Using JSP


7

Information Retrieval from XML


8 Server

Validate the form using PHP


9(i) Regular Expression

PHP stores a form data into


9(ii) Database

Web Service for Customer Product


10
EX.NO:1
Date: IMAGE MAPPING

AIM
To write a map and fix the hotspots to show the information of it in a web page.
PROCEDURE
1. Start the program.
2. Get the india map image and link it to the package.
<img src="flag.jpg">
<img align="right" src = "India Map.gif" usemap="#india">
3. Fix the hotspots in that image.
4. Map the reference of the hotspots in the image.
<area shape="circle" coords="274,745,20" href="tn.html">
5. Mention the derived link.
6. Click the link to get the desired image.
7. Stop the program.

PROGRAM

indiamap.jpeg

mainpage.html
<html>
<head>
<title>India Map</title>
<head>
<body bgcolor="PINK">
<font face="Monotype Corsiva" color="BLUE" size="6">
<marquee direction="left" behavior="alternate">INDIA MAP
</marquee>
</font>
<hr size="6" color="RED">
<map name="pagemap">
<area shape="rect" title="Orissa" coords="330,325,340,340" href="orissa.html">
<area shape="rect" title="Maharashtra" coords="168,330,175,360"
href="maharashtra.html">
<area shape="rect" title="Karnataka" coords="168,432,176,442" href="karnataka.html">
<area shape="rect" title="Kerala" coords="170,510,185,530" href="kerala.html">
<area shape="rect" title="Tamilnadu" coords="210,505,220,520" href="tamilnadu.html">
<area shape="rect" title="Madhyapradesh" coords="223,268,240,275"
href="madhyapradesh.html">
</map>
<img src="indiamap.jpeg" usemap="#pagemap">
</body>
<font color="#ff0000" size="5">
<p><b>Hints:</b><i>Click on the Name of the Cities in the map to know its
description</i></p>
</html>
tamilnadu.html
<html>
<head>
<body bgcolor="#FFE4C4"/>
<center><h2>It is a tamilnadu,here maximum tamilan living and capital of tamilnadu is
</h2><h1>chennai<h1></center>
</head>
</html>
orissa.html
<html>
<head>
<body bgcolor="#DDA0DD"/>
<center><h2>It is a orissa,here maximum oreya living and capital of orissa is</h2>
<h1>Bhubaneswar</h1></center></head></html>
maharashtra.html
<html>
<head>
<body bgcolor="#FFB6C1"/>
<center>It is a maharashtra,here maximum maratiyam living and capital of maharashtra is
<h1>Mumbai</h1></center>
</head>
</html>
madhyapradesh.html
<html>
<head>
<body bgcolor="lightskyblue"/>
<center>It is a madhyapradesh,here maximum maratiyam living and capital of
Madhyapradeshis <h1>BHOPAL</h1></center>
</head>
</html>
kerala.html
<html>
<head>
<body bgcolor="#7674dshddf"/>
<center>It is a kerala,here maximum malaiyalees living and capital of kerala is
<h1>Thiruvananthapuram</h1></center>
</head>
</html>
karnataka.html
<html>
<head>
<body bgcolor="#90EE90"/>
<center>It is a karnataka,here maximum kannadam living and capital of karnataka is
<h1>Bangalore</h1></center>
</head>
</html>
OUTPUT

Main Page

Tamilnadu
Karnataka

Madhyapradesh

RESULT

Thus the web page is created and the image is embedded with hot spot and the linking ages
successfully, and the output is verified.
EX.NO:2
Date: STYLE SHEET

AIM
To write a webpage that displays college information using various style sheet.
PROCEDURE
1. Start the program.
2. Create a web page with framesets consisting two frames.
3. In the first frame include the links.
4. In the second frameset display the webpage of the link.
5. Create an external style sheets.
6. Create an inline and internal style and make a link to the external style sheet.
7. Stop the program.
PROGRAM

mainpage.html

<html>
<head>
<title>Cascading Style Sheets</title>
</head>
<body alink="blue" vlink="brown">
<h1><u><b><font face="Monotype corsiva" color="red">
Different types of Cascading Style Sheets</font></b></u></h1>
<br />
<font face="Arial"size="6">
<a href ="inline.html" style="text-decoration :none;"> 1. Inline Style Sheet</a><br />
<a href ="embedded.html" style="text-decoration :none;"> 2. Embeded Style
Sheet</a><br />
<a href ="external.html" style="text-decoration :none;"> 3. External Style
Sheet</a><br />
<a href ="import.html" style="text-decoration :none;"> 4. Imported Style
Sheet</a><br /></font>
</body>
</html>

inline.html
<html>
<head>
<title>Inline Style Sheet</title>
</head>
<body>
<ol class="decimal">
<h1 style="font-family :Monotype Corsiva ;background-color:antiquewhite ;"><li>
Inline Style Sheet</li></h1>
<h3>
<p style="text-indent :30pt;color:blue;font-family :arial;">
Inine Style is the style attached to one specific element.
The style is specified directly in the start tag as a value of the style attribute well apply
exclusively to this specific element occurrence.
</p></h3>
</ol>
</body>
</html>
import.html
<html>
<head><title>Imported Style Sheet</title>
<link rel= stylesheet href="style2.css" type="text/css">
</head>
<body>
<h1>1. Imported Style Sheet</h1>
<h3> Imported style sheet is a sheet that can be imported to another sheet.
This alignes exacting one main sheet containing declarations that apply to
the whle site and partial sheets containing declarations that apply to specific
elements.</h3>
</body>
</html>

external.html
<html>
<head>
<title>External Style Sheet</title>
<link rel=Stylesheet href="style1.css" type="text/css" />
</head>
<body>
<h1>1. External Style Sheet</h1><br />
<h3>
An external style sheet is a template documents/files
containing style info which can be linked with any number
of the documents. This is a very convenient way of formating
the entire site as well as restyling it by editing just one file</h3>
</body>
</html>

embed.html
<html>
<head>
<title>Embeded Style Sheet</title>
<style type="text/css">
ol{list-style-type:decimal}
h1{text-align: left; background:antiquewhite;font-family:monotype corsiva;color:red}
h3{text-align: right; font-family:arial;color:blue}
</style>
</head>
<body>
<ol class="lroman"><h1>
<li>Embedded style sheet</li></h1>
<br />
Embedded style is the style attached to one specific document.
The information is specified as a content of the style element
inside the head element and wil apply to the entire documents.
</h3></ol>
</body>
</html>

OUTPUT
Main Page

Inline Style Sheet


Embedded Style Sheet

External Style Sheets


RESULT
Thus the web page is created using all types of cascading style sheets successfully and the
output is also verified.
EX.NO:3
Date: WEBSITE VALIDATION USING JAVA SCRIPT

AIM
Validate the Registration, user login, user profile and payment by credit card pages
using JavaScript.
PROCEDURE
1. Start the program.
2. Create a web page with framesets consisting two frames.
3. In the first frame include the links.
4. In the second frameset display the webpage of the link.
5. Create a scripting code for form validation for registration, user login, user profile and
payment by credit card pages using java script.
6. valid the logic and verify it
7. Stop the program.
PROGRAM

mainpage.html
<html>
<frameset rows="25%,*">
<frame src="top.html" name="top" scrolling ="no" frameborder ="0">
<frameset cols="25%,75%">
<frame src="left.html" name="left" scrolling ="no" frameborder ="0">
<frame src="right.html" name="right" scrolling ="auto" frameborder ="0">
</frameset>
</frameset>
</html>
left.html
<html>
<body bgcolor="green">
<h3>
<ul>
<li><a href="profile.html" target="right"><fontcolor="blue"> USER
PROFILE</font></a></li><br>
<br>
<li><a href="login.html" target="right"><font color="blue">
LOGIN</font></a></li><br><br>
<li><a href="catalog.html" target="right"><fontcolor="blue"> BOOKS
CATALOG</font></a></li>
<br><br>
<li><a href="scart.html" target="right"><font color="blue">
SHOPPINGCART</font></a></li><br>
<br>
<li><a href="payment.html" target="right"><fontcolor="blue">
PAYMENT</font></a></li><br><br>
<li><a href="order.html" target="right"><font color="blue"> ORDER
CONFIRMATION</font></a>
</li><br><br>
</ul>
</body>
</html>

right.html
<html>
<body bgcolor="green">
<br><br><br><br><br>
<h2 align=”center”>
<b><p> Welcome to online book storage. Press login if you are having id otherwise press
registration.
</p></b></h2>
</body></html>
top.html
<html>
<body bgcolor="yellowgreen">
<br><br>
<marquee><h1 align="left"><b><u>ONLINE BOOK STORAGE</u></b></h1></marquee>
</body>
</html>
profile.html
<html>
<body bgcolor="lightskyblue"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.name.value==""||
document.myform.addr.value==""||
document.myform.phno.value==""||
document.myform.id.value==""||
document.myform.pwd.value=="")
{
flag=0;
}
var str=document.myform.phno.value;
var x;
for(var i=0;i<str.length;i++)
{
x=str.substr(i,1)
if(!(x<=9))
{
flag=0;
break;
}
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
NAME :<input type="text" name="name"><br>
ADDRESS :<input type="type" name="addr"><br>
PHONE NUMBER :<input type="text" name="phno"><br>
LOGINID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd"></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear">
</form></body></html>
login.html
<html>
<body bgcolor="lightskyblue"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||
document.myform.pwd.value=="")
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd">
</pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear" >
</form>
</body>
</html>
catalog.html
<html>
<body bgcolor="lightskyblue"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||
document.myform.title.value==""||
document.myform.no.value==""||
document.myform.cost.value==""||
document.myform.date.value=="")
{
flag=0;
}
var str=document.myform.no.value;
var x;
for(var i=0;i<str.length;i++)
{
x=str.substr(i,1)
if(!(x<=9))
{
flag=0;
break;
}
}
str=document.myform.title.value;
var str1=document.myform.cost.value;
if(!((str=="c"&& str1==444) || (str=="jsp" && str1==555)))
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform" >
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
TITLE :<input type="text" name="title"><br>
NO.OF BOOKS :<input type="text" name="no"><br>
COST OF BOOK :<input type="text"name="cost"><br>
DATE :<input type="text" name="date"><br></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear">
</form>
</body>
</html>
scart.html
<html>
<body bgcolor="lightskyblue"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.title.value=="")
{
flag=0;
}
str=document.myform.title.value;
if(str=="c")
{
document.writeln("<body bgcolor=pink>");
document.writeln("title-->c"+" cost-->444");
}
else if(str=="jsp")
{
document.writeln("<body bgcolor=pink>");
document.writeln("title-->jsp"+" cost-->555");
}
else
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform" >
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title"><br>
</pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear">
</form>
</body>
</html>

payment.html
<html>
<body bgcolor="lightskyblue"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""|| document.myform.pwd.value==""||
document.myform.amount.value==""|| document.myform.num.value=="")
{
flag=0;
}
var str=document.myform.amount.value;
var x=new RegExp("\\d","g");
if(!(str.match(x)))
{ flag=0;
}
var str1=document.myform.num.value;
var x1=new RegExp("\\d","g");
if(!(str.match(x1)))
{ flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
window.self.location.href="order.html";
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd"><br>
AMOUNT :<input type="text" name="amount"><br>
CREDITCARDNUMBER :<input type="PASSWORD" name="num"><br></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="button" value="ok" onClick="validate()">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="clear" >
</form>
</body>
</html>
order.html
<html>
<head><title>Order Conformation</title><M/head>
<body bgcolor="cyan">
<center>
<h1><b>AMAZON</h1>
<pre><strong>
<b>Your order Is Conformed
</strong></pre>
<h2><b>THANK YOU</h2>
</center>
</body>
</html>
OUTPUT

Main Page
User Profile

Login Page
Books Catalog
Shopping Cart

Payment Page
Order Conformation

RESULT

Thus the Validation of the Registration, user login, user profile and payment bycredit card
pages using JavaScript was performed and the output was verified
EX.NO:4
Date: INVOKE SERVLETS FROM HTML FORMS

AIM
To write a java program for invoking servlet from HTML form.
PROCEDURE
1. Start the program.
2. Create the form as ResponseDemoServlet with textfield, submit Button and reset button.
3. The class ResponseDemoServlet implements the interface servlet.
4. Create the out object for the PrintWriter class and call the method Getwriter as
response.getwriter.
5. Display the server port, server name, protocol, character encoding, content length.
6. Create the class as enumeration with parameters as object.
7. Stop the program.
PROGRAM
index.html
<html>
<form action="servlet1">
Name:<input type="text" name="userName"/><br/>
<input type="submit" value="go"/>
</form>
</html>

FirstServlet.java
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet(urlPatterns = {"/FirstServlet"})
public class FirstServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response){
try{

response.setContentType("text/html");
PrintWriter out = response.getWriter();

String n=request.getParameter("userName");
out.print("Welcome "+n);

//creating form that have invisible textfield


out.print("<form action='servlet2'>");
out.print("<input type='hidden' name='uname' value='"+n+"'>");
out.print("<input type='submit' value='go'>");
out.print("</form>");
out.close();

}catch(Exception e){System.out.println(e);}
}

}
SecondServlet.java
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.util.*;
import java.util.Enumeration;
/**
*
* @author CSE
*/
@WebServlet(urlPatterns = {"/SecondServlet"})
public class SecondServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {
HttpSession session = request.getSession(true);
Date createTime = new Date(session.getCreationTime());
Date lastAccessTime = new Date(session.getLastAccessedTime());

String title = "Welcome Back to my website";


Integer visitCount = new Integer(0);
String visitCountKey = new String("visitCount");
String userIDKey = new String("userID");
String userID = new String("ABCD");

// Check if this is new comer on your web page.


if (session.isNew())
{
title = "Welcome to my website";
session.setAttribute(userIDKey, userID);
}
else {
visitCount = (Integer)session.getAttribute(visitCountKey);
visitCount = visitCount + 1;
userID = (String)session.getAttribute(userIDKey);
}
session.setAttribute(visitCountKey, visitCount);
response.setContentType("text/html");
PrintWriter out = response.getWriter();
String n=request.getParameter("uname");
out.print("Hello "+n);
String docType =
"<!doctype html public \"-//w3c//dtd html 4.0 " +
"transitional//en\">\n";

out.println(docType +
"<html>\n" +
"<head><title>" + title + "</title></head>\n" +

"<body bgcolor = \"#f0f0f0\">\n" +


"<h1 align = \"center\">" + title + "</h1>\n" +
"<h2 align = \"center\">Session Infomation</h2>\n" +
"<table border = \"1\" align = \"center\">\n" +

"<tr bgcolor = \"#949494\">\n" +


" <th>Session info</th><th>value</th></tr>\n" +

"<tr>\n" +
" <td>id</td>\n" +
" <td>" + session.getId() + "</td></tr>\n" +

"<tr>\n" +
" <td>Creation Time</td>\n" +
" <td>" + createTime + " </td></tr>\n" +

"<tr>\n" +
" <td>Time of Last Access</td>\n" +
" <td>" + lastAccessTime + " </td></tr>\n" +

"<tr>\n" +
" <td>User ID</td>\n" +
" <td>" + userID + " </td></tr>\n" +

"<tr>\n" +
" <td>Number of visits</td>\n" +
" <td>" + visitCount + "</td></tr>\n" +
"</table>\n" +
"</body></html>"
);
}
}
web.xml
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>s1</servlet-name>
<servlet-class>FirstServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>s1</servlet-name>
<url-pattern>/servlet1</url-pattern>
</servlet-mapping>

<servlet>
<servlet-name>s2</servlet-name>
<servlet-class>SecondServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>s2</servlet-name>
<url-pattern>/servlet2</url-pattern>
</servlet-mapping>
</web-app>
OUTPUT
RESULT

Thus the program for invoking servlet from HTML form was executed and the output
was verified.
EX.NO:5
Date: THREE TIER APPLICATION USING JSP

AIM
To write the Servlet program for online examination.
PROCEDURE
1. Start the xampp control panel then select admin from mysql to create database and table.
Created new database onlinexam and the table name login with three empty column such as
Seat_No, Name and Total

2. Enable Netbeans IDE to create new project


3. Select services tab and then right click on Databases to click new connection
4. Select driver as Mysql(connector/Jdriver) then click next button
5. Change the database name as ‘onlinexam’ and then click Test connection to check the
connectivity. Press finish button once u get connection successes.
6. Create new java web application project. Select Tomcat Server and then select hibernate
framework. In that framework select database connection link that have database name
onlineexam

6. Create the forms in index.html


7. Right click on source packages then select new and then select servlet to give name as
“StudentServlet3” and write a coding for database connectivity.
8. Right click on Libraries to select Add Library. It will display global library box, from that
select Mysql JDBC Driver.
9. Execute the program.
PROGRAM
index.html
<html>
<head>
<title>Database Test</title>
</head>
<body>
<center><h1>Online Examination</h1></center>

<form action="StudentServlet3" method="POST"><div align="left"><br></div>

<b>Seat Number:</b><input type="text" name="Seat_no"><div align="Right">

<b>Name:</b><input type="text" name="Name" size="50"><br></div>

<br><br>

<b>1. Every host implements transport layer</b><br/>


<input type="radio" name="group1" value="True">True
<input type="radio" name="group1" value="False">False<br>

<b>2. Operating System is a </b><br/>


<input type="radio" name="group2" value="Hardware">Hardware
<input type="radio" name="group2" value="Softwar">Software<br>

<b>3. Developers of C Language is </b><br/>


<input type="radio" name="group3" value="Dennis Richee">Dennis Richee
<input type="radio" name="group3" value="James Thompson">James Thompson<br>

<b>4. Father of Computer is </b><br/>


<input type="radio" name="group4" value="Charless Babbage">Charless Babbage
<input type="radio" name="group4" value="Charless Dickson">Charless Dickson<br>

<b>5. HTML is a Protocol for describing web contents</b><br/>


<input type="radio" name="group5" value="True">True
<input type="radio" name="group5" value="False">False<br><br><br><br>

<center>

<input type="submit" value="Submit"><br><br></center>

</form></body></html>

StudentServlet3
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class StudentServlet3 extends HttpServlet
{
String message,Seat_no,Name,ans1,ans2,ans3,ans4,ans5; int Total=0;
Connection connect; Statement stmt=null; ResultSet rs=null;
/**
*
* @param request
* @param response
* @throws ServletExcep
*/
@Override
public void doPost(HttpServletRequest request,HttpServletResponse response) throws
ServletException,IOException
{
try
{
Class.forName("com.mysql.jdbc.Driver");
connect =
DriverManager.getConnection("jdbc:mysql://localhost:3306/onlineexam?zeroDateTimeBeha
vior=convertToNull","root","");
message="Thank you for participating in online Exam";
}
catch(ClassNotFoundException cnfex){ cnfex.printStackTrace();
}
catch(SQLException sqlex){ sqlex.printStackTrace();
}
catch(Exception excp){ excp.printStackTrace();
}
Seat_no=request.getParameter("Seat_no");
Name=request.getParameter("Name");
ans1=request.getParameter("group1");
ans2=request.getParameter("group2");
ans3=request.getParameter("group3");
ans4=request.getParameter("group4");
ans5=request.getParameter("group5");
if(ans1.equals("True"))
Total+=2;
if(ans2.equals("Software"))
Total+=2;
if(ans3.equals("Dennis Richee"))

Total+=2;

if(ans4.equals("Charless Babbage"))
Total+=2;
if(ans5.equals("False"))
Total+=2;

try
{

Statement st=connect.createStatement();
String query="Insert into login(Seat_No,Name,Total)"+"
values('"+Seat_no+"','"+Name+"','"+Total+"');";

st.executeUpdate(query);
st.close();
}
catch(Exception excp){
excp.printStackTrace();
}

response.setContentType("text/html");
PrintWriter out=response.getWriter();
out.println("<html>"); out.println("<head>");
out.println("</head>");
out.println("<body bgcolor=cyan>");
out.println("<center>");
out.println("<h1>"+message+"</h1>\n");

out.println("<h3>Yours results stored in our database</h3>");


out.print("<br><br>");

out.println("<b>"+"Participants and their Marks"+"</b>");


out.println("<table border=5>");

try
{
Statement stmt=connect.createStatement();
String query="SELECT Seat_No, Name, Total FROM login WHERE Name='"+Name+"';";
rs=stmt.executeQuery(query);
out.println("<th>"+"Seat_no"+"</th>"); out.println("<th>"+"Name"+"</th>");
out.println("<th>"+"Marks"+"</th>"); while(rs.next())

{
out.println("<tr>");
out.print("<td>"+rs.getInt(1)+"</td>");
out.print("<td>"+rs.getString(2)+"</td>");

out.print("<td>"+rs.getString(3)+"</td>");
out.println("</tr>");
}
out.println("</table>");
}
catch(SQLException ex){ } finally
{
try
{
if(rs!=null)
rs.close();
if(stmt!=null)
stmt.close();
if(connect!=null)
connect.close();
}
catch(SQLException e){ }
}
out.println("</center>");
out.println("</body></html>");
Total=0;
}
}
OUTPUT
RESULT

Thus the Servlet program for online examination was executed by connecting the SQLSERVER
and result was verified.
EX.NO: 6
Date: DYNAMIC WEB PAGE USING SERVLETS

AIM
Install TOMCAT web server. Convert the static webpages of program into dynamic webpages
using servlets and cookies. Hint: Users information (user id, password, credit card number)
would be stored in web.xml. Each user should have a separate Shopping Cart.
PROCEDURE
1. Start the xampp control panel then select admin from mysql to create database and table.
Created new database dynamic and create three table such as
a) Table - profile (attributes – name, address, phno, id, pwd as empty column)
b) Table - book (attributes – title, author, publisher, cost with some data’s)
c) Table - details (attributes – id, title, amount, cno as empty column)
2. Enable Netbeans IDE to create new project
3. Select services tab and then right click on Databases to click new connection
4. Select driver as Mysql(connector/Jdriver) then click next button
5. Change the database name as ‘dynamic’ and then click Test connection to check the
connectivity. Press finish button once u get connection successes.
6. Create new java web application project. Select Tomcat Server and then select hibernate
framework. In that framework select database connection link that have database name as
‘jdbc:mysql://localhost:3306/dynamic?zeroDateTimeBehavior=convertToNull [root on
Default schema]’.
6. Create the forms in index.html, login.html, reg.html, catalog.html, profile.html, order.html
7. Right click on source packages then select new and then select servlet to give name as
“login.java”, order.java, catalog.java, reg1.java, profile.java and also select ‘Add information to
deployment descriptor web.xml’ and write a coding for database connectivity.
8. Right click on Libraries to select Add Library. It will display global library box, from that
select Mysql JDBC Driver.
9. Execute the program.
PROGRAM
index.html - Home Page
<!DOCTYPE html>
<html>
<body bgcolor="cyan">
<br /><br /><br /><br /><br />
<h1 align="center"><U>ONLINE BOOK STORAGE</U></h1><br/><br/>
<h2 align="center"><pre>
<b>Welcome to online book storage.
Press LOGIN if you are having id
Otherwise press REGISTRATION
</b></pre></h2>
<br/><pre>
<div align="center"><a href="login.html">LOGIN</a><br><br>
<a href="reg.html">REGISTRATION</a></div>
</pre>
</body>
</html>
reg.html - Registration Page
<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br />
<form name="myform" method="post" action="reg1">
<table align="center" >
<tr>
<td>NAME</td>
<td>:<input type="text" name="name" /></td>
</tr>
<tr>
<td>ADDRESS</td>
<td>:<input type="text" name="addr" /></td>
</tr>
<tr>
<td>CONTACT NUMBER</td>
<td>:<input type="text" name="phno" /></td>
</tr>
<tr>
<td>LOGINID</td>
<td>:<input type="text" name="id" /></td>
</tr>
<tr>
<td>PASSWORD</td>
<td>:<input type="password" name="pwd" /></td>
</tr>
</table>
<br /><br />
<div align="center">
<input type="submit" value="ok" onclick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>

login.html - Login Page


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br /><br />
<form name="myform" method="post" action="login">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br /><br><br>
PASSWORD :<input type="password" name="pwd"/></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" onclick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>

profile.html - User Profile Page


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br /><br />
<form name="myform" method="post" action="profile">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" onclick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>

catalog.html - Books Catalog Page


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br /><br />
<form method="post" action="catalog">
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" name="button1"/>
<input type="reset" value="clear" name="button2"/>
</div>
</form>
</body>
</html>

order.html - Order Conformation Page


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br />
<form method="post" action="order">
<div align="center"><pre>
ID:<input type="text" name="id" /><br />
TITLE:<input type="text" name="title" /><br />
NO. OF BOOKS:<input type="text" name="no" /><br />
CREDIT CARD NUMBER :<input type="password" name="cno" /><br /></pre><br
/><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" name="button1"/>
<input type="reset" value="clear"
name="button2"/>
</div>
</form></body></html>

Servlet Programs

reg1.java - Registration Servlet


import java.sql.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class reg1 extends HttpServlet
{
ResultSet rs=null;
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=resp.getWriter();
resp.setContentType("text/html");
pw.println("<html><body>");
String name=req.getParameter("name");
String addr=req.getParameter("addr");
String phno=req.getParameter("phno");
String id1=req.getParameter("id");
String pwd1=req.getParameter("pwd");
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/dynamic?zeroDateTimeBehavio
r=convertToNull","root","");
Statement stmt1=con.createStatement();
String sqlstmt="select id,pwd from profile";
rs=stmt1.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
if(id1.equals(rs.getString(1))&&pwd1.equals(rs.getString(2)))
{
flag=1;
}
}
if(flag==1)
{
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("<br><br>SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEW
ID<br><br>");
pw.println("<a href=\"reg.html\">Press REGISTER to RETRY</a>");
}
else
{
Statement stmt=con.createStatement();
String query1= "Insert into profile (name,address,phno,id,pwd)" + "
values('"+name+"','"+addr+"','"+phno+"','"+id1+"','"+pwd1+"');";
stmt.executeUpdate(query1);
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("<br><br>YOUR DETAILS ARE ENTERED<br><br>");
pw.println("<a href=\"login.html\">press LOGIN to login</a>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

login.java - Login Servlet


import java.sql.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class login extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body>");
String id=req.getParameter("id");
String pwd=req.getParameter("pwd");
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/dynamic?zeroDateTimeBehavio
r=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd from profile";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
if(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
pw.println("<br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=\"login.html\">press LOGIN to RETRY</a>");
}
else
{
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("<br><br>VALID LOGIN ID<br><br>");
pw.println("<h3><ul>");
pw.println("<li><a href=\"profile.html\"><fontcolor=\"black\">USER
PROFILE</font></a></li><br><br>");
pw.println("<li><a href=\"catalog.html\"><fontcolor=\"black\">BOOKS
CATALOG</font></a></li><br><br>");
pw.println("<li><a href=\"order.html\"><fontcolor=\"black\">ORDER
CONFIRMATION</font></a></li></ul><br><br>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

profile.java - Profile Servlet


import java.sql.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class profile extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body>");
String id=req.getParameter("id");
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/dynamic?zeroDateTimeBehavio
r=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from profile where id='"+id+"';";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
pw.println("<br><br><br>");
while(rs.next())
{
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("NAME :"+rs.getString(1)+"<br>");
pw.println("ADDRESS:"+rs.getString(2)+"<br>");
pw.println("PHONE NO:"+rs.getString(3)+"<br>");
pw.println("</div>");
flag=1;
}
if(flag==0)
{
pw.println("<body bgcolor=pink>");
pw.println("<br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=\"profile.html\">Press HERE to RETRY</a>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

catalog.java - Catalog Servlet


import java.sql.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class catalog extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body>");
String title=req.getParameter("title");
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/dynamic?zeroDateTimeBehavio
r=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from book where title='"+title+"';";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("TITLE:"+rs.getString(1)+"<br>");
pw.println("AUTHOR :"+rs.getString(2)+"<br>");
pw.println("PUBLISHER :"+rs.getString(3)+"<br>");
pw.println("COST:"+rs.getString(4)+"<br>");
pw.println("</div>");
flag=1;
}
if(flag==0)
{
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("<br><br>SORRY INVALID TITLE TRY AGAIN <br><br>");
pw.println("<a href=\"catalog.html\">Press HERE to RETRY</a>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

order.java - Order servlet


import java.sql.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class order extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp) throws
ServletException,IOException
{
int count;
PrintWriter pw=resp.getWriter();
pw.println("<html><body>");
String id=req.getParameter("id");
String title=req.getParameter("title");
String count1=req.getParameter("no");
String cno1=req.getParameter("cno");
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/dynamic?zeroDateTimeBehavio
r=convertToNull","root","");
Statement stmt1=con.createStatement();
stmt1.executeUpdate("insert into details values('"+id+"','"+title+"',"+count1+",'"+cno1+"');");
pw.println("<body bgcolor=pink>");
pw.println("<div align=\"center\">");
pw.println("<br>YOUR ORDER has taken<br>");
pw.println("</body></html>");
con.close();
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

OUTPUT
Home Page
User Registration Page
Login Page
User Profile
Books Catalog
Order Conformation
Database Details

Profile Table

Books Table
Details Table (Order Detail)

RESULT

Thus Installing TOMCAT web server and Conversion of the static web pages of program into
dynamic web pages using servlets and cookies was Performed.
EX.NO:7
Date: DYNAMIC WEBPAGE USING JSP

AIM
Redo the previous task using JSP by converting the static web pages of assignments into
dynamic web pages. Create a database with user information and books information and
books information. The books catalogue should be dynamically loaded from the database.
Follow the MVC architecture while doing the website.
PROCEDURE
1. Start the xampp control panel then select admin from mysql to create database and table.
Created new database dynamic and create three table such as
a) Table - profile (attributes – name, address, phno, id, pwd as empty column)
b) Table - book (attributes – title, author, publisher, cost with some data’s)
c) Table - details (attributes – id, title, amount, cno as empty column)
2. Enable Netbeans IDE to create new project
3. Select services tab and then right click on Databases to click new connection
4. Select driver as Mysql(connector/Jdriver) then click next button
5. Change the database name as ‘dynamic’ and then click Test connection to check the
connectivity. Press finish button once u get connection successes.
6. Create new java web application project. Select Tomcat Server and then select hibernate
framework. In that framework select database connection link that have database name as
‘jdbc:mysql://localhost:3306/jspdynamic?zeroDateTimeBehavior=convertToNull [root on
Default schema]’.
6. Create the forms in index.html, login.html, reg.html, catalog.html, profile.html, order.html
7. Right click on source packages then select new and then select servlet to give name as
“login.jsp”, order.jsp, catalog.jsp, reg.jsp, profile.jsp and also select ‘Add information to
deployment descriptor web.xml’ and write a coding for database connectivity.
8. Right click on Libraries to select Add Library. It will display global library box, from that
select Mysql JDBC Driver.
9. Execute the program.
PROGRAM
Home page: index.html:
<!DOCTYPE html>
<html>
<body bgcolor="cyan">
<br>
<h1 align="center"><u>ONLINE BOOK STORAGE</u></h1><br>
<h2 align="center"><PRE>
<b> Welcome to online book storage.
Press LOGIN if you are having id
Otherwise press REGISTRATION
</b></PRE></h2>
<br><pre>
<div align="center"><a href="login.html">LOGIN</a><br>
<a href="reg.html">REGISTRATION</a></div></pre>
</body></html>

Login page: login.html:


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br /><br />
<form name="myform" method="post" action="login.jsp">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br/>
<br>
PASSWORD :<input type="password"name="pwd"/></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" onclick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>

Registration page: reg.html:


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br />
<form name="myform" method="post" action="reg.jsp">
<table align="center" >
<tr>
<td>NAME</td>
<td>:<input type="text" name="name" /></td>
</tr><br>
<tr>
<td>ADDRESS</td>
<td>:<input type="text" name="addr" /></td><br>
</tr>
<tr>
<td>CONTACT NUMBER</td>
<td>:<input type="text" name="phno" /></td><br>
</tr>
<tr>
<td>LOGIN ID</td>
<td>:<input type="text" name="id" /></td>
</tr>
<tr>
<td>PASSWORD</td>
<td>:<input type="password" name="pwd" /></td><br>
</tr>
</table>
<br /><br />
<div align="center">
<input type="submit" value="ok" onclick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>
User profile page: profile.html:
<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br /><br />
<form name="myform" method="post" action="profile.jsp">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" onclick="validate()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>

Books catalog page: catalog.html:


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br /><br />
<form method="post" action="catalog.jsp">
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" name="button1"/>
<input type="reset" value="clear" name="button2"/>
</div>
</form>
</body></html>

Shopping cart, Payment by credit card, Order Confirmation page: order.html:


<!DOCTYPE html>
<html>
<body bgcolor="cyan"><br /><br />
<form method="post" action="order.jsp">
<div align="center"><pre>
ID:<input type="text" name="id" /><br />
TITLE:<input type="text" name="title" /><br />
NO.OF BOOKS :<input type="text" name="no"/><br />
DATE:<input type="text" name="date" /><br />
CREDIT CARD NUMBER :<input type="password" name="cno" />
<br/></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="ok" name="button1"/>
<input type="reset" value="clear"
name="button2"/>
</div>
</form>
</body>
</html>

Login JSP: login.jsp


<%@ page import="java.io.*,java.util.*,java.sql.*" %>
<%@ page import="javax.servlet.http.*,javax.servlet.*"%>
<% out.println("<html><body>");
String id=request.getParameter("id");
String pwd=request.getParameter("pwd");
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/jspdynamic?zeroDateTimeBeha
vior=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd from profile";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
if(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("<br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");
out.println("<a href=\"login.html\">Press LOGIN to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
String sql= "select name from profile where id = \'"+id+"\'";
ResultSet rs1=stmt1.executeQuery(sql);
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("<br><br>VALID LOGIN ID<br><br>");
while(rs1.next())
{
out.println("Welcome :"+rs1.getString(1)+"<br><br>");
}
out.println("<li><a href=\"profile.html\"><fontcolor=\"black\">USER
PROFILE</font></a></li><br><br>");
out.println("<li><a href=\"catalog.html\"><fontcolor=\"black\">BOOKS
CATALOG</font></a></li><br><br>");
out.println("<li><a href=\"order.html\"><fontcolor=\"black\">ORDER
CONFIRMATION</font></a></li></ul><br><br>");
}
out.println("</body></html>");
con.close();
%>

Registration JSP: reg.jsp


<% response.setContentType("text/html");
out.println("<html><body>");
String name=request.getParameter("name");
String addr=request.getParameter("addr");
String phno=request.getParameter("phno");
String id1=request.getParameter("id");
String pwd1=request.getParameter("pwd");
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/jspdynamic?zeroDateTimeBeha
vior=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd from profile";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{ if(id1.equals(rs.getString(1))&&pwd1.equals(rs.getString(2)))
{
flag=1;
}
}
if(flag==1)
{
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("<br><br>SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEW
ID<br><br>");
out.println("<a href=\"reg.html\">Press REGISTER to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
stmt1.executeUpdate("insert into profile
values('"+name+"','"+addr+"',"+phno+",'"+id1+"','"+pwd1+"');");
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("<br><br>YOUR DETAILS ARE ENTERED SUCCESSFULLY<br><br>");
out.println("<a href=\"login.html\">Press LOGIN to login</a>");
}
out.println("</body></html>");
con.close();
%>

Profile JSP: profile.jsp


<%@ page import="java.io.*,java.util.*,java.sql.*" %>
<%@ page import="javax.servlet.http.*,javax.servlet.*"%>
<% out.println("<html><body>");
String id=request.getParameter("id");
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/jspdynamic?zeroDateTimeBeha
vior=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from profile where id=\'"+id+"\'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
out.println("<br><br><br>");
while(rs.next())
{
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("NAME :"+rs.getString(1)+"<br>");
out.println("ADDRESS :"+rs.getString(2)+"<br>");
out.println("PHONE NO :"+rs.getString(3)+"<br>");
out.println("</div>");
flag=1;
}
if(flag==0)
{
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("<br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");
out.println("<a href=\"profile.html\">Press HERE to RETRY</a>");
}
out.println("</body></html>");
con.close();
%>

Catalog JSP: catalog.jsp


<%@ page import="java.io.*,java.util.*,java.sql.*" %>
<%@ page import="javax.servlet.http.*,javax.servlet.*"%>
<% out.println("<html><body>");
String title=request.getParameter("title");
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/jspdynamic?zeroDateTimeBeha
vior=convertToNull","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from book where title=\'"+title+"\'"; ResultSet
rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("TITLE:"+rs.getString(1)+"<br>");
out.println("AUTHOR :"+rs.getString(2)+"<br>");
out.println("PUBLISHER :"+rs.getString(3)+"<br>");
out.println("COST:"+rs.getString(4)+"<br>");
out.println("GO BACK <br>");
flag=1;
}
if(flag==0)
{
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
out.println("<br><br>SORRY INVALID TITLE TRY AGAIN <br><br>");
out.println("<a href=\"catalog.html\">Press HERE to RETRY</a>");
}
out.println("</body></html>");
con.close();
%>

Order servlet: order.jsp


<%@ page import="java.io.*,java.util.*,java.sql.*" %>
<%@ page import="javax.servlet.http.*,javax.servlet.*"%>
<% out.println("<html><body>");
out.println("<html><body>");
out.println("<body bgcolor=pink>");
out.println("<div align=\"center\">");
String id=request.getParameter("id");
String title=request.getParameter("title");
String count=request.getParameter("no");
String date=request.getParameter("date");
String cno=request.getParameter("cno");
Class.forName("com.mysql.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/jspdynamic?zeroDateTimeBeha
vior=convertToNull","root","");
Statement stmt1=con.createStatement();
stmt1.executeUpdate("insert into details
values('"+id+"','"+title+"',"+count+",'"+date+"','"+cno+"');");
out.println("<br>YOUR ORDER HAS TAKEN SUCCESSFULLY<br>");
out.println("</body></html>");
con.close();
%>
OUTPUT

Main Page

Registration Page
Login Page
Profile Page
Books Catalog
Order Conformation
Database Details

Profile Table
Book Table

Details Table

RESULT

Thus Installing TOMCAT web server and Conversion of the static web pages ofprogram into
dynamic web pages using JSP was Performed.
EX.NO:8
Date: Information Retrieval from XML Server

AIM
Create and Save an XML document at the server, which contains 10 users information. Write
program, which takes user ID as input and returns the user details by taking the user
information from XML Document.
PROCEDUR
1) Create a simple Java project through java application. We have created the class file with
the name JavaStudents.
2) Create an XML file in any folder usingnotepad. We have created an XML file with
name XMLFile.xml and write the following data into it.
3) Download dom-2.3.0-jaxb-1.0.6.jar file
4) Add jar file through Libraries.
5) Run the project
PROGRAM
XMLFile.xml
<?xml version="1.0" encoding="UTF-8"?>
<students>
<student id="501">
<firstName>Sunil</firstName>
<lastName>Yadav</lastName>
<percentage>72%</percentage>
</student>
<student id="502">
<firstName>Trilok</firstName>
<lastName>Reddy</lastName>
<percentage>86%</percentage>
</student>
<student id="503">
<firstName>Mallikarjun</firstName>
<lastName>Tiger</lastName>
<percentage>98%</percentage>
</student>
<student id="504">
<firstName>Neelima</firstName>
<lastName>Lakshmi</lastName>
<percentage>MP</percentage>
</student>
<student id="505">
<firstName>Abhi</firstName>
<lastName>Shambu</lastName>
<percentage>55%</percentage>
</student>
</students>
JavaStudents.java
package javastudents;
import java.io.BufferedReader;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.DocumentBuilder;
import org.w3c.dom.Document;
import org.w3c.dom.NodeList;
import org.w3c.dom.Node;
import org.w3c.dom.Element;
import java.io.File;
import java.io.InputStreamReader;
public class JavaStudents
{
public static void main(String[] args)
{
try
{
File file = new File("D:\\XMLFile.xml");
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
DocumentBuilder builder = factory.newDocumentBuilder();
Document document = builder.parse(file);
Element root = document.getDocumentElement();
BufferedReader br=new BufferedReader(new InputStreamReader(System.in));
System.out.println("Enter User Id");
String id=br.readLine();
NodeList nList = document.getElementsByTagName("student");
System.out.println(root.getNodeName());
System.out.println("============================");
for (int temp = 0; temp < nList.getLength(); temp++)
{
Node node = nList.item(temp);
System.out.println("");
if (node.getNodeType() == Node.ELEMENT_NODE)
{
Element eElement = (Element) node;
if(eElement.getAttribute("id").equals(id))
{
System.out.println("Student id : " + eElement.getAttribute("id"));
System.out.println("First Name : " +
eElement.getElementsByTagName("firstName").item(0).getTextContent());
System.out.println("Last Name : " +
eElement.getElementsByTagName("lastName").item(0).getTextContent());
System.out.println("Percentage : " +
eElement.getElementsByTagName("percentage").item(0).getTextContent());
}
}
}
}
catch (Exception e)
{
e.printStackTrace();
}
}
}
OUTPUT

RESULT

Thus Creation and Saving of an XML document at the server, which contains 10
user’sinformation. Write program, which takes user ID as input and returns the user details
by taking the user information from XML Document, was performed.
EX.NO: 9 (i)
Date: VALIDATE THE FORM USING PHP REGULAR EXPRESSION

AIM
To write a Program for validate the form using PHP regular expressions
PROCEDURE
1. Start
2. Choose php application from PHP in NetBeans
3. PHP validates the data at the server-side, which is submitted by HTML form.
4. Need to validate a few things:
i) Empty String
ii) Validate String
iii) Validate Numbers
iv) Validate Email
v) Validate URL
vi) Input length
5. Validates that the user clicks on submit button and send the form data to the server
one of the following method - get or post
6. Create a registration form using HTML and perform server-side validation
7. Apply all these validations to an HTML form to validate the fields
PROGRAM
<!DOCTYPE HTML>
<html>
<head>
<style>
.error {color: #FF0000;}
</style>
</head>
<body>
<?php
// define variables and set to empty values
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST")
{
if (empty($_POST["name"]))
{
$nameErr = "Name is required";
}
else
{
$name = test_input($_POST["name"]);
// check if name only contains letters and whitespace
if (!preg_match("/^[a-zA-Z ]*$/",$name))
{
$nameErr = "Only letters and white space allowed";
}
}
if (empty($_POST["email"]))
{
$emailErr = "Email is required";
}
else
{
$email = test_input($_POST["email"]);
// check if e-mail address is well-formed
if (!filter_var($email, FILTER_VALIDATE_EMAIL))
{
$emailErr = "Invalid email format";
}
}
if (empty($_POST["website"]))
{
$website = "";
}
else
{
$website = test_input($_POST["website"]);
// check if URL address syntax is valid
if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-
9+&@#\/%=~_|]/i",$website))
{
$websiteErr = "Invalid URL";
}
}
if (empty($_POST["comment"]))
{
$comment = "";
}
else
{
$comment = test_input($_POST["comment"]);
}
if (empty($_POST["gender"]))
{
$genderErr = "Gender is required";
}
else
{
$gender = test_input($_POST["gender"]);
}
}
function test_input($data)
{
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
?>
<h2>PHP Form Validation Example</h2>
<p><span class="error">* required field</span></p>
<form method="post" action="<?php echo
htmlspecialchars($_SERVER["PHP_SELF"]);?>">
Name: <input type="text" name="name">
<span class="error">* <?php echo $nameErr;?></span>
<br><br>
E-mail: <input type="text" name="email">
<span class="error">* <?php echo $emailErr;?></span>
<br><br>
Website: <input type="text" name="website">
<span class="error"><?php echo $websiteErr;?></span>
<br><br>
Comment: <textarea name="comment" rows="5" cols="40"></textarea>
<br><br>
Gender:
<input type="radio" name="gender" value="female">Female
<input type="radio" name="gender" value="male">Male
<input type="radio" name="gender" value="other">Other
<span class="error">* <?php echo $genderErr;?></span>
<br><br>
<input type="submit" name="submit" value="Submit">
</form>
<?php
if(isset($_POST['submit']))
{
if($nameErr == "" && $emailErr == "" && $genderErr == "" && $websiteErr == "" )
{
echo "<h3 color = #FF0001><b>You have sucessfully registered.</b></h3>";
echo "<h2>Your Input:</h2>";
echo $name;
echo "<br>";
echo $email;
echo "<br>";
echo $website;
echo "<br>";
echo $comment;
echo "<br>";
echo $gender;
}
else
{
echo "<h3><b>You didn't filled up the form correctly.</b></h3>";
}
}
?>
</body>
</html>

OUTPUT
RESULT

Thus the Program to validate PHP regular Expression was performed and the output
isverified.
EX.NO: 9(ii)
PHP STORES A FORM DATA INTO DATABASE
Date:

AIM
To create a PHP Program to store the form data into database and access it

PROCEDURE

1. Start XAMPP Server.


2. Open localhost/phpmyadmin in your web browser.
3. Create database of name staff and table of Name College.
4. Write HTML and PHP code in your php application in a netbeans.
5. Submit data through HTML Form.
6. Verify the results

PROGRAM
index.php

<!DOCTYPE html>
<html lang="en">

<head>
<title>GFG- Store Data</title>
</head>

<body>
<center>
<h1>Storing Form data in Database</h1>

<form action="insert.php" method="post">

<p>
<label for="firstName">First Name:</label>
<input type="text" name="first_name" id="firstName">
</p>

<p>
<label for="lastName">Last Name:</label>
<input type="text" name="last_name" id="lastName">
</p>

<p>
<label for="Gender">Gender:</label>
<input type="text" name="gender" id="Gender">
</p>

<p>
<label for="Address">Address:</label>
<input type="text" name="address" id="Address">
</p>
<p>
<label for="emailAddress">Email Address:</label>
<input type="text" name="email" id="emailAddress">
</p>
<input type="submit" value="Submit">
</form>
</center>
</body>
</html>

insert.php
<!DOCTYPE html>
<html>
<head>
<title>Insert Page page</title>
</head>

<body>
<center>
<?php

// servername => localhost


// username => root
// password => empty
// database name => staff
$conn = mysqli_connect("localhost", "root", "", "staff");

// Check connection
if($conn === false)
{
die("ERROR: Could not connect . " . mysqli_connect_error());
}

// Taking all 5 values from the form data(input)


$first_name = $_REQUEST['first_name'];
$last_name = $_REQUEST['last_name'];
$gender = $_REQUEST['gender'];
$address = $_REQUEST['address'];
$email = $_REQUEST['email'];

// Performing insert query execution


// here our table name is college
$sql = "INSERT INTO college VALUES ('$first_name',
'$last_name','$gender','$address','$email')";

if(mysqli_query($conn, $sql))
{
echo "<h3>data stored in a database successfully."
. " Please browse your localhost php my admin"
. " to view the updated data</h3>";
echo nl2br("\n$first_name\n $last_name\n "
. "$gender\n $address\n $email");
}
else
{
echo "ERROR: Hush! Sorry $sql . " . mysqli_error($conn);
}

// Close connection
mysqli_close($conn);
?>
</center>
</body>

</html>

OUTPUT
Database

RESULT

Thus the PHP Program on storing the data into database was created.
EX.NO:10
WEB SERVICE FOR CUSTOMER PRODUCT
Date:

AIM
To implement an application using the web services.

PROCEDURE
1. Start the program
2. Create a php project
3. Create a service with focus on each item using index.php and ratings.php
4. Create some image using star in png form such as star_full, star_empty and
star_highlight. Store these images in same project folder.
5. Run the program, display the result
6. Stop the program.

PROGRAM

index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<title>AJAX 5 Star Rating</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

// This is the first thing we add ------------------------------------------


$(document).ready(function() {

$('.rate_widget').each(function(i) {
var widget = this;
var out_data = {
widget_id : $(widget).attr('id'),
fetch: 1
};
$.post(
'ratings.php',
out_data,
function(INFO) {
$(widget).data( 'fsr', INFO );
set_votes(widget);
},
'json'
);
});
$('.ratings_stars').hover(
// Handles the mouseover
function() {
$(this).prevAll().andSelf().addClass('ratings_over');
$(this).nextAll().removeClass('ratings_vote');
},
// Handles the mouseout
function() {
$(this).prevAll().andSelf().removeClass('ratings_over');
// can't use 'this' because it wont contain the updated data
set_votes($(this).parent());
}
);

// This actually records the vote


$('.ratings_stars').bind('click', function() {
var star = this;
var widget = $(this).parent();

var clicked_data = {
clicked_on : $(star).attr('class'),
widget_id : $(star).parent().attr('id')
};
$.post(
'ratings.php',
clicked_data,
function(INFO) {
widget.data( 'fsr', INFO );
set_votes(widget);
},
'json'
);
});

});

function set_votes(widget) {

var avg = $(widget).data('fsr').whole_avg;


var votes = $(widget).data('fsr').number_votes;
var exact = $(widget).data('fsr').dec_avg;

window.console &&console.log('and now in set_votes, it thinks the fsr is ' +


$(widget).data('fsr').number_votes);

$(widget).find('.star_' + avg).prevAll().andSelf().addClass('ratings_vote');
$(widget).find('.star_' + avg).nextAll().removeClass('ratings_vote');
$(widget).find('.total_votes').text( votes + ' votes recorded (' + exact + ' rating)' );
}
// END FIRST THING

</script>
<style>
.rate_widget {
border: 1px solid #CCC;
overflow: visible;
padding: 10px;
position: relative;
width: 180px;
height: 32px;
}
.ratings_stars {
background: url('star_empty.png') no-repeat;
float: left;
height: 28px;
padding: 2px;
width: 32px;
}
.ratings_vote {
background: url('star_full.png') no-repeat;
}
.ratings_over {
background: url('star_highlight.png') no-repeat;
}
.total_votes {
background: #eaeaea;
top: 58px;
left: 0;
padding: 5px;
position: absolute;
}
.movie_choice {
font: 10px verdana, sans-serif;
margin: 0 auto 40px auto;
width: 180px;
}
h1 {
text-align: center;
width: 400px;
margin: 20px auto;
}
</style>
</head>
<body>
<h1> Rate the following movies! </h1>
<div class='movie_choice'>
Rate: Raiders of the Lost Ark
<div id="r1" class="rate_widget">
<div class="star_1 ratings_stars"></div>
<div class="star_2 ratings_stars"></div>
<div class="star_3 ratings_stars"></div>
<div class="star_4 ratings_stars"></div>
<div class="star_5 ratings_stars"></div>
<div class="total_votes">vote data</div>
</div>
</div>

<div class='movie_choice'>
Rate: The Hunt for Red October
<div id="r2" class="rate_widget">
<div class="star_1 ratings_stars"></div>
<div class="star_2 ratings_stars"></div>
<div class="star_3 ratings_stars"></div>
<div class="star_4 ratings_stars"></div>
<div class="star_5 ratings_stars"></div>
<div class="total_votes">vote data</div>
</div>
</div>
</body>
</html>

ratings.php

<?php

$rating = new ratings($_POST['widget_id']);

isset($_POST['fetch']) ? $rating->get_ratings() : $rating->vote();

class ratings {

var $data_file = './ratings.data.txt';


private $widget_id;
private $data = array();

function __construct($wid) {

$this->widget_id = $wid;

$all = file_get_contents($this->data_file);

if($all) {
$this->data = unserialize($all);
}
}
public function get_ratings() {
if($this->data[$this->widget_id]) {
echo json_encode($this->data[$this->widget_id]);
}
else {
$data['widget_id'] = $this->widget_id;
$data['number_votes'] = 0;
$data['total_points'] = 0;
$data['dec_avg'] = 0;
$data['whole_avg'] = 0;
echo json_encode($data);
}
}
public function vote() {

# Get the value of the vote


preg_match('/star_([1-5]{1})/', $_POST['clicked_on'], $match);
$vote = $match[1];

$ID = $this->widget_id;
# Update the record if it exists
if($this->data[$ID]) {
$this->data[$ID]['number_votes'] += 1;
$this->data[$ID]['total_points'] += $vote;
}
# Create a new one if it doesn't
else {
$this->data[$ID]['number_votes'] = 1;
$this->data[$ID]['total_points'] = $vote;
}

$this->data[$ID]['dec_avg'] = round( $this->data[$ID]['total_points'] / $this-


>data[$ID]['number_votes'], 1 );
$this->data[$ID]['whole_avg'] = round( $this->data[$ID]['dec_avg'] );

file_put_contents($this->data_file, serialize($this->data));
$this->get_ratings();
}

# ---
# end class
}
OUTPUT
- star_full

- star_highlight

- star_empty

Result:
Thus the web services for predicting for any product sales has been executed
successfully.

You might also like