0% found this document useful (0 votes)
161 views52 pages

WT Lab Manual

Here are the JavaScript validations for the specified pages: Registration page (Userpro.html): <script> function validate(){ var username=document.getElementById("username").value; var password=document.getElementById("password").value; var cpassword=document.getElementById("cpassword").value; if(username==""){ alert("Please enter username"); return false; } if(password==""){ alert("Please enter password"); return false; } if(password!=cpassword){ alert("Passwords do not match"); return false; } alert("Registration successful"); return true; }

Uploaded by

anilkumar_krla
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
161 views52 pages

WT Lab Manual

Here are the JavaScript validations for the specified pages: Registration page (Userpro.html): <script> function validate(){ var username=document.getElementById("username").value; var password=document.getElementById("password").value; var cpassword=document.getElementById("cpassword").value; if(username==""){ alert("Please enter username"); return false; } if(password==""){ alert("Please enter password"); return false; } if(password!=cpassword){ alert("Passwords do not match"); return false; } alert("Registration successful"); return true; }

Uploaded by

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

ANURAG COLLEGE OF

ENGINEERING
Aushapur (V), Ghatkesar (M), Medchal (Dist)
(Approved by AICTE, New Delhi and Affiliated to JNTUH)

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

LAB MANUAL
COMPUTER NETWORKS & WEB TECHNOLOGIES LAB

[R18(III-I)]
1. Write a PHP script to print prime numbers between 1-50.

A number which is only divisible by 1 and itself is called prime number. Numbers 2, 3, 5, 7, 11, 13, 17, etc.
are prime numbers.

• 2 is the only even prime number.


• It is a natural number greater than 1 and so 0 and 1 are not prime numbers.

<?php
$num = 1 ;
while ($num < 50 ) {
$count=0;
for ( $i=1;$i<=$num;$i++)
{ if (($num%$i)==0) {
$count++;
}
}
if ($count<3) {
echo $num." ,
";
} $num=$num+1;
}
?>

OUTPUT: 1 , 2 , 3 , 5 , 7 , 11 , 13 , 17 , 19 , 23 , 29 , 31 , 37 , 41 , 43 , 47 ,

2. PHP script to
a. Find the length of a string.
1
b. Count no of words in a string.
c. Reverse a string.
d. Search for a specific string.

<?php
$str = 'Welcome to php world';
echo "Length of String: ".strlen($str);

echo '<br>';
print_r("Word Count: ".str_word_count($str,0));
echo '<br>';
print_r(str_word_count($str,1));
echo '<br>';
print_r(str_word_count($str,2));
echo '<br>';

echo "Reverse of String:


".strrev($str); echo '<br>';

if (strpos($str, 'php') !== false)


{ echo "Word Found!";
} else{
echo "Word Not Found!";
}
?>

OUTPUT:

Length of String:
20 Word Count: 4
Array ( [0] => Welcome [1] => to [2] => php [3] => world )
Array ( [0] => Welcome [8] => to [11] => php [15] => world )
Reverse of String: dlrow php ot emocleW
Word Found!

OR

<?php

$x="Anurag College of Engineering";


$searchword="of";

echo "String length is :"." ".strlen($x);


echo "<br><br>";
echo "No.of words:" ." ".str_word_count($x);
echo "<br><br>";
echo "Reverse String is:" . " ".strrev($x);
echo "<br><br>";

//Search for a specific string


if(strpos($x, $searchword) !==
false)
{
echo "Word Found!";
}
else
{
echo "Word Not Found!";
}

echo "<br><br>";

//finding string location


echo "String located at:"." ".strpos($x, $searchword);
?>
OUTPUT:

String length is : 29
No.of words: 4
Reverse String is: gnireenignE fo egelloC garunA
Word Found!
String located at: 15

3. Write a PHP script to merge two arrays and sort them as numbers, in descending order.
<?php
$a1=array(1,3,15,7,5);
$a2=array(4,3,20,1,6);
$num=array_merge($a1,$a2);
array_multisort($num,SORT_DESC,SORT_NUMERIC);
echo "Sorted merged list :";
echo "<br>" ;
print_r($num);
?>
OUTPUT:

Sorted merged list :

Array ( [0] => 20 [1] => 15 [2] => 7 [3] => 6 [4] => 5 [5] => 4 [6] => 3 [7] => 3 [8] => 1 [9] => 1 )

OR
<?php
// Function to merge array in sorted order

function sortedMerge($a, $b, $n, $m)


{
1
// Concatenate two arrays
$res = array();
$i = 0; $j = 0; $k =
0; while ($i < $n)
{
$res[$k] = $a[$i];
$i += 1;
$k += 1;
}
while ($j < $m)
{
$res[$k] = $b[$j];
$j += 1;
$k += 1;
}
// sorting the res array in descending order
rsort($res);
echo "Sorted merged list :";
echo "<br>" ;
for ($i = 0; $i < count($res); $i++)
echo "index"."[".$i."]"."->".$res[$i] . "<br> ";
}

// Driver code
$a = array( 10, 5, 15 );
$b = array( 20, 3, 2, 12 );
$n = count($a);
$m = count($b);

// Final merge list


sortedMerge($a, $b, $n, $m);
?>

OUTPUT:
4. Write a PHP script that reads data from one file and write into another file.

<?php

$f = file_get_contents("all.txt");

/*explode() function splits a string based on a string delimeter, i.e. it splits the string wherever the delimeter
character occurs. This functions returns an array containing the strings formed by splitting the original string.
*/

$f = explode(", ", $f);


function modFile($pos, $tothis, $inthis)
{
foreach($inthis as $pos => $a)
{
}
$newarr = implode("\r\n", $inthis);

/*The implode function in PHP is used to "join elements of an array with a string". The implode() function returns
a string from elements of an array. It takes an array of strings and joins them together
into one string using a delimiter (string to be used between the pieces) of your choice.
*/

$fh = fopen("example.txt", "w");


fwrite($fh, $newarr);
fclose($fh);
}
modFile(4, '', $f);

echo " Data is available in new file or existed file";


?>

OUTPUT:

Generated file name is “Example.txt”

5. Develop static pages (using Only HTML) of an online book store. The pages should
resemble: www.amazon.com. The website should consist the following pages.
a) Home page
b) Registration and user Login
c) User Profile Page
d) Books catalog
e) Shopping Cart
f) Payment By credit card
g) Order Conformation

Index.html:
<html>
<head>
<title>Amazon</title>
</head>
<body bgcolor="lightblue"> <center>
<strong><h1>Welcome to AMAZON</h1></strong>
<form method="post" action="Login.html" target=_blank >
<h4>For Books</h4>

6
<input type="submit" value="Click Here">
</form>
</center>
</body>
</html>

Login.html:
<html>
<head>
<title>login page</title>
</head>
<body bgcolor="cyan"> <center>
<strong><h1> AMAZON </h1></strong></center>
<table align="right">
<tr>
<td><h4>User Name</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td><h4>Password</td>
<td><input type="password"></td>
<td></td>
</tr>
<tr>
<td>
<form method="post" action="Catalog.html">
<input type="submit" value="SignIn">

7
</form>
</td>
<td>
<form method="post" action="Userpro.html">
<input type="submit" value="Register">&nbsp;&nbsp;
<input type="reset" value="Reset">
</form></td>
</tr>
</table>
</body>
</html>

Userpro.html:
<html>
<head>
<title>login page</title>
</head>
<body bgcolor="cyan">
<center><strong><h1> AMAZON </h1></strong></center>
<form method="post" action="Catalog.html">
<table align="left">
<tr>
<td><h4>User Name</td>
<td><input type="text" name="user"></td>
</tr>
<tr>
<td><h4>Password</td>
<td><input type="password" name="pass"></td>

8
</tr>
<tr>
<td><h4>Confirm Password</td>
<td><input type="password" name="repass"></td>
</tr>
<tr>
<td><h4>Gender</td>
<td>
<input type="radio" name="gender" value="Male">Male<br>
<input type="radio" name="gender" value="Female">Female
</td>
</tr>
<tr>
<td><h4>Address</h4></td>
<td><textarea name="address" rows="5" cols="19"></textarea>
</td>
<tr>
<td></td>
<td><input type="submit" value="Submit">
<input type="reset" value="Reset"></td>
</tr>
</form>
</body>
</html>

Catalog.html:
<html>
<head><title>Books Catalog</title></head>

9
<body bgcolor="cyan">
<center><h1>AMAZON</h1></center>
<form method="post" action="Shopping.html">
<table align="left">
<tr>
<td><b><h3>Frontend Books</td>
<td></td>
</tr>
<tr>
<td></td>
<td><h4>HTML | CSS</td>
</tr>
<tr>
<td></td>
<td><h4>JavaScipt</td>
</tr>
<tr>
<td></td>
<td><h4>JQuery In Action</td>
</tr>
<tr>
<td><b><h3>Backend Books</td>
<td></td>
</tr>
<tr>
<td></td>
<td><h4>Oracle</td>
</tr>
<tr>
<td></td>
<td><h4>Python</td></tr>
<tr>
<td></td>
<td><h4>PHP</td>
</tr>
</table>
</h4>
<center>
<b>For buy one of these Books<br>
</b><input type="submit" value="Click Here">
</center>
</form>
</body>
</html>

10
Shopping.html:
<html>
<head><title>shopping cart</title>
</head>
<body bgcolor="cyan">
<center><h1>Shopping Cart</h1></center>
<br><br><br><br><br>
<table align="center">
<tr>
<td>Text Books</td>
<td>
<select>
<optgroup label="select the book">
<option value="HTML | CSS">HTML | CSS
<option value="JavaScipt">JavaScipt
<option value="JQuery In Action">JQuery In Action
<option value="Oracle">Oracle
<option value="Python">Python
<option value="PHP">PHP
</optgroup>
</select>
</td></tr>
<tr>
<td>Quantity</td>
<td><input type="text" id="q"></td>
</tr>
<tr>

11
<td></td>
<td>
<form method="post" action="Payment.html">
<input type="submit" value="OK" />
</form>
</td></tr>
</table>
<center>
<pre>Cost of one Book is "500" + Shipping Cost "100"</pre>
</center>
<body>
</html>

Payment.html:
<html>
<head><title>Payment</title></head>
<body bgcolor="cyan">
<center><h1>Payment By Credit Card</h1></center>
<form method=post action="Orderconfirm.html">
<br><br><br><br><br>
<table align="center">
<tr><td>Total Amount</td>
<td><input type="text">
</td>
</tr><tr>
<td>Credit Card Number</td>
<td><input type="text"></td>
</tr>

1
<tr><td>
</td>
<td><input type="Submit" value=OK>
</td>
</tr>
</table>
</form>
</body>
</html>

Orderconfrom.html:
<html>
<head>
<title>order confirmation</title>
</head>
<body bgcolor="cyan">
<center>
<h1><b>BOOK SHOPPING</h1>
<strong><b>Your order Is Confirmed</strong>
<h2><b>THANK YOU</h2>
</center>
</body>
</html>
6. Validate the Registration, user login, user profile and payment by credit card pages using
JavaScript.

Index.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="pink">
<h3>
<ul>
<li><a href="Login.html" target="right"><font color="black">LOGIN</font></a></li><br><br>
<li><a href="Profile.html" target="right"><font color="black">USER PROFILE</font></a></li><br><br>
<li><a href="Catalogue.html" target="right">
<font color="black">BOOKS CATALOG</font></a></li><br><br>
<li><a href="Scart.html" target="right">
<font color="black">SHOPPINGCART</font></a></li><br><br>
<li><a href="Payment.html" target="right">
<font color="black">PAYMENT</font></a></li><br><br>
<br><br>
</ul>
</body>
</html>
Top.html:
<html>
<body bgcolor="pink">
<br><br>
<marquee><h1 align=”center”><b><u>
ONLINE BOOK STORAGE</u></b></h1></marquee>
</body>
</html>
Right.html:
<html>
<body>
<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>

Profile.html:
<html>
<body bgcolor="pink"><br><br>
<script type="text/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=="")
{
alert("Enter all the details");
flag=0;
}
var str=document.myform.phno.value;
var x=new RegExp("\\d","g");
if(!(str.match(x)))
{
if(!(str.length==10))
flag=0;
}
var str1=document.myform.id.value;
var x1=new RegExp("^[A-Z][a-zA-Z]+$","g"); if(!
(str1.match(x1)))
{
flag=0;
alert("Invalid UserID");
}
var str1=document.myform.pwd.value;
var x1=new RegExp("^[A-Z][a-zA-Z]+$","g"); if(!
(str1.match(x1)))
{
flag=0;
alert("Invalid password");
}
if(flag==1)
{
alert("VALID INPUT");
window.self.location.href="login.html";
}
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>
CONTACT 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="button" value="OK" onClick="validate()">&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR">
</form></body></html>

Login.html:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||
document.myform.pwd.value=="")
{
alert("LoginId and Password must be filled")
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
window.open("catalog.html","right");
} 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><br>
</pre>
<input type="button" value="OK" onClick="validate()">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR">
</div>
</form>
</body>
</html>

Catalogue.html:
<html>
<body bgcolor="pink"><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=="")
{
flag=0;
}
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" action="scart.html" target="right">
<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>
</pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="OK" onClick="validate()"> &nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR">
</form>
</body>
</html>

Scart.html:
<html>
<body bgcolor="pink"><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"||
str=="C")
{
document.myform.t1.value="C";
document.myform.t2.value=444;
}
else if(str=="jsp"||str=="JSP")
{
document.myform.t1.value="JSP";
document.myform.t2.value=555;
}
else
{

20
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}}
</script>
<form name="myform" action="payment.html" target="right">
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title"><br>
</pre><br><br>

Book Cost: <input type="text" name="t2" >


</div>
<br><br>
<div align="center">
<input type="submit" value="OK" onClick="validate()">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR">
<input type="submit" value="PURCHASE">
</form>
</body>
</html>

1
Payment.html:
<html>
<body bgcolor="pink"><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;
}i
f(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="pink">
<center>
<h1><b>AMAZON</h1>
<pre><strong><b>Your order Is Conformed</strong></pre>
<h2><b>THANK YOU</h2>
</center>
</body>
</html>

7. Create and save an XML document on 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.
<name>Anil</name>
<desgn>Assistant Professor</desgn>
<?xml version="1.0" encoding="UTF-8"?>
<empdetails>

<employee id="01">
<name>Chandu</name>
<desgn>Associate
Professor</desgn>
<dept>IT</dept>
<salary>52000</salary>
</employee>
<employee id="02">
<name>Dhruva</name>
<desgn>Assistant
Professor</desgn>
<dept>CSE</dept>
<salary>48000</salary>
</employee>
<employee id="03">
Emp.xml
<dept>CSE</dept>
<salary>65000</salary>
</employee>
<employee id="04">
<name>Shyam</name>
<desgn>Assistant Professor</desgn>
<dept>CSE</dept>
<salary>95000</salary>
</employee>
<employee id="05">
<name>Shashi</name>
<desgn>Professor</desgn>
<dept>CSE</dept>
<salary>85000</salary>
</employee>

</empdetails>
DOMEx.java
import java.io.*;
import javax.xml.parsers.*;
import org.w3c.dom.*;
class DOMEx
{
public static void main(String args[]) throws Exception
{
BufferedReader br=new BufferedReader(new InputStreamReader(System.in));
System.out.println("Enter employee id (01/02/03/04/05) :");
String id=br.readLine();
DocumentBuilderFactory dbf=DocumentBuilderFactory.newInstance();
DocumentBuilder db=dbf.newDocumentBuilder();
Document d=db.parse(new File("Emp.xml"));
Element empdetails=d.getDocumentElement();
NodeList emps=empdetails.getElementsByTagName("employee");
for(int i=0;i<emps.getLength();i++)
{
Element emp=(Element)emps.item(i);
String eid=emp.getAttribute("id");
if(id.equals(eid))
{
NodeList nl1=emp.getElementsByTagName("name");
Text t1=(Text)nl1.item(0).getFirstChild();
System.out.println(t1.getData());
NodeList nl2=emp.getElementsByTagName("desgn");
Text t2=(Text)nl2.item(0).getFirstChild();
System.out.println(t2.getData());
NodeList nl3=emp.getElementsByTagName("dept");
Text t3=(Text)nl3.item(0).getFirstChild();
System.out.println(t3.getData());
NodeList nl4=emp.getElementsByTagName("salary");
Text t4=(Text)nl4.item(0).getFirstChild();
System.out.println(t4.getData());
}
}
}
}
Output:
Enter employee id (01/02/03/04/05): 03
Anil
Assistant Professor
CSE
65000

8. Install TOMCAT web server. Convert the static web pages of assignments 2 into dynamic
web pages 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.

• First install the tomcat into the system.


• Then make a subdirectly (eg., LabR18) in the \tomcat\webapps.
• Under ‘LabR18’ create WEB-INF directory and also place the html files in this
‘LabR18’ directory only.
• Next under WEB-INF create two subclasses lib, classes and web.xml
• Next place all the class files under the classes and jar files(servlet-api.jar,classes12.jar
etc…) under lib subdirectories.
• After this start tomcat by giving the following command at the instll_dir>tomcat>bin
• Catalina.bat run
• At the I.E(web browser) give the url as http;//localhost:8080// LabR18/htmlfile or
servlet url-pattern
Portno 8080 is assigned for the tomcat.

Main.html:
<html>
<body bgcolor="pink">
<br /><br /><br /><br /><br />
<h1 align="center"><u>ONLINE BOOK STORAGE</u></h1><br /><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 /><br /><pre>
<div align="center">
<a href="/LabR18/Login.html">LOGIN</a>
<a href="/LabR18/Reg.html">REGISTRATION</a>
</div></pre>
</body>
</html>

Login.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="login">
<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()" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="RESET" />
</div>
</form>
</body>
</html>

Reg.html:
<html>
<body bgcolor="pink"><br /><br />
<form name="myform" method="post" action="register">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
ADDRESS :<input type="text" name="addr" /><br />
CONTACT 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()" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="CLEAR" />
</div>
</form>
</body>
</html>
Profile.html:
<html>
<body bgcolor="pink"><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()" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="CLEAR" />
</div></form>
</body>
</html>

Catalog.html:
<html>
<body bgcolor="pink"><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"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>

Order.html
<html>
<body bgcolor="pink"><br /><br />
<form method="post" action="order">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
PASSWORD :<input type="password" name="pwd" />
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"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>

Web.xml:
<?xml version="1.0" encoding="UTF-8"?>
<web-app>
<servlet>
<servlet-name>login</servlet-name>
<servlet-class>Login</servlet-class>
</servlet>
<servlet>
<servlet-name>register</servlet-name>
<servlet-class>Register</servlet-class>
</servlet>
<servlet>
<servlet-name>catalog</servlet-name>
<servlet-class>Catalog</servlet-class>
</servlet>
<servlet>
<servlet-name>profile</servlet-name>
<servlet-class>Profile</servlet-class>
</servlet>
<servlet>
<servlet-name>order</servlet-name>
<servlet-class>Order</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>login</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>register</servlet-name>
<url-pattern>/register</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>catalog</servlet-name>
<url-pattern>/catalog</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>profile</servlet-name>
<url-pattern>/profile</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>order</servlet-name>
<url-pattern>/order</url-pattern>
</servlet-mapping>
</web-app>

Login.java
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 bgcolor=pink>");
String id=req.getParameter("id");
String pwd=req.getParameter("pwd");
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from login";
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("SORRY INVALID CREDENTIALS TRY AGAIN<br><br>");
pw.println("<a href=\"/LabR18/Login.html\">press LOGIN to RETRY</a>");
}
else
{
pw.println("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><br><br>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

Register.java
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;

public class Register extends HttpServlet {

30
public void service(HttpServletRequest req,HttpServletResponse resp)throws
ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body bgcolor=pink>");
String name=req.getParameter("name");
String addr=req.getParameter("addr");
String phno=req.getParameter("phno");
String id=req.getParameter("id");
String pwd=req.getParameter("pwd");
long no=Long.parseLong(phno);
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from
login"; 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==1)
{
pw.println("SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEWID<br><br>");
pw.println("<a href=/LabR18/Reg.html>press REGISTER to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
int i=stmt1.executeUpdate("insert into login
values('"+name+"','"+addr+"',"+no+",'"+id+"','"+pwd+"')");
if(i>0){
pw.println("YOUR DETAILS ARE ENTERED<br><br>");
pw.println("<a href=/LabR18/Login.html>press LOGIN to login</a>");
}
else{
pw.println("Insert Unsuccessful");
pw.println("<a href=/LabR18/Reg.html>press REGISTER to login</a>");
}
pw.println("</body></html>");
}
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

1
Catalog.java
import java.io.*;
import java.sql.*;
import javax.servlet.ServletException;
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 bgcolor=pink>");
String title=req.getParameter("title");
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
System.out.println("connection established");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","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("<div align=center>");
pw.println("TITLE :"+rs.getString(1)+"<br>");
pw.println("AUTHOR :"+rs.getString(2)+"<br>");
pw.println("VERSION :"+rs.getString(3)+"<br>");
pw.println("PUBLISHER :"+rs.getString(4)+"<br>");
pw.println("COST :"+rs.getString(5)+"<br>");
pw.println("</div");
flag=1;
}
if(flag==0)
{
pw.println("SORRY INVALID TITLE TRY AGAIN <br><br>");
pw.println("<a href=/LabR18/Catalog.html>press HERE to RETRY</a>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

Profile.java
import java.io.*;
import java.sql.*;
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 bgcolor=pink>");
String id=req.getParameter("id");
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from login where userid='"+id+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
pw.println("<br><br><br>");
while(rs.next())
{
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("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=/LabR18/Profile.html>press HERE to RETRY</a>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}

Order.java
import java.io.*;
import java.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class Order extends HttpServlet {


public void service(HttpServletRequest req,HttpServletResponse resp)throws
ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body bgcolor=pink>");
String id=req.getParameter("name");
String pwd=req.getParameter("pwd");
String title=req.getParameter("title");
String count1=req.getParameter("no");
String date=req.getParameter("date");
String cno=req.getParameter("cno");
int count=Integer.parseInt(count1);
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from login where userid='"+id+"'
AND Password='"+pwd+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0,amount,x;
while(rs.next())
{

if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=/LabR18/Order.html>press HERE to RETRY</a>");
}
else
{
Statement stmt2=con.createStatement();
String s="select cost from book where Title='"+title+"'";
ResultSet rs1=stmt2.executeQuery(s);
int flag1=0;
while(rs1.next())
{
flag1=1;
x=Integer.parseInt(rs1.getString(1));
amount=count*x;
pw.println("AMOUNT :"+amount+"<br><br><br><br>");
Statement stmt1=con.createStatement();
stmt1.executeUpdate ("insert into details
values('"+id+"','"+title+"','"+amount+"','"+cno+"')");
pw.println("YOUR ORDER HAS TAKEN. THANK YOU. <br>");
}
if(flag1==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=/LabR18/Order.html>press HERE to RETRY</a>");
}
}
pw.println("</body></html>");
con.close();
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}

}
}
9. Redo the previous task using JSP by converting the static web pages of assignments 2
into dynamic web pages. Create a database with user information and books information.
The books catalogue should be dynamically loaded from the database. Follow the MVC
architecture while doing the website.

Main.html:
<html>
<body bgcolor="pink">
<br /><br /><br /><br /><br />
<h1 align="center"><u>ONLINE BOOK STORAGE</u></h1><br /><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 /><br /><pre>
<div align="center">
<a href="/LabR18/Login.html">LOGIN</a>
<a href="/LabR18/Reg.html">REGISTRATION</a>
</div></pre>
</body>
</html>

Login.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="JSPLogin.jsp">
<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()" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="RESET" />
</div>
</form>
</body>
</html>

Reg.html:
<html>
<body bgcolor="pink"><br /><br />
<form name="myform" method="post" action="JSPReg.jsp">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
ADDRESS :<input type="text" name="addr" /><br />
CONTACT 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()" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="CLEAR" />
</div>
</form>
</body>
</html>

Profile.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="JSPProfile.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()" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="CLEAR" />
</div></form>
</body>
</html>

Catalog.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form method="post" action="JSPCatalog.jsp">
<div align="center"><pre>

40
BOOK TITLE :<input type="text" name="title" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" name="button1"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>

Order.html
<html>
<body bgcolor="pink"><br /><br />
<form method="post" action="JSPOrder.jsp">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
PASSWORD :<input type="password" name="pwd" />
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"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>

Login.jsp
<body bgcolor=pink>

<%@ page import="java.sql.*" %>


<%@ page import="java.io.*" %>
<%
String id=request.getParameter("id");
String pwd=request.getParameter("pwd");
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from login";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{

1
if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
out.println("<a href=/LabR18/Login.html>press LOGIN to RETRY</a>");
}
else
{
out.println("VALID LOGIN ID<br><br>");
out.println("<h3><ul>");
%>
<ul>
<li><a href="Profile.html"><font color=black> USER PROFILE
</font></a></li><br><br>
<li><a href="Catalog.html"><font color=black> BOOKS CATALOG
</font></a></li><br><br>
<li><a href="Order.html"><font color=black> ORDER CONFIRMATION
</font> </a></li><br><br>
</ul>
<%} %>
</body>

Register.jsp
<body bgcolor="pink">

<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String name=request.getParameter("name");
String addr=request.getParameter("addr");
String phno=request.getParameter("phno");
String id=request.getParameter("id");
String pwd=request.getParameter("pwd");
long no=Long.parseLong(phno);
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from login";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==1)
{
out.println("SORRY LOGIN ID ALREADY EXISTS TRY AGAIN WITH NEW ID <br><br>");
out.println("<a href=/LabR18/Reg.html>press REGISTER to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
int i=stmt1.executeUpdate("insert into login
values('"+name+"','"+addr+"',"+no+",'"+id+"','"+pwd+"')");
if(i>0){
out.println("YOU DETAILS ARE ENTERED <br><br>");
out.println("<a href=/LabR18/Login.html>press LOGIN to login</a>");
}
else{
out.println("Insert Unsuccessful");
out.println("<a href=/LabR18/Reg.html>press REGISTER to login</a>");
}
}
}
catch(Exception e)
{
response.sendError(500,e.toString());
}
%>
</body>

Profile.jsp
<body bgcolor=pink>

<%@ page import="java.sql.*" %>


<%@ page import="java.io.*" %>
<%
String id=request.getParameter("id");
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from login where userid='"+id+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
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("SORRY INVALID ID TRY AGAIN ID <br><br>");
out.println("<a href=/LabR18/profile.html>press HERE to RETRY </a>");
}
%>
</body>

Catalog.jsp
<body bgcolor=pink>
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String title=request.getParameter("title");
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","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("<div align=center>");
out.println("TITLE :"+rs.getString(1)+"<br>");
out.println("AUTHOR :"+rs.getString(2)+"<br>");
out.println("VERSION:"+rs.getString(3)+"<br>");
out.println("PUBLISHER :" +rs.getString(4)+"<br>");
out.println("COST :" +rs.getString(5)+"<br>");
out.println("</div>");
flag=1;
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID <br><br>");
out.println("<a href=/LabR18/Catalog.html>press HERE to RETRY </a>");
}
%>
</body>

Order.jsp

<body bgcolor=pink>
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String id=request.getParameter("name");
String pwd=request.getParameter("pwd");
String title=request.getParameter("title");
String count1=request.getParameter("no");
String date=request.getParameter("date");
String cno=request.getParameter("cno");
int count=Integer.parseInt(count1);
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");

Statement stmt=con.createStatement ();


String sqlstmt="select userid,Password from login where
userid='"+id+"' AND Password='"+pwd+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0,amount,x;
while(rs.next())
{
if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID <br><br>");
out.println("<a href=/LabR18/Order.html>press HERE to RETRY </a>");
}
else
{
Statement stmt2=con.createStatement();
String s="select cost from book where Title='"+title+"'";
ResultSet rs1=stmt2.executeQuery(s);
int flag1=0;
while(rs1.next())
{
flag1=1;
x=Integer.parseInt(rs1.getString(1));
amount=count*x;
out.println("AMOUNT :"+amount+"<br><br><br>");
Statement stmt1=con.createStatement();
stmt1.executeUpdate("insert into details
values('"+id+"','"+title+"','"+amount+"','"+cno+"')");
out.println("YOU ORDER HAS TAKEN.THANK YOU.<br>");
}
if(flag1==0)
{
out.println("SORRY INVALID BOOK TRY AGAIN. <br><br>");
out.println("<a href=/LabR18/Order.html>press HERE to RETRY </a>");
}
}
%>
</body>
50

You might also like