Professional Documents
Culture Documents
WEB TECHNOLOGIES
Programs
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.
Home page, Registration and user Login, User profile page, Books
catalog, Shopping cart, Payment By credit card, order confirmation.
Validate the registration, user login, user profile and payment by credit
card pages using JavaScript.
2
3
JNTUH
WEB TECHNOLOGIES
1.Develop static pages (using only HTML) of an online Book store. The pages should
resemble: www.amazon.com
The website consists the following pages.
Home page, Registration and user Login, User profile page, Books catalog, Shopping
cart, Payment By credit card, order confirmation.
HOME PAGE
<!DOCTYPE html>
<html>
<body>
<table width=100%>
<tr>
<td><img src="amazonlogo.jpg"> </td>
<td style="background-color:#E55151">
<h1> WELCOME TO AMAZON.COM <h1> </td>
</tr>
<tr>
<td colspan="2" style="background-color:#AFB3F2"> HOMEPAGE
</td>
</tr>
<tr>
<td colspan="2" style="background-color:#E8F2AF; text-align:center">
<a href="regamazon.html" style="text-decoration:none"> registration
link </a>
<hr>
<a href="logamazon.html" style="text-decoration:none"> user login link </a>
<hr>
<a href="profamazon.html" style="text-decoration:none" > user profile page </a>
<hr>
<a href="bookamazon.html" style="text-decoration:none" > books catalog </a>
<hr>
<a href="shopcart.html" style="text-decoration:none"> shopping cart</a>
<hr>
<a href="payamazon.html" style="text-decoration:none"> payment by
credit card
</a>
<hr>
<a href="orderamazon.html" style="text-decoration:none"> order confirmation </a>
</td>
</tr>
<tr>
<td colspan="2" style="background-color:#FFA500;text-align:center;">
www.amazon.com </td>
</tr>
</body>
</html>
JNTUH
WEB TECHNOLOGIES
REGISTRATION
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
p.reg {color:#990000}
</style>
</head>
<body><b><font size="4">
<div id="main" style="margin-left:60px;width:800px;height:100%">
<table WIDTH=100%>
<tr>
<td width=70%> <img src="amazonlogo.jpg">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
</table>
<table>
<tr>
<p class="reg" > Registration <br> New to Amazon.com? Register Below.<br></p>
</tr>
<tr >
<form action="">
3
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
LOGIN
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
p.reg {color:#990000}
</style>
</head>
<body><font size="4">
<div id="main" style="margin-left:60px;width:800px;height:100%">
<table WIDTH=100%>
<tr>
<td width=70%> <img src="amazonlogo.jpg">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
</table>
<div id="body" style="border:1px solid black"><b>
5
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
PROFILE PAGE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div id="main" style="margin-left:60px;width:800px;height:100%">
<table WIDTH=100%>
<tr>
<td width=70%> <img src="amazonlogo.jpg">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
</table>
<hr>
<h1>John</h1>
<div id="index" style="width:100%;height:500px">
<div id="a" style="float:left;width=300px;height:500px">
<img src="dp.jpg">
</div>
<div id="b" style="float:left;width=100%;height:500px">
<table>
<tr >
<td style="text-align:right">My name is:</td> <td>----------------</td>
</tr>
<tr >
<td style="text-align:right">My e-mail address is:</td> <td>-------------</td>
7
JNTUH
WEB TECHNOLOGIES
</tr>
<tr >
<td style="text-align:right">My mobile phone number is: </td> <td>--------- </td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
BOOKS CATALOG
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body >
<div id="main" style="margin-left:60px;width:800px;height:100%">
<table WIDTH=100%>
<tr>
<td width=70%> <img src="amazonlogo.jpg">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
8
JNTUH
WEB TECHNOLOGIES
</table>
<h1><CENTER>BOOKS</center></H1>
<img src="book.jpg">
<br><br>
<div id="index" style="width:100%;height:500px">
<div id="a" style="float:left;width=300px;height:500px">
<h4>Department</h4>
<li>Arts & Photography</li>
<li>Biographies & Memoirs</li>
<li>Business & Investing </li>
<li>Calendars</li>
<li>Children's Books </li>
<li>Christian Books & Bibles</li>
<li>Comics & Graphic Novels </li>
<li>Computers & Technology </li>
</div>
<div id="b" style="float:left;width=100%;height:500px">
<h2>Select the book to get further details</h2>
<table border=1>
<tr>
<td><a href="bk1.html"><img src="bk1.jpg"><br><p>The Space between
Us<br>Thrity Umrigar</p></a></td>
<td><a href="bk6.html"><img
src="bk6.jpg"><br><p>Sapphire<br>Katie
Price</p></a></td>
<td><a href="bk2.html"><img
src="bk2.jpg"><br><p>Reflex<br>Steven
Gold</p></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
JNTUH
WEB TECHNOLOGIES
SHOPPING CART
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div id="main" style="margin-left:60px;width:800px;height:100%">
<table WIDTH=100%>
<tr>
<td width=70%> <img src="amazonlogo.jpg">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
</table>
<h1><center>SHOPPING CART</center></h1>
<hr>
<table border=1>
<tr>
<th width=80%>Items to buy now</th>
<th width=20%>Price</th>
<th width=20%>Quantity</th>
</tr>
<tr>
<td width=80% height="90"></td>
<td width=20% height="90"></td>
<td width=20% height="90"></td>
</tr>
</table>
<hr>
10
JNTUH
WEB TECHNOLOGIES
SHIPPING ADDRESS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
11
JNTUH
WEB TECHNOLOGIES
<html>
<body>
<div id="main" style="margin-left:60px;width:800px;height:100%">
<tr>
<td width=70%> <img src="amazonpic.png">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
</table>
<p><font size="6">Select a shipping address</font></p>
<p><font size="5">Enter a new shipping address.</font></p>
<p>When finished,click the "Continue" button.
<form action=""><b>
Full name:<br><input type="text" name="name" size="50" maxlength="60" ><br>
Address Line1:<br><input type="text" name="address1" size="50" maxlength="60"
placeholder="Street address, P.O. box,company name,c/o"><br>
Address Line2:<br><input type="text" name="address2" size="50" maxlength="60"
placeholder="Apartment, suite, unit, building, floor, etc."><br>
City:<br><input type="text" name="city" size="50" maxlength="60"><br>
Sity/Province/Region:<br><input type="text" name="state" size="50" maxlength="60"><br>
ZIP:<br><input type="text" name="zip" size="50" maxlength="60"><br>
Country:<br><select name="country" maxlength="60">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="CM">Cameroon</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
12
JNTUH
WEB TECHNOLOGIES
13
JNTUH
WEB TECHNOLOGIES
PAYMENT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body><font size="4">
<div id="main" style="margin-left:60px;width:800px;height:100%">
<img src="amazonpic.png">
<p><font size="6">Add a Payment Method</font></p>
<hr>
<p><font size="5">Credit or Debit Cards</font></p>
<p>Amazon accepts all major credit and debit cards:</p>
<div id="imagecredit" style="marginleft:600px;width:200px;height:90px">
<img src="creditcard.jpg">
</div>
<p>Add a card</p>
<p>Enter your card information:</p>
<form action="">
<table><b>
<tr>
<td>Name on card<br><input type="text" name="cardname"></td>
<td>Card number<br><input type="text" name"cardno"></td>
<td>Expiration Date<br><select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
14
JNTUH
WEB TECHNOLOGIES
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<select name="year">
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
</select>
</td>
<td><button type="button">Add your card</button></td>
</tr>
</form>
</table></b>
<hr>
<p><font size="5">Gift Cards & Promotional Codes</font></p>
<p>Enter a gift card or promotional code</p>
<form>
<input type="text" name="code"><button type="button">Apply</button>
</form>
<hr>
<button type="button"
ONCLICK="window.location.href='confirm.html'">Cotinue</button>
</div>
</font>
</body>
</html>
15
JNTUH
WEB TECHNOLOGIES
ORDER CONFIRMATION
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<body><font size="4">
<div id="main" style="margin-left:60px;width:800px;height:100%">
<img src="amazonconfirm.png">
<p><font size="6">Review your order</font></p>
<p>By placing your order, you agree to Amazon.com's privacy notice
conditions
of use.</p>
<div id="a" style="width:800px;height:200px">
<table border=1>
<tr>
<th width=50%>Shipping Address</th>
<th width=30%>Payment Method</th>
<th width=30%>Gift cards & promotional codes</th>
</tr>
<tr>
<td width=50% height="90"></td>
<td width=30% height="90"></td>
<td width=30% height="90"></td>
</tr>
</table>
</div>
<hr>
<div id="b" style=";width:800px;height:200px">
<b>Estimated delivery date:<br><br><br><br><br></b></td>
16
and
JNTUH
WEB TECHNOLOGIES
</div>
<div id="b" style="border:2px solid black;width:800px;height:200px">
<p><b>Order Summary</b></p>
Items: INR<br>
Shipping & Building: INR<br>
<hr>
Total before tax: INR<br>
Estimated tax to be collected: INR<br>
Import Fees Deposit: INR<br>
<hr>
<h1><b>Order total: INR </b></h1>
<hr>
<center><button type="button" name="confirm"
ONCLICK="window.location.href='thanku.html'" >
CONFIRM</button></center>
</div>
</font>
</body>
</html>
17
JNTUH
WEB TECHNOLOGIES
18
JNTUH
WEB TECHNOLOGIES
2. Validate the registration, user login, user profile and payment by credit card pages
using JavaScript.
REGISTRATION
<html>
<head>
<style>
p.reg {color:#990000}
</style>
</head>
<body><b><font size="4">
<script>
function myFunc()
{
if(document.getElementById("myName").elements[0].value=="")
{
alert("First name must be filled out");
return false;
}
if(document.getElementById("myMail").elements[0].value=="")
{
alert("Please provide the e-mail id!");
return false;
}
if(document.getElementById("Mail").elements[0].value=="")
{
19
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
}
if(document.getElementById("myPass").elements[0].value!="")
{
if(document.getElementById("myPass").elements[0].value.length<8)
{
alert("password should be atleast of length 8");
return false;
}
}
if(document.getElementById("Pass").elements[0].value=="")
{
alert("Type in the password again !");
return false;
}
if(document.getElementById("myPass").elements[0].value.length!
=document.getElementById("Pass").elements[0].value.length)
{
alert("passwords do not match");
document.getElementById("myPass").elements[0].value="";
document.getElementById("Pass").elements[0].value="";
return false;
}
if(document.getElementById("myPass").elements[0].value.length==document.getElementBy
Id("Pass").elements[0].value.length)
{
if(document.getElementById("myPass").elements[0].value!
=document.getElementById("Pass").elements[0].value)
{
alert("passwords do not match");
document.getElementById("myPass").elements[0].value="";
document.getElementById("Pass").elements[0].value="";
return false;
21
JNTUH
WEB TECHNOLOGIES
}}
else
{
alert("thank u");
}}
</script>
JNTUH
WEB TECHNOLOGIES
</tr>
<tr >
<form id="Mail" action="">
<td style="text-align:right">Type it again:</td> <td> <input type="text" name="emailid">
</td>
</form>
</tr>
<tr >
<form id="myPhone" action="">
<td style="text-align:right">My mobile phone number is: </td> <td><input type="text"
name="phone"> </td>
</form>
</tr>
</table>
<table width=100%>
<tr>
<p class="reg" > Protect your information with a password</p>
</tr>
<tr >
<form id="myPass" action="">
<td style="text-align:right">Enter a new password:</td> <td> <input type="password"
name="password1"></td>
</form>
</tr>
<tr >
<form id="Pass" action="">
<td style="text-align:right">Type it again:</td> <td> <input type="password"
name="password1"></td>
</form>
</tr>
<tr>
23
JNTUH
WEB TECHNOLOGIES
LOGIN
JNTUH
WEB TECHNOLOGIES
</head>
<body><font size="4">
<script>
function myFunc()
{
if(document.getElementById("mail").elements[0].value=="")
{
alert("Please enter the e-mail id");
return false;
}
if(document.getElementById("options").elements[1].checked)
{
if(document.getElementById("options").elements[2].value=="")
{
alert("please write password");
return false;
} }}
</script>
JNTUH
WEB TECHNOLOGIES
type="text"
</form>
</tr>
</table>
<p class="reg"> Do you have an Amazon.com password?</p>
<table align="center">
<tr >
<form id="options" action="">
<input type="radio" name="ans" value="no">No, I am a new
customer<br>
here.</a></p>
JNTUH
WEB TECHNOLOGIES
PAYMENT
JNTUH
WEB TECHNOLOGIES
}
if(document.getElementById("ship").elements[1].value=="")
{
alert("Please enter the address");
return false;
}
if(document.getElementById("ship").elements[2].value=="")
{
alert("Please enter the address");
return false;
}
if(document.getElementById("ship").elements[3].value=="")
{
alert("Please enter the city");
return false;
}
if(document.getElementById("ship").elements[4].value=="")
{
alert("Please enter the state");
return false;
}
if(document.getElementById("ship").elements[5].value=="")
{
alert("Please enter the ZIP");
return false;
}
if(document.getElementById("ship").elements[7].value=="")
{
alert("Please enter the phone no.");
return false;
28
JNTUH
WEB TECHNOLOGIES
}
return true;
}
</script>
<div id="main" style="margin-left:60px;width:800px;height:100%">
<tr>
<td width=70%> <img src="amazonpic.png">
</td>
<td width=100%> <button type="button"
onclick="window.location.href='Amazon4.html'">HOMEPAGE</BUTTON>
</td>
</tr>
</table>
<p><font size="6">Select a shipping address</font></p>
<p><font size="5">Enter a new shipping address.</font></p>
<p>When finished,click the "Continue" button.
<form id="ship" action=""><b>
Full name:<br><input type="text" name="name" size="50" maxlength="60" ><br>
Address Line1:<br><input type="text" name="address1" size="50" maxlength="60"
placeholder="Street address, P.O. box,company name,c/o"><br>
Address Line2:<br><input type="text" name="address2" size="50" maxlength="60"
placeholder="Apartment, suite, unit, building, floor, etc."><br>
City:<br><input type="text" name="city" size="50" maxlength="60"><br>
Sity/Province/Region:<br><input type="text" name="state" size="50"
maxlength="60"><br>
ZIP:<br><input type="text" name="zip" size="50" maxlength="60"><br>
Country:<br><select name="country" maxlength="60">
<option value="AF">Afghanistan</option>
<option value="AX">Aland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
29
JNTUH
WEB TECHNOLOGIES
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas, The</option>
<option value="CV">Cape Verde</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="PH">Philippines</option>
<option value="SA">Saudi Arabia</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select><br>
Phone Number:<br><input type="text" size="50" maxlength="60"><br>
</b></form>
30
JNTUH
WEB TECHNOLOGIES
31
JNTUH
WEB TECHNOLOGIES
32
JNTUH
WEB TECHNOLOGIES
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th style="text-align:left">Title</th>
<th style="text-align:left">Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
33
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
<artist>Gary Moore</artist>
<country>UK</country>
<company>Virgin records</company>
<price>10.20</price>
<year>1990</year>
</cd>
<cd>
<title>Eros</title>
<artist>Eros Ramazzotti</artist>
<country>EU</country>
<company>BMG</company>
<price>9.90</price>
<year>1997</year>
</cd>
<cd>
<title>One night only</title>
<artist>Bee Gees</artist>
<country>UK</country>
<company>Polydor</company>
<price>10.90</price>
<year>1998</year>
</cd>
<cd>
<title>Sylvias Mother</title>
<artist>Dr.Hook</artist>
<country>UK</country>
<company>CBS</company>
<price>8.10</price>
<year>1973</year>
</cd>
<cd>
35
JNTUH
WEB TECHNOLOGIES
<title>Maggie May</title>
<artist>Rod Stewart</artist>
<country>UK</country>
<company>Pickwick</company>
<price>8.50</price>
<year>1990</year>
</cd>
<cd>
<title>Romanza</title>
<artist>Andrea Bocelli</artist>
<country>EU</country>
<company>Polydor</company>
<price>10.80</price>
<year>1996</year>
</cd>
<cd>
<title>When a man loves a woman</title>
<artist>Percy Sledge</artist>
<country>USA</country>
<company>Atlantic</company>
<price>8.70</price>
<year>1987</year>
</cd>
<cd>
<title>Big Willie style</title>
<artist>Will Smith</artist>
<country>USA</country>
<company>Columbia</company>
<price>9.90</price>
<year>1997</year>
</cd>
36
JNTUH
WEB TECHNOLOGIES
</cd>
<cd>
<title>The very best of</title>
<artist>Cat Stevens</artist>
<country>UK</country>
<company>Island</company>
<price>8.90</price>
<year>1990</year>
</cd>
<cd>
<title>Stop</title>
<artist>Sam Brown</artist>
<country>UK</country>
<company>A and M</company>
<price>8.90</price>
<year>1988</year>
</cd>
<cd>
<title>Bridge of Spies</title>
<artist>T`Pau</artist>
<country>UK</country>
<company>Siren</company>
<price>7.90</price>
<year>1987</year>
</cd>
<cd>
<title>Private Dancer</title>
<artist>Tina Turner</artist>
<country>UK</country>
<company>Capitol</company>
<price>8.90</price>
37
JNTUH
WEB TECHNOLOGIES
<year>1983</year>
</cd>
<cd>
<title>Midt om natten</title>
<artist>Kim Larsen</artist>
<country>EU</country>
<company>Medley</company>
<price>7.80</price>
<year>1983</year>
</cd>
<cd>
<title>Pavarotti Gala Concert</title>
<artist>Luciano Pavarotti</artist>
<country>UK</country>
<company>DECCA</company>
<price>9.90</price>
<year>1991</year>
</cd>
</catalog>
38
JNTUH
WEB TECHNOLOGIES
39
JNTUH
WEB TECHNOLOGIES
4. Create and save an XML document which contains 10 users information. Write a
program which takes User Id as input and returns the user details by taking the user
information from the XML document.
demo.html
<html>
<body>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","details.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("user");
function myfun()
{
var a = document.forms["form1"]["userid"].value;
for (i=0;i<x.length;i++)
{
if (a==x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue)
{ document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue );
document.write(" ");
document.write(x[i].getElementsByTagName("age")[0].childNodes[0].nodeValue);
40
JNTUH
document.write("
WEB TECHNOLOGIES
");
}
}}
</script>
<p id="s1"> <form name="form1"" method="get"> <p id="s1">UserId <input type="text"
name="userid"><br> <input type="submit" onclick="myfun()" value="SUBMIT"></p>
</form>
</body>
</html>
details.xml
<users>
<user>
<name>lalitha</name>
<age>21</age>
<sex>female</sex>
</user>
<user>
<name>susheel2</name>
<age>21</age>
<sex>male</sex>
</user>
<user>
<name>srinivasl3</name>
<age>21</age>
<sex>male</sex>
</user>
<user>
<name>lucas</name>
<age>13</age>
<sex>male</sex>
41
JNTUH
WEB TECHNOLOGIES
</user>
<user>
<name>nathan</name>
<age>14</age>
<sex>male</sex>
</user>
<user>
<name>brooke</name>
<age>15</age>
<sex>female</sex>
</user>
<user>
<name>susheel7</name>
<age>16</age>
<sex>male</sex>
</user>
<user>
<name>srinivasl9</name>
<age>18</age>
<sex>male</sex>
</user>
<user>
<name>leela10</name>
<age>20</age>
<sex>male</sex>
</user>
</users>
42
JNTUH
WEB TECHNOLOGIES
43
JNTUH
WEB TECHNOLOGIES
5. JavaBeans which gives the exchange value of INR (Indian Rupees) into equivalent
American Dollar value.
Indian.java
import java.beans.*;
import java.awt.*;
import java.awt.event.*;
public class Indian extends Canvas
{
private double rupees;
private String other;
public Indian()
{
setSize( 200 ,25 );
other= "America" ;
}
public void setRupees( double amount)
{ rupees=amount; repaint();
}
public double getRupees()
{ return rupees;
}
public void setOther( String other)
{ this .other=other;
repaint();
}
44
JNTUH
WEB TECHNOLOGIES
if (other.equals( "Australia" ))
Compile the source code for the Bean and generate the
Currency_converter1.class in the command prompt :
javacIndian.java
2.
(On Windows, be sure to include a carriage return at the end of the text in the
manifest file.)
3..
JNTUH
WEB TECHNOLOGIES
jarcfmindian.jarmanifest.manIndian.class
Click File | New Project to create a new project, a grouping of related files. Follow
the wizard steps below.
1. Choose Project - General | Java Application
2. Name and Location - Uncheck Create Main Class, check Set as Main Project
Click File | New File to create a new file. Follow the wizard steps below.
1. Choose File Type - Java GUI Forms | JApplet Form
2. Class Name - Use Default
Installing Counter JavaBeans - JavaBeans that have been jarr'ed can be downloaded
and added to the Palette .
o Tools | Pallette Manager
1. Click Add from JAR
2. Select JAR file - Locate and select indian.jar
3. Select Components - Highlight indian
4. Select Palette Category - Highlight Beans
o Beans should now contain Indian class
Visual programming - Since applets are visual it is possible to program by dragging
and dropping components from the toolbar.
o Click Design tab.
o To see the layout manager:
Right click in gray design area | Set Layout | Flow Layout
o To add a visual object, right click the gray area:
Add From Palette | Swing | JButton
Add From Palette | Beans | Indian
46
JNTUH
WEB TECHNOLOGIES
47
JNTUH
WEB TECHNOLOGIES
48
JNTUH
WEB TECHNOLOGIES
Create a simple Bean with a label which is the count of number of clicks.
Counter.java
import java.awt.*;
Compile the source code for the Bean and generate the Counter.class in
the command prompt :
49
JNTUH
WEB TECHNOLOGIES
javacCounter.java
2.
(On Windows, be sure to include a carriage return at the end of the text in the
manifest file.)
3..
Click File | New Project to create a new project, a grouping of related files. Follow
the wizard steps below.
1. Choose Project - General | Java Application
2. Name and Location - Uncheck Create Main Class, check Set as Main Project
Click File | New File to create a new file. Follow the wizard steps below.
1. Choose File Type - Java GUI Forms | JApplet Form
2. Class Name - Use Default
Installing Counter JavaBeans - JavaBeans that have been jarr'ed can be downloaded
and added to the Palette .
o Tools | Pallette Manager
1. Click Add from JAR
2. Select JAR file - Locate and select counterEvent.jar
3. Select Components - Highlight Counter
4. Select Palette Category - Highlight Beans
o Beans should now contain Counter class
Visual programming - Since applets are visual it is possible to program by dragging
and dropping components from the toolbar.
o Click Design tab.
o To see the layout manager:
Right click in gray design area | Set Layout | Flow Layout
o To add a visual object, right click the gray area:
Add From Palette | Swing | JButton
Add From Palette | Beans | Counter
50
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
52
JNTUH
WEB TECHNOLOGIES
To run : Shift+F6
53
JNTUH
WEB TECHNOLOGIES
54
JNTUH
WEB TECHNOLOGIES
Create two Beans Traffic Light(implemented as a label with only three background
colors-red, green, yellow) and Automobile(Implemented as a Text Box which states its
state/movement). The state of the Automobile should depend on the following Light
Transition table.
Traffic.java
import java.awt.Panel;
import java.awt.event.*;
import java.io.PrintStream;
import java.io.Serializable;
import javax.swing.JTextField;
import java.beans.*;
public class Traffic extends Panel
implements Serializable, PropertyChangeListener
{
public Traffic()
{
tx = new JTextField(12);
state="Ready";
tx.setHorizontalAlignment(JTextField.LEFT);
tx.setText("Ready");
tx.setEnabled(false);
add(tx);
}
public void change()
{ if(state.equals("Ready"))
{ state="Move";
tx.setText(state);
}
else if(state.equals("Move"))
{ state="Stopped";
55
JNTUH
WEB TECHNOLOGIES
tx.setText(state);
}
else if(state.equals("Stopped"))
{
state="Ready";
tx.setText(state);
}}
public void propertyChange(PropertyChangeEvent e)
{
change();
}
private JTextField tx;
private String state;
}
TrafficLight.java
import java.awt.*;
import java.beans.*;
import java.io.*;
import java.util.Date;
public class TrafficLight extends Panel
implements Runnable, Serializable, PropertyChangeListener
{private Color color;
private Label label;
private PropertyChangeSupport changes;
private int interval;
transient Thread runner;
public TrafficLight()
{
56
JNTUH
WEB TECHNOLOGIES
setSize(50, 50);
color = Color.red;
label = new Label();
label.setSize(100,100);
label.setBackground(Color.red);
add(label);
changes = new PropertyChangeSupport(this);
changes.addPropertyChangeListener(this);
interval = 5;
runner = new Thread(this);
runner.start();
}
public void addPropertyChangeListener(PropertyChangeListener propertychangelistener)
{
changes.addPropertyChangeListener(propertychangelistener);
}
public void removePropertyChangeListener(PropertyChangeListener propertychangelistener)
{
changes.removePropertyChangeListener(propertychangelistener);
}
public int getInterval()
{
return interval;
}
public void setInterval(int i)
{
interval = i;
if(runner != null)
runner.interrupt();
}
public int getSeconds()
57
JNTUH
WEB TECHNOLOGIES
{
return (int)((new Date()).getTime() / 1000L);
}
public void run()
{
int i = getSeconds();
do
{
try
{
Thread.sleep(interval * 1000);
}
catch(InterruptedException interruptedexception) { }
int j = getSeconds();
changes.firePropertyChange("seconds", new Integer(i), new Integer(j));
i = j;
} while(true);
}
public void propertyChange(PropertyChangeEvent propertychangeevent)
{
if(color == Color.red)
{
label.setBackground(Color.orange);
color = Color.orange;
} else
if(color == Color.orange)
{
label.setBackground(Color.green);
color = Color.green;
} else
58
JNTUH
WEB TECHNOLOGIES
if(color == Color.green)
{
label.setBackground(Color.red);
color = Color.red;
}
}
}
1. Compile the source code for the Bean and generate the Traffic.class and
TrafficLight.class in the command prompt :
javacTraffic.java
javacTrafficLight.java
2.
3.
59
JNTUH
WEB TECHNOLOGIES
Click File | New Project to create a new project, a grouping of related files. Follow
the wizard steps below.
1. Choose Project - General | Java Application
2. Name and Location - Uncheck Create Main Class, check Set as Main Project
Click File | New File to create a new file. Follow the wizard steps below.
1. Choose File Type - Java GUI Forms | JApplet Form
2. Class Name - Use Default
Installing Counter JavaBeans - JavaBeans that have been jarr'ed can be downloaded
and added to the Palette .
o Tools | Pallette Manager
1. Click Add from JAR
2. Select JAR file - Locate and select counterEvent.jar
3. Select Components - Highlight TrafficLight
4. Select Palette Category - Highlight Beans
o Beans should now contain TrafficLight class
Visual programming - Since applets are visual it is possible to program by dragging
and dropping components from the toolbar.
o Click Design tab.
o To see the layout manager:
Right click in gray design area | Set Layout | Flow Layout
o To add a visual object, right click the gray area:
Add From Palette | Swing | JButton
Add From Palette | Beans | TrafficLight
To run : Shift+F6
60
JNTUH
WEB TECHNOLOGIES
61
JNTUH
WEB TECHNOLOGIES
SERVLETS (HELLOSERVLET)
HelloServlet.java
import java.io.*;
import javax.servlet.*;
<servlet-mapping>
<servlet-name>HelloServlet</servlet-name>
<url-pattern>/HelloServlet</url-pattern>
</servlet-mapping>
</web-app>
62
JNTUH
WEB TECHNOLOGIES
63
JNTUH
WEB TECHNOLOGIES
PostParameterServlet.java
import java.io.*;
import javax.servlet.*;
import java.util.*;
JNTUH
WEB TECHNOLOGIES
PrintWriter pw=response.getWriter();
Enumeration e=request.getParameterNames();
while(e.hasMoreElements())
{
String pname=(String)e.nextElement();
pw.print(pname + "=");
String pvalue=request.getParameter(pname);
pw.println(pvalue);
}
pw.close();
}
}
web.xml
<web-app>
<servlet>
<servlet-name>PostParameterServlet</servlet-name>
<servlet-class>PostParameterServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>PostParameterServlet</servlet-name>
<url-pattern>/PostParameterServlet</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>PostParameter.html</welcome-file>
</welcome-file-list>
</web-app>
65
JNTUH
WEB TECHNOLOGIES
66
JNTUH
WEB TECHNOLOGIES
</tr>
<tr>
<td><input type="submit" name="submit" value="submit"></td>
</tr>
</table>
</form>
</body>
</html>
firstinfo.java
import java.sql.*;
import javax.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
public class firstinfo extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse res) throws
ServletException,IOException
{
res.setContentType("text/html");
PrintWriter out = res.getWriter();
67
JNTUH
WEB TECHNOLOGIES
String number = req.getParameter("num");
Cookie numasd = new Cookie("numa",number);
res.addCookie(numasd);
out.print("<html>");
out.print("<body>");
out.print("<form action=second.com
method=post>");
out.print("<table>");
secondinfo.java
import java.sql.*;
import javax.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
public class secondinfo extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse res) throws
ServletException,IOException
{
res.setContentType("text/html");
PrintWriter out = res.getWriter();
String number = req.getParameter("secnum");
68
JNTUH
WEB TECHNOLOGIES
Cookie[] c = req.getCookies();
out.print("<html>");
out.print("<body>");
out.print("<table>");
for(int i=0;i<c.length;i++)
{
out.print("<tr><td>"+c[i].getName()+"</td>");
out.print("<td>"+c[i].getValue()+"</td></tr>");
}
out.print("</table>");
out.print(number);
out.print("</body>");
out.print("</html>");
out.close();
}
web.xml
<web-app>
<servlet>
<servlet-name>firstinfo</servlet-name>
<servlet-class>firstinfo</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>firstinfo</servlet-name>
<url-pattern>/first.com</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>secondinfo</servlet-name>
<servlet-class>secondinfo</servlet-class>
69
JNTUH
WEB TECHNOLOGIES
</servlet>
<servlet-mapping>
<servlet-name>secondinfo</servlet-name>
<url-pattern>/second.com</url-pattern>
</servlet-mapping>
</web-app>
70
JNTUH
WEB TECHNOLOGIES
71
JNTUH
WEB TECHNOLOGIES
REQUEST DISPATCHER
login.html
<form action="go" method="get">
Name:<input type="text" name="userName"/><br/>
Password:<input type="password" name="userPass"/><br/>
<input type="submit" value="login"/>
</form>
Simple.java
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.*;
import javax.servlet.http.*;
JNTUH
WEB TECHNOLOGIES
}
}
}
WelcomeServlet.java
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
web.xml
<web-app>
<servlet>
<description>This is the description of my J2EE component</description>
<display-name>This is the display name of my J2EE component</display-name>
<servlet-name>Simple</servlet-name>
<servlet-class>Simple</servlet-class>
</servlet>
73
JNTUH
WEB TECHNOLOGIES
<servlet>
<description>This is the description of my J2EE component</description>
<display-name>This is the display name of my J2EE component</display-name>
<servlet-name>WelcomeServlet</servlet-name>
<servlet-class>WelcomeServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Simple</servlet-name>
<url-pattern>/go</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>WelcomeServlet</servlet-name>
<url-pattern>/welcome</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>login.html</welcome-file>
</welcome-file-list>
</web-app>
74
JNTUH
WEB TECHNOLOGIES
75
JNTUH
WEB TECHNOLOGIES
index.html
<form action="servlet1">
Name:<input type="text" name="userName"/><br/>
<input type="submit" value="go"/>
</form>
FirstServlet.java
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
JNTUH
WEB TECHNOLOGIES
import javax.servlet.http.*;
77
JNTUH
WEB TECHNOLOGIES
78
JNTUH
WEB TECHNOLOGIES
79
JNTUH
WEB TECHNOLOGIES
<html>
<head><title>Hello World JSP Page.</title></head>
<body>
<font size="10"><%="Hello World!" %></font>
</body>
</html>
80
JNTUH
WEB TECHNOLOGIES
hello.html
<html>
<body>
<form action="main.jsp" method="GET">
First Name: <input type="text" name="first_name">
<br />
Last Name: <input type="text" name="last_name" />
<input type="submit" value="Submit" />
</form>
</body>
</html>
main.jsp
<html>
<head>
<title>Using GET Method to Read Form Data</title>
</head>
<body>
<center>
<h1>Using GET Method to Read Form Data</h1>
<ul>
<li><p><b>First Name:</b>
<%= request.getParameter("first_name")%>
</p></li>
<li><p><b>Last Name:</b>
<%= request.getParameter("last_name")%>
</p></li>
</ul>
</body>
81
JNTUH
WEB TECHNOLOGIES
</html>
82
JNTUH
WEB TECHNOLOGIES
JSP(USING COOKIES)
Login.html
<body>
<form action=First.jsp method=post>
Enter Name : <input type="text" name="ename"><br>
Enter city : <input type="text" name="city"><br>
Enter age : <input type="text" name="age"><br>
<input type="submit" value="send">
</form>
</body>
First.jsp
<body>
<%
String ename=request.getParameter("ename");
String city=request.getParameter("city");
String age=request.getParameter("age");
response.addCookie(cname);
response.addCookie(ccity);
response.addCookie(ccage);
%>
<a href="readCookies.jsp">READ COOKIES </a>
</body>
readCookies.jsp
83
JNTUH
WEB TECHNOLOGIES
<body text=red>
<h1 align=center>Cookie Values Are ... </h1>
<hr>
<%
Cookie[] c=request.getCookies();
out.print("<table align=center>");
for(int i=0;i<c.length;i++){ out.print("<tr><td>"+c[i].getName()
+"</td><td>"+c[i].getValue()+"</td></tr>");}
%>
</body>
84
JNTUH
WEB TECHNOLOGIES
85
JNTUH
WEB TECHNOLOGIES
86
JNTUH
WEB TECHNOLOGIES
student.jsp
<jsp:useBean id="sb1" class="sp.StudBean"/>
<html>
<body>
<h2 style=color:blue>Student Details By using Expression tag<br>
sno=<%= sb1.getSno() %><br>
sname=<%= sb1.getSname() %><br>
saddr=<%= sb1.getMarks() %>
</h2>
</body>
</html>
StudBean.java
package sp;
public class StudBean
{
int sno;
String sname;
float marks;
public StudBean()
{
}
public void setSno(int sno)
{
this.sno=sno;
}
public int getSno()
{
87
JNTUH
WEB TECHNOLOGIES
return sno;
}
public void setSname(String sname)
{
this.sname=sname;
}
public String getSname()
{
return sname;
}
public void setMarks(float marks)
{
this.marks=marks;
}
public float getMarks()
{
return marks;
}
}
88
JNTUH
WEB TECHNOLOGIES
89
JNTUH
WEB TECHNOLOGIES
student.jsp
StudBean.java
package sp;
public class StudBean
{
int sno;
String sname;
float marks;
public StudBean()
{
}
public void setSno(int sno)
{
90
JNTUH
WEB TECHNOLOGIES
this.sno=sno;
}
public int getSno()
{
return sno;
}
public void setSname(String sname)
{
this.sname=sname;
}
public String getSname()
{
return sname;
}
public void setMarks(float marks)
{
this.marks=marks;
}
public float getMarks()
{
return marks;
}
}
91
JNTUH
WEB TECHNOLOGIES
92
JNTUH
WEB TECHNOLOGIES
bean.html
<html>
<body bgcolor="#CC9900">
<form action="bean.jsp" method="post">
<h2>
Enter Username:
<input type="text" name="name"><br>
Select Lanaguage:
<select name="lang">
<option value="java">java</option>
<option value=".net">.net</option>
<option value="c++">c++</option>
</select><br>
<input type="submit" value="submit">
</form>
</body>
</html>
bean.jsp
<jsp:useBean id="obj" class="tb.TechBean">
<jsp:setProperty name="obj" property="*"/>
</jsp:useBean>
<body bgcolor=#CC6633>
<h2>The result of bean values
name:
<jsp:getProperty name="obj" property="name"/><br>
language:
<jsp:getProperty name="obj" property="lang"/><br>
langComments:
93
JNTUH
WEB TECHNOLOGIES
TechBean.java
package tb;
public class TechBean
{
String name;
String lang;
public TechBean()
{
}
public void setName(String name)
{
this.name=name;
}
public String getName()
{
return name;
}
public void setLang(String lang)
{
this.lang=lang;
}
public String getLang()
{
return lang;
}
public String getLangComments()
{
94
JNTUH
WEB TECHNOLOGIES
if(lang.equals("java"))
{
return "king of oops";
}
if(lang.equals(".net"))
{
return "king of mstech";
}
if(lang.equals("c++"))
{
return "partialoops";
}
else
return "no idea";
}
}
95
JNTUH
WEB TECHNOLOGIES
96
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
con.close();
}
}
98
JNTUH
WEB TECHNOLOGIES
99
JNTUH
WEB TECHNOLOGIES
String query=req.getParameter("query");
//DBLogic
out.print("<body bgcolor=blue text=white>");
out.print("<hr><br><br>");
try
{
Class.forName("com.mysql.jdbc.Driver");
Connection
con=DriverManager.getConnection("jdbc:mysql://localhost:3307/sushma
","root","root");
Statement st=con.createStatement();
ResultSet rs=st.executeQuery(query);
ResultSetMetaData rsmd=rs.getMetaData();
out.print("<table align=center border=1>");
while(rs.next())
{ out.print("<tr>");
for(int c=1;c<=rsmd.getColumnCount();c++)
{
out.print("<td>"+rs.getString(c)+"</td>");}
out.print("</tr>"); }
out.print("</table>");
con.close();
st.close();
}
catch (Exception e)
{ out.print("<h1>"+e+"</h1>");}
out.close();
}
}
100
JNTUH
WEB TECHNOLOGIES
101
JNTUH
WEB TECHNOLOGIES
reg.html:
<!DOCTYPE>
<html >
<body ><br /><br />
<form name="myform" method="post" action="reg">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
ADDRESS :<input type="text" name="addr" /><br />
LOGINID :<input type="text" name="id" /><br />
PASSWORD :<input type="password" name="pwd" /></pre><br /><br />
<input type="submit" value="ok" />
102
JNTUH
WEB TECHNOLOGIES
</div>
</form>
</body>
</html>
catalog.html:
<!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
Order.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body ><br /><br />
<form method="post" action="reg">
<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"/>
<input type="reset" value="clear"
name="button2"/>
</div>
</form>
</body>
</html>
103
JNTUH
WEB TECHNOLOGIES
profile.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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" />
<input type="reset" value="clear" />
</div></form></body></html>
login.java:
import java.sql.*;
import java.io.*;
import java.util.*;
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/sushma","root","root");
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd 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)
{
104
JNTUH
WEB TECHNOLOGIES
profile.java
import java.sql.*;
import java.io.*;
import java.util.*;
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/sushma","root","root");
Statement stmt=con.createStatement();
String sqlstmt="select * from login where id="+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>");
105
JNTUH
WEB TECHNOLOGIES
pw.println("</div>");
flag=1;
}
if(flag==0)
{
pw.println("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());
}
}
}
reg.java:
import java.sql.*;
import java.io.*;
import java.util.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class reg extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse resp)
throws ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body>");
String name=req.getParameter("name");
String addr=req.getParameter("addr");
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/sushma","root","root");
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd from login";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
106
JNTUH
WEB TECHNOLOGIES
{
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 NEW ID<br>");
pw.println("<a href=\"reg.html\">press REGISTER to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
stmt1.executeUpdate("insert into login values(' "+name+"' ,'"+addr+"',' "+id+"',' "+pwd+"
')");
pw.println("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());
} }}
catalog.java
import java.sql.*;
import java.io.*;
import java.util.*;
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/sushma","root","root");
Statement stmt=con.createStatement();
String sqlstmt="select * from books where title="+title+"";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
107
JNTUH
WEB TECHNOLOGIES
{
pw.println("<div align=\"center\">");
pw.println("TITLE :"+rs.getString(1)+"<br>");
pw.println("AUTHOR :"+rs.getString(2)+"<br>");
pw.println("COST :"+rs.getString(3)+"<br>");
pw.println("</div");
flag=1;
}
if(flag==0)
{
pw.println("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:
import java.sql.*;
import java.io.*;
import java.util.*;
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 >");
String id=req.getParameter("id");
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.jdbc.Driver");
Connection
con=DriverManager.getConnection("jdbc:mysql://localhost:3306/sushma","root","root");
108
JNTUH
WEB TECHNOLOGIES
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd from login";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0,amount,x;
while(rs.next())
{
if(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=\"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<br>");
}
if(flag1==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=\"order.html\">press HERE to RETRY</a>");
}
}
pw.println("</body></html>");
con.close();
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}
109
JNTUH
WEB TECHNOLOGIES
web.xml:
<web-app>
<servlet>
<servlet-name>reg</servlet-name>
<servlet-class>reg</servlet-class>
</servlet>
<servlet>
<servlet-name>login</servlet-name>
<servlet-class>login</servlet-class>
</servlet>
<servlet>
<servlet-name>profile</servlet-name>
<servlet-class>profile</servlet-class>
</servlet>
<servlet>
<servlet-name>catalog</servlet-name>
<servlet-class>catalog</servlet-class>
</servlet>
<servlet>
<servlet-name>order</servlet-name>
<servlet-class>order</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>profile</servlet-name>
<url-pattern>/profile</url-pattern>
</servlet-mapping>
<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>order</servlet-name>
<url-pattern>/order</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>catalog</servlet-name>
<url-pattern>/catalog</url-pattern>
</servlet-mapping>
</web-app>
Output:
110
JNTUH
WEB TECHNOLOGIES
111
JNTUH
WEB TECHNOLOGIES
112
JNTUH
WEB TECHNOLOGIES
113
JNTUH
WEB TECHNOLOGIES
114
JNTUH
WEB TECHNOLOGIES
115
JNTUH
WEB TECHNOLOGIES
116
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
%>
</table>
</center>
</body>
</html>
<%
}else{
%>
<html>
<body>
<center>
<form action="Catalog.jsp" method="post" name="entry">
<input type="hidden" value="list" name="action">
<table border="2">
<tr>
<td>
<table>
<tr>
<td>BOOK Name</td>
<td><input name="Bname" type="text"></td>
</tr>
<tr>
<td>BOOK author</td>
<td><input name="Bauth" type="text"></td>
</tr>
<tr>
<td><input type="submit" value="submit"></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
<% } %>
118
JNTUH
WEB TECHNOLOGIES
119
JNTUH
WEB TECHNOLOGIES
JNTUH
WEB TECHNOLOGIES
stmt.close();
%>
</table>
</center>
</body>
</html>
<%
}else{
%>
<html>
<body>
<h1>enter the book name</h1>
<form action="catret.jsp" method="get" name="entry">
<input type="hidden" value="list" name="action">
<input type="text" name="Bname">
<br>
<input type="submit" value="submit">
</form>
</body>
</html>
<% } %>
121
JNTUH
WEB TECHNOLOGIES
122