HTML Lab Manual for Online Bookstore
HTML Lab Manual for Online Bookstore
LAB MANUAL
Prepared by
1
AIM:
Develop static pages (using only HTML) of an online Book store.
The pages should resemble :[Link]. The website
should consist the following pages.
Home page
Registration and user Login
User profile page
Books catalog
Shopping cart
Payment by credit cardOrder Conformation
PROCEDURE:
Home page
[Link]:
<html>
<head>
<title>
Amazon</title>
</head>
<body bgcolor="cyan"> <center>
<strong><h1>Welcome to AMAZON</h1></strong>
<form method="post" action="[Link]" target=_blank >
<h4>for books</h4><input type="submit" value="click here">
</form>
</center>
</body>
</html>
2
Registration and user Login
[Link]:
<html>
<head>
<title>
login page</title>
</head>
<body bgcolor="cyan"> <center>
<strong><h1> AMAZON </h1></strong></center>
<right>
<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="[Link]" >
<input type="submit" value="submit" >
</form>
</td>
<td>
<form method="post" action="[Link]" >
<input type="submit" value="register" >
<input type="reset" value="reset"></form></td>
</tr>
</table>
</body>
</html>
3
User profile page
[Link]:
<html>
<head>
<title>
login page</title>
</head>
<body bgcolor="cyan">
<center><strong><h1> AMAZON </h1></strong></center>
<form method="post" action="[Link]" >
<right>
<table align="left">
<tr>
<td><h4>user name</td>
<td><input type="text" ></td>
<tr>
<tr>
<td><h4>password</td>
<td><input type="password"></td>
</tr>
<tr>
<td><h4>confirm password</td>
<td><input type="password"></td>
</tr>
<tr>
<td><h4>male
<option >
<input type="radio" name="sex" id="male"></td>
<td><h4>female
<input type="radio" name="sex" id="female" ></td>
</option>
</tr>
<tr>
<td>Address</td>
<td><textarea name="address" rows=5 cols=19>
</textarea>
</td>
<tr>
<td>
<input type="submit" value="submit" ></td>
<td>
<input type="reset" value="reset"></td>
</tr></form></body></html>
4
Books catalog
[Link]:
<html>
<head>
<title>
books catalog</title>
</head>
<body bgcolor="cyan">
<center><h1>AMAZON</h1></center>
<form method="post" action="[Link]">
<left>
<table>
<tr>
<td><b><h3>frontend books</td>
<td></td></tr>
<tr>
<td></td>
<td><h4>C&Ds</td>
</tr>
<tr>
<td></td>
<td><h4>Ads</td>
</tr>
<tr>
<td></td>
<td><h4>JAVA
</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>Ms SQL Server
</td></tr>
<tr>
<td></td>
<td><h4>MySql </td>
</tr>
</table>
5
</h4>
<center>
<b>for buy one of these books
<br>
</b><input type="submit" value="click here">
</center>
</form>
</body>
</html>
6
Shopping cart
[Link]:
<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="C&Ds">C&Ds
<option value="Ads">Ads
<option value="Java">Java
<option value="Oracle">Oracle
<option value="Ms SQL Server">Ms SQL Server
<option value="MySql">MySql
</optgroup>
</select>
</td></tr>
<tr>
<td>
Quantity</td>
<td>
<input type="text" id="q">
</td></tr>
<tr>
<td></td>
<td>
<form method=post action="[Link]">
<input type="submit" value=ok />
</form>
</td></tr>
</table>
<center>
<pre>Cost of one book is"500" + shipping "100"</pre>
</center>
<body>
</html>
7
Payment by credit card
[Link]:
<html>
<head><title>payment</title></head>
<body bgcolor="cyan">
<center><h1>Payment By Credit Card</h1></center>
<form method=post action="[Link]">
<br><br><br><br><br>
<table align="center">
<tr>
<td>
<h4>Total Amount</h4></td>
<td><input type="text">
</td>
</tr>
<tr>
<td><h4>Credit Card Number</td>
<td><input type="text"></td>
</tr>
<tr>
<td>
</td>
<td><input type="submit" value=OK>
</td>
</tr>
</table>
</form></body>
</html>
Order Conformation
Ordrconform:
<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>
8
Result:
Home page:
9
Registration and user Login:
10
User profile page:
11
Books catalog:
12
Shopping cart:
13
Payment by credit card:
14
Order Conformation:
15
AIM:
PROCEDURE:
Home page:
[Link]:
[Link]:
<html>
<body bgcolor=”pink”>
<br><br>
<marquee><h1 align=”center”><b><u>ONLINE BOOK
STORAGE</u></b></h1></marquee>
</body>
</html>
[Link]:
<html>
<body bgcolor=”pink”>
<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>
16
</body> </html>
[Link]:
<html>
<body bgcolor=”pink”>
<h3>
<ul>
<li><a href=”[Link]” target=”right”><font color=”black”>
LOGIN</font></a></li><br><br>
<li><a href=”[Link]” target=”right”><fontcolor=”black”>
USER PROFILE</font></a></li><br><br>
<li><a href=”[Link]” target=”right”><fontcolor=”black”>
BOOKS CATALOG</font></a></li><br><br>
<li><a href=”[Link]” target=”right”><font color=”black”>
SHOPPINGCART</font></a></li><br><br>
<li><a href=”[Link]” target=”right”><fontcolor=”black”>
PAYMENT</font></a></li><br><br>
<li><a href=”[Link]” target=”right”><font color=”black”>
ORDER CONFIRMATION</font></a></li><br><br>
</ul>
</body>
</html>
17
Registration and user Login
[Link]:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if([Link]==""||
[Link]=="")
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
[Link]();
}
}
</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>
18
User profile page
[Link]:
<html>
<body bgcolor=”pink”><br><br>
<script language=”javascript”>
function validate()
{
var flag=1;
if([Link]==””||
[Link]==””||
[Link]==””||
[Link]==””||
[Link]==””)
{
flag=0;
}
var str=[Link];
var x;
for(var i=0;i<[Link];i++)
{
x=[Link](i,1)
if(!(x<=9))
{
flag=0;
break;
}
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
[Link]();
}
}
</script>
<form name="myform">
<div align="center"><pre>
NAME :<input type="text" name="name"><br>
ADDRESS :<input type="type" name="addr"><br>
CONTACT NUMBER:<iput type="text" name="phno"><br>
LOGINID :<input type="text" name="id"><br>
19
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>
20
Books catalog:
[Link]:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if([Link]=="")
{
flag=0;
}
str=[Link];
if(str=="c")
{
[Link]("<body bgcolor=pink>");
[Link]("title-->c"+" cost-->444");
}
else if(str=="jsp")
{
[Link]("<body bgcolor=pink>");
[Link]("title-->jsp"+" cost-->555");
}
else
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
[Link]();
}
}
</script>
<form name="myform" >
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title"><br>
21
</pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="ok" onClick="validate()">
<input type="reset" value="clear">
</form>
</body>
</html>
22
Shopping cart:
[Link]:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if([Link]==""||
[Link]==""||
[Link]==""||
[Link]==""||
[Link]=="")
{
flag=0;
}
var str=[Link];
var x;
for(var i=0;i<[Link];i++)
{
x=[Link](i,1)
if(!(x<=9))
{
flag=0;
break;
}
}
str=[Link];
var str1=[Link];
if(!((str=="c"&& str1==444) || (str=="jsp" && str1==555)))
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
[Link]();
}
}
</script>
23
<form name="myform" >
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
TITLE :<input type="text" name="title"><br>
[Link] 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>
24
Payment by credit card
[Link]:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if([Link]==""||
[Link]==""||
[Link]==""||
[Link]=="")
{
flag=0;
}
var str=[Link];
var x;
for(var i=0;i<[Link];i++)
{
x=[Link](i,1);
if(!(x<=9))
{
flag=0;
break;
}
}
str=[Link];
for(var i=0;i<[Link];i++)
{
x=[Link](i,1);
if(!(x<=9))
{
flag=0;
break;
}
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
[Link]();
25
}
}
</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="submit" value="ok" onClick="validate()">
<input type="reset" value="clear" >
</form>
</body>
</html>
Order Conformation
[Link]:
<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>
26
Result:
Home page
27
Registration and user Login
28
User profile page
29
Books catalog
30
Shopping cart
31
Payment by credit card
32
Order Conformation
33
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.
Procedure:
Login Page:
[Link]:
<html>
<head>
<script type="text/javascript">
function ser()
{
var xmldoc=new ActiveXObject("[Link]");
[Link]("[Link]");
var id=[Link];
var pass=[Link];
var x=[Link]("userid");
var y=[Link]("password");
for(i=0;i<[Link];i++)
{
if(x[i].childNodes[0].nodeValue==id)
{
if(y[i].childNodes[0].nodeValue==pass)
{
alert("successfull logged");
var ob=[Link]("[Link]","_blank");
[Link]=x[i].childNodes[0].nodeValue;
[Link]("[Link]");
var x0=[Link]("userid");
var x1=[Link]("username");
var x2=[Link]("qualification");
var x3=[Link]("job");
var x4=[Link]("companyname");
var x5=[Link]("dob");
var x6=[Link]("street");
var x7=[Link]("city");
for(var j=0;j<[Link];j++)
{
34
if(x0[j].childNodes[0].nodeValue==id)
{
[Link]=x1[j].childNodes[0].nodeValue;
[Link]=x2[j].childNodes[0].nodeValue;
[Link]=x3[j].childNodes[0].nodeValue;
[Link]=x4[j].childNodes[0].nodeValue;
[Link]=x5[j].childNodes[0].nodeValue;
[Link]=x6[j].childNodes[0].nodeVa
lue+","+x7[j].childNodes[0].nodeValue;
}
}
}
else alert("incorrect password");
return;
}
}
alert("incorrect userid") ;
}
</script>
</head>
<body>
<form name="f1">
<center>
<h1>Login Form</h1>
<br><B>User Id: <input type="text" name="id">
<br><br>Password:</B><input type ="password" name="pass">
<br><br>
<input type="button" value="submit" onClick="ser()">
</center>
</form>
</body>
</html>
35
User information page:
[Link]:
<html>
<head>
<title>User Info</title>
</head>
<body>
<center>
<h1>User Information</h1>
<form name="f1">
<pre>
<B>
User Id: <input type="text" name="uid" onblur="fun()">
User Name: <input type="text" name="uname">
Qualification: <input type="text" name="qual">
Job: <input type="text" name="jn">
Company: <input type="text" name="cn">
Date Of Birth: <input type="text" name="dob">
Address: <textarea name="address" rows=5 cols=19>
</textarea>
</B>
</pre>
</form>
</center>
</body> </html>
36
Users xml pages:
[Link]:
<?xml version="1.0" encoding="UTF-8"?>
<users>
<user>
<userid>1</userid>
<password>a</password>
</user>
<user>
<userid>2</userid>
<password>b</password>
</user>
<user>
<userid>3</userid>
<password>c</password>
</user>
<user>
<userid>4</userid>
<password>d</password> </user>
<user>
<userid>5</userid>
<password>e</password> </user>
<user>
<userid>6</userid>
<password>f</password> </user> </users>
37
[Link]:
38
<dob>sep6,88</dob>
<address>
<street>vwx</street>
<city>yz</city>
</address>
</user>
<user>
<userid>5</userid>
<username>mno</username>
<qualification>pqr</qualification>
<job>stu</job>
<companyname>vwx</companyname>
<dob>aug23,87</dob>
<address>
<street>yz</street>
<city>abc</city>
</address>
</user>
<user>
<userid>6</userid>
<username>pqr</username>
<qualification>stu</qualification>
<job>vwx</job>
<companyname>yz</companyname>
<dob>oct22,88</dob>
<address>
<street>abc</street>
<city>def</city>
</address> </user> </userinfo>
39
Output:
Login page:
40
User information page:
41
AIM:
[Link]:
42
[Link]:
<html>
<head>
<title>Login</title>
</head>
<body>
<form method="post" action="/ss/Servlet">
<table>
<tr>
<td>
User Name
</td>
<td>
<input type="text" name="usrname">
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<input type="password" name="passwd">
</td>
</tr>
</table>
<input type="submit" value="Submit">
<input type="reset" value="Clear">
</form>
</body>
</html>
43
[Link]:
import [Link].*;
import [Link].*;
import [Link].*;
import [Link].*;
44
Result:
45
46
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.
Procedure:
Login Page:
[Link]:
<html>
<head>
<script>
function LoadXmlDoc(dname)
{
xmldoc=new ActiveXObject("[Link]");
[Link]="false";
[Link](dname);
return xmldoc;
}
function validate()
{
var i,k,j=0;
xmldoc=LoadXmlDoc("[Link]");
var v1=[Link];
if([Link]==0)
[Link]("enter the roll no.");
else
{
v1=parseInt(v1);
arr=[Link]("students");
for(i=0;i<[Link];i++)
{
var txt=[Link]("rollno")[i].childNodes[0].nodeValue;
if(txt==v1)
{k=i;
j=1;
}
}
if(j==1)
{
nam=[Link]("name")[k].childNodes[0].nodeValue;
rol=[Link]("rollno")[k].childNodes[0].nodeValue;
per=[Link]("percentage")[k].childNodes[0].nodeValue;
47
[Link]("<body bgcolor='pink'>");
[Link]("<table border=1 align='center'><tr><th colspan='2'>USER
DETAILS</th></tr>");
[Link]("<tr><th>Name::</th><td>"+nam+"</td></tr>");
[Link]("<tr><th>RollNumber::</th><td>"+rol+"</td></tr>");
[Link]("<tr><th>Percentage::</th><td>"+per+"</td></tr>");
[Link]("</table></body>");
}
else
[Link]("roll number not found");
}
}
</script>
</head>
<body bgcolor="pink" text="red">
<form name="myform">
<table align="center">
<tr><td><B>RollNumber</B></td><td><input type="text" size=15
name="n2"></td></tr>
</table>
<br>
<center><input type=submit value="submit" name="b1" onClick="validate()"></center>
</form>
</body>
</html>
48
Student XML Document:
[Link]:
<?xml version="1.0" ?>
<cse>
<students>
<rollno>501</rollno>
<name>ABC</name>
<percentage>65%</percentage>
</students>
<students>
<rollno>502</rollno>
<name>DEF</name>
<percentage>67%</percentage>
</students>
<students>
<rollno>503</rollno>
<name>GHI</name>
<percentage>69%</percentage>
</students>
<students>
<rollno>504</rollno>
<name>JKL</name>
<percentage>65%</percentage>
</students>
<students>
<rollno>505</rollno>
<name>MNO</name>
<percentage>73%</percentage>
</students>
<students>
<rollno>506</rollno>
<name>PQR</name>
<percentage>74%</percentage>
</students>
<students>
<rollno>507</rollno>
<name>stu</name>
<percentage>65%</percentage>
</students>
49
<students>
<rollno>508</rollno>
<name>VWX</name>
<percentage>70%</percentage>
</students>
<students>
<rollno>509</rollno>
<name>YZ</name>
<percentage>72%</percentage>
</students>
<students>
<rollno>510</rollno>
<name>PQR</name>
<percentage>75%</percentage>
</students>
</cse>
50
Output:
Login page:
Result page:
51
52
AIM:
Install TOMCAT web server. Convert the static webpages of assignments 2
into dynamic webpages using servlets and cookies. Hint: Users information
(user id, password, credit card number) would be stored in [Link]. Each
user should have a separate Shopping Cart.
PROCEDURE:
Home page:
[Link]:
<html>
<body>
<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="[Link]">LOGIN</a> <a href="[Link]">
REGISTRATION</a></div></pre>
</body>
</html>
53
Login page:
[Link]:
<html>
<body><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()" />
<input type="reset" value="clear" />
</div>
</form>
</body>
</html>
54
Registration page:
[Link]:
<html>
<body><br /><br />
<form name="myform" method="post" action="reg">
<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>
55
User profile page:
[Link]:
<html>
<body><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>
[Link]:
<html>
<body><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>
56
Shopping cart, Payment by credit card, Order
Conformation page:
[Link]:
<html>
<body><br /><br />
<form method="post" action="order">
<div align="center"><pre>
ID :<input type="text" name="id" /><br />
PASSWORD :<input type="password" name="pwd" /><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>
57
58
Login servlet:
[Link]:
import [Link].*;
import [Link].*;
import [Link].*;
import [Link].*;
public class login extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=[Link]();
[Link]("<html><body>");
String id=[Link]("id");
String pwd=[Link]("pwd");
try
{
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger
");
Statement stmt=[Link]();
String sqlstmt="select id,pwd from login";
ResultSet rs=[Link](sqlstmt);
int flag=0;
while([Link]())
{
if([Link]([Link](1))&&[Link]([Link](2)))
{
flag=1;
}
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID ID TRY AGAIN
ID<br><br>");
[Link]("<a href=\"[Link]\">press LOGIN to
RETRY</a>");
}
else
{
[Link]("<br><br>VALID LOGIN ID<br><br>");
59
[Link]("<h3><ul>");
[Link]("<li><a
href=\"[Link]\"><fontcolor=\"black\">USER
PROFILE</font> </a></li><br><br>");
[Link]("<li><a
href=\"[Link]\"><fontcolor=\"black\">BOOKS
CATALOG</font></a></li><br><br>");
[Link]("<li><a
href=\"[Link]\"><fontcolor=\"black\">ORDER
CONFIRMATION</font> </a></li></ul><br><br>");
}
[Link]("</body></html>");
}
catch(Exception e)
{
[Link](500,[Link]());
}
}
}
60
Registration servlet:
[Link]:
import [Link].*;
import [Link].*;
import [Link].*;
import [Link].*;
public class reg extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=[Link]();
[Link]("text/html");
[Link]("<html><body>");
String name=[Link]("name");
String addr=[Link]("addr");
String phno=[Link]("phno");
String id1=[Link]("id");
String pwd1=[Link]("pwd");
int no=[Link](phno);
try
{
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger
");
Statement stmt=[Link]();
String sqlstmt="select id,pwd from login";
ResultSet rs=[Link](sqlstmt);
int flag=0;
while([Link]())
{
if([Link]([Link](1))&&[Link]([Link](2)))
{
flag=1;
}
}
if(flag==1)
{
61
[Link]("<br><br>SORRY INVALID ID ALREADY
EXITS TRY AGAIN WITH NEW ID<br><br>");
[Link]("<a href=\"[Link]\">press REGISTER to
RETRY</a>");
}
else
{
Statement stmt1=[Link]();
[Link]("insert into login
values('"+name+"','"+addr+"',"+no+",'"+id1+"','"+pwd1+"')
;");
[Link]("<br><br>YOUR DETAILS ARE
ENTERED<br><br>");
[Link]("<a href=\"[Link]\">press LOGIN to
login</a>");
}
[Link]("</body></html>");
}
catch(Exception e)
{
[Link](500,[Link]());
}
}
}
62
Profile servlet:
[Link]:
import [Link].*;
import [Link].*;
import [Link].*;
import [Link].*;
public class profile extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=[Link]();
[Link]("<html><body>");
String id=[Link]("id");
try
{
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger
");
Statement stmt=[Link]();
String sqlstmt="select * from login where id="+id+"";
ResultSet rs=[Link](sqlstmt);
int flag=0;
[Link]("<br><br><br>");
while([Link]())
{
[Link]("<div align=\"center\">");
[Link]("NAME :"+[Link](1)+"<br>");
[Link]("ADDRESS :"+[Link](2)+"<br>");
[Link]("PHONE NO :"+[Link](3)+"<br>");
[Link]("</div>");
flag=1;
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID ID TRY AGAIN
ID<br><br>");
[Link]("<a href=\"[Link]\">press HERE to
RETRY</a>");
}
[Link]("</body></html>");
}
catch(Exception e)
63
{
[Link](500,[Link]());
}
}
}
64
Catalog servlet:
[Link]:
import [Link].*;
import [Link].*;
import [Link].*;
import [Link].*;
public class catalog extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=[Link]();
[Link]("<html><body>");
String title=[Link]("title");
try
{
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger
");
Statement stmt=[Link]();
String sqlstmt="select * from book where title=\'"+title+"\'";
ResultSet rs=[Link](sqlstmt);
int flag=0;
while([Link]())
{
[Link]("<div align=\"center\">");
[Link]("TITLE :"+[Link](1)+"<br>");
[Link]("AUTHOR :"+[Link](2)+"<br>");
[Link]("VERSION :"+[Link](3)+"<br>");
[Link]("PUBLISHER :"+[Link](4)+"<br>")
;
[Link]("COST :"+[Link](5)+"<br>");
[Link]("</div>");
flag=1;
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID TITLE TRY
AGAIN <br><br>");
[Link]("<a href=\"[Link]\">press HERE to
RETRY</a>");
}
[Link]("</body></html>");
65
}
catch(Exception e)
{
[Link](500,[Link]());
}
}
}
66
Order servlet:
[Link]:
import [Link].*;
import [Link].*;
import [Link].*;
import [Link].*;
public class order extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
int count;
PrintWriter pw=[Link]();
[Link]("<html><body>");
String id=[Link]("id");
String pwd=[Link]("pwd");
String title=[Link]("title");
String count1=[Link]("no");
String date=[Link]("date");
String cno=[Link]("cno");
try
{
count=[Link](count1);
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger
");
Statement stmt=[Link]();
String sqlstmt="select id,pwd from login";
ResultSet rs=[Link](sqlstmt);
int flag=0,amount,x;
while([Link]())
{
if([Link]([Link](1))&&[Link]([Link](2)))
{
flag=1;
}
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID ID TRY AGAIN
ID<br><br>");
67
[Link]("<a href= \" [Link] \" >press HERE to
RETRY</a>");
}
else
{
Statement stmt2=[Link]();
String s="select cost from book where title=\'"+title+"\'";
ResultSet rs1=[Link](s);
int flag1=0;
while([Link]())
{
flag1=1;
x=[Link]([Link](1));
amount=count*x;
[Link]("<br><br>AMOUNT
:"+amount+"<br><br><br><br>");
Statement stmt1=[Link]();
[Link]("insert into details
values('"+id+"','"+title+"',"+amount+",'"+cno+"');");
[Link]("<br>YOUR ORDER has taken<br>");
}
if(flag1==0)
{
[Link]("<br><br><br>SORRY INVALID ID
TRY AGAIN ID<br><br>");
[Link]("<a href=\"[Link]\">press HERE to
RETRY</a>");
}
}
[Link]("</body></html>");
[Link]();
}
catch(Exception e)
{
[Link](500,[Link]());
}
}
}
68
[Link]:
<?xml version="1.0"?>
<web-app >
<servlet>
<servlet-name>login</servlet-name>
<servlet-class>login</servlet-class>
</servlet>
<servlet>
<servlet-name>reg</servlet-name>
<servlet-class>reg</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>
<servlet-name>catalog</servlet-name>
<servlet-class>catalog</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>login</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>reg</servlet-name>
<url-pattern>/reg</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>
<servlet-mapping>
<servlet-name>catalog</servlet-name>
<url-pattern>/catalog</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>[Link]</welcome-file> </welcome-file-list> </web-app>
69
Output:
Home page:
70
Login page:
71
Login servlet:
72
Registration page:
73
Reg servlet:
74
User profile page:
75
Profile servlet:
76
Books catalog page:
77
Catalog servlet:
78
Shopping cart, Payment by credit card, Order
Conformation page:
79
Order servlet:
80
AIM:
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 and books information. The books
catalogue should be dynamically loaded from the database. Follow the MVC
architecture while doing the website.
PROCEDURE:
Home page:
[Link]:
<html>
<body>
<br><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="[Link]">LOGIN</a>
<a href="[Link]">REGISTRATION</a></div></pre>
</body></html>
81
Login page:
[Link]:
<html>
<body><br /><br /><br />
<form name="myform" method="post" action="[Link]">
<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" />
</div>
</form>
</body>
</html>
82
Registration page:
[Link]:
<html>
<body><br /><br />
<form name="myform" method="post" action="[Link]">
<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>
83
User profile page:
[Link]:
<html>
<body><br /><br /><br />
<form name="myform" method="post" action="[Link]">
<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>
[Link]:
<html>
<body><br /><br /><br />
<form method="post" action="[Link]">
<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>
84
Shopping cart, Payment by credit card, Order
Conformation page:
[Link]:
<html>
85
Login JSP:
[Link]:
<%@page import="[Link].*"%>
<%@page import="[Link].*"%>
<% [Link]("<html><body>");
String id=[Link]("id");
String pwd=[Link]("pwd");
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger");
Statement stmt=[Link]();
String sqlstmt="select id,pwd from login";
ResultSet rs=[Link](sqlstmt);
int flag=0;
while([Link]())
{
if([Link]([Link](1))&&[Link]([Link](2)))
{
flag=1;
}
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID ID TRY AGAIN
ID<br><br>");
[Link]("<a href=\"[Link]\">press LOGIN to
RETRY</a>");
}
else
{ [Link]("<br><br>VALID LOGIN ID<br><br>");
[Link]("<h3><ul>");
[Link]("<li><a
href=\"[Link]\"><fontcolor=\"black\">USER
PROFILE</font> </a></li><br><br>");
[Link]("<li><a
href=\"[Link]\"><fontcolor=\"black\">BOOKS
CATALOG</font></a></li><br><br>");
[Link]("<li><a
href=\"[Link]\"><fontcolor=\"black\">ORDER
CONFIRMATION</font> </a></li></ul><br><br>");
}
[Link]("</body></html>");
[Link]();
%>
86
Registration JSP:
[Link]:
<%@page import="[Link].*"%>
<%@page import="[Link].*"%>
<% [Link]("text/html");
[Link]("<html><body>");
String name=[Link]("name");
String addr=[Link]("addr");
String phno=[Link]("phno");
String id1=[Link]("id");
String pwd1=[Link]("pwd");
int no=[Link](phno);
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger");
Statement stmt=[Link]();
String sqlstmt="select id,pwd from login";
ResultSet rs=[Link](sqlstmt);
int flag=0;
while([Link]())
{ if([Link]([Link](1))&&[Link]([Link](2)))
{ flag=1;
}
}
if(flag==1)
{ [Link]("<br><br>SORRY INVALID ID ALREADY
EXITS TRY AGAIN WITH NEW ID<br><br>");
[Link]("<a href=\"[Link]\">press REGISTER to
RETRY</a>");
}
else
{ Statement stmt1=[Link]();
[Link]("insert into login
values('"+name+"','"+addr+"',"+no+",'"+id1+"','"+pwd1+"');");
[Link]("<br><br>YOUR DETAILS ARE
ENTERED<br><br>");
[Link]("<a href=\"[Link]\">press LOGIN to
login</a>");
}
[Link]("</body></html>");
[Link]();
%>
87
Profile JSP:
[Link]:
<%@page import="[Link].*"%>
<%@page import="[Link].*"%>
<% [Link]("<html><body>");
String id=[Link]("id");
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger");
Statement stmt=[Link]();
String sqlstmt="select * from login where id="+id+"";
ResultSet rs=[Link](sqlstmt);
int flag=0;
[Link]("<br><br><br>");
while([Link]())
{
[Link]("<div align=\"center\">");
[Link]("NAME :"+[Link](1)+"<br>");
[Link]("ADDRESS :"+[Link](2)+"<br>");
[Link]("PHONE NO :"+[Link](3)+"<br>");
[Link]("</div>");
flag=1;
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID ID TRY AGAIN
ID<br><br>");
[Link]("<a href=\"[Link]\">press HERE to
RETRY</a>");
}
[Link]("</body></html>");
[Link]();
%>
88
Catalog JSP:
[Link]:
<%@page import="[Link].*"%>
<%@page import="[Link].*"%>
<% [Link]("<html><body>");
String title=[Link]("title");
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger");
Statement stmt=[Link]();
String sqlstmt="select * from book where title=\'"+title+"\'";
ResultSet rs=[Link](sqlstmt);
int flag=0;
while([Link]())
{
[Link]("<div align=\"center\">");
[Link]("TITLE :"+[Link](1)+"<br>");
[Link]("AUTHOR :"+[Link](2)+"<br>");
[Link]("VERSION :"+[Link](3)+"<br>");
[Link]("PUBLISHER :"+[Link](4)+"<br>");
[Link]("COST :"+[Link](5)+"<br>");
[Link]("</div>");
flag=1;
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID TITLE TRY
AGAIN <br><br>");
[Link]("<a href=\"[Link]\">press HERE to
RETRY</a>");
}
[Link]("</body></html>");
[Link]();
%>
89
Order servlet:
[Link]:
<%@page import="[Link].*"%>
<%@page import="[Link].*"%>
<% int count;
[Link]("<html><body>");
String id=[Link]("id");
String pwd=[Link]("pwd");
String title=[Link]("title");
String count1=[Link]("no");
String date=[Link]("date");
String cno=[Link]("cno");
count=[Link](count1);
[Link]("[Link]");
Connection
con=[Link]("jdbc:odbc:orcl","scott","tiger");
Statement stmt=[Link]();
String sqlstmt="select id,pwd from login";
ResultSet rs=[Link](sqlstmt);
int flag=0,amount,x;
while([Link]())
{
if([Link]([Link](1))&&[Link]([Link](2)))
{
flag=1;
}
}
if(flag==0)
{
[Link]("<br><br>SORRY INVALID ID TRY AGAIN
ID<br><br>");
[Link]("<a href= \"[Link] \" >press HERE to
RETRY</a>");
}
else
{
Statement stmt2=[Link]();
String s="select cost from book where title=\'"+title+"\'";
ResultSet rs1=[Link](s);
int flag1=0;
while([Link]())
{
flag1=1;
90
x=[Link]([Link](1));
amount=count*x;
[Link]("<br><br>AMOUNT
:"+amount+"<br><br><br><br>");
Statement stmt1=[Link]();
[Link]("insert into details
values('"+id+"','"+title+"',"+amount+",'"+cno+"');");
[Link]("<br>YOUR ORDER has taken<br>");
}
if(flag1==0)
{
[Link]("<br><br><br>SORRY INVALID ID
TRY AGAIN ID<br><br>");
[Link]("<a href=\"[Link]\">press HERE to
RETRY</a>");
}
}
[Link]("</body></html>");
[Link]();
%>
91
Output:
Home page:
92
Login page:
93
Login JSP:
94
Registration page:
95
Reg JSP:
96
User profile page:
97
Profile JSP:
98
Books catalog page:
99
Catalog JSP:
100
Shopping cart, Payment by credit card, Order
Conformation page:
101
Order JSP:
102