You are on page 1of 124

Week-1 Date: 23-06-08

------------------------------------------------------------------------------------------------------------
AIM: Design the static web pages required for an online book store web site.

1) HOME PAGE

DESCRIPTION:
The static home page must contain three frames.
 Top frame : Logo and the college name and links to Home page, Login page,
Registration page,
 Left frame : At least four links for navigation, which will display the catalogue of
respective links.
For e.g.: When you click the link “CSE” the catalogue for CSE Books should be
displayed in the Right frame.
 Right frame: The pages to the links in the left frame must be loaded here. Initially
this page contains description of the web site.

PROGRAM:
Homepage
<head>
<frameset rows="20%,*">
<frame src="topframe.html"name="f1">
<frameset cols="20%,*">
<frame src="leftframe.html"name="f2">
<frame src="rightframe.html"name="f3">
</frameset>
</frameset>
</head>

Prasad V. Potluri Siddhartha Institute of Technology 1


OUTPUT:

Top frame:
<html>
<body>
<p>
<img src="C:\Documents and Settings\All Users\Documents\My Pictures\Sample
Pictures\Winter.jpg" align=left width=100 height=100">
<h1 align=center>Online book store</h1>
</p>
<br>
<p>
<h2>&nbsp;nbsp;&nbsp;&nbsp;
<a href="homepage.html" target=_parent>

Prasad V. Potluri Siddhartha Institute of Technology 2


Home
</a>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
<a href="login.html" target="f3">
login
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="registration.html" target="f3">
registration
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nbsp;&nbsp;&nbsp;
<a href="catalogue.html" target="f3">
Catalogue
</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="cart.html" target="f3">
Cart
</a>
&nbsp;
</h2>
</p>
</body>
</html>

Prasad V. Potluri Siddhartha Institute of Technology 3


OUTPUT:

Leftframe:
<html>
<body>
<a href=cse.html target="f3"><h3>CSE</h3> </a><br><br><br><br><br>
<a href=ece.html target="f3"><h3>ECE</h3></a><br><br><br><br><br>
<a href=eee.html target="f3"><h3>EEE</h3></a><br><br><br><br><br>
<a href=civil.html target="f3"><h3>Civil</h3></a>
</body>
</html>

Prasad V. Potluri Siddhartha Institute of Technology 4


OUTPUT:

Right frame:
<html>
<body bgcolor="pink">
<p>
<h2 align="center"> <font face="times new roman" color="green" >Online book store
information </font> </h2>

<h3> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<font face="monotype corsiva" color=blue> This is
the online book store developed by students of pvpsit.It contains book catalogue of various
branches like cse,ece,eee,civil </font></h3>
</p>
</body>

Prasad V. Potluri Siddhartha Institute of Technology 5


</html>

OUTPUT:

2) LOGIN PAGE
DESCRIPTION:
The login page contains the user name and the password of the user to
authenticate.
PROGRAM:
<html>
<head>
<p style= "background:yellow; top:100px; left:250px; position:absolute; ">
</head>
<body background=”E:\1.jpg”>
<form action="index.jsp" method="get">
<label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Prasad V. Potluri Siddhartha Institute of Technology 6


<font face="comic sans ms" color="green" size="5">Login </font>
</label> &nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" size="20" maxlength="20" value=' '><br><br><br>
<label>
<font face="comic sans ms" color="green" size="5">Password </font> </label>
<input type="password" size="20" maxlength="20"> <br><br><br> &nbsp; &nbsp;
&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;
<input type="submit" value="submit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset">
</form>
</body>
</html>
OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 7


3) CATOLOGUE PAGE

DESCRIPTION:
The catalogue page should contain the details of all the books available in the web
site in a table.
The details should contain the following:

1. Snap shot of Cover Page.

Prasad V. Potluri Siddhartha Institute of Technology 8


2. Author Name.
3. Publisher.
4. Price.
5. Add to cart button.

PROGRAM:
<html>
<body>
<center>
<table border=1>
<tr>
<th> Book Preview </th>
<th> Book Details </th>
<th> Price </th>
<th> Payment </th>
</tr>
<tr>
<td> <img src="C:\Documents and Settings\All users\My Documents\My Pictures\xml.bmp"
width=100 height=50>
</img>
</td>
<td>
<pre>
<font face="comic sans ms" size=4 color="green" >
book:XML Bible
Author:winston
Publisher:Wiesley
</font>
</pre>
</td>
<td>&nbsp;$40 &nbsp; </td>

Prasad V. Potluri Siddhartha Institute of Technology 9


<td> &nbsp; &nbsp; <a href="cart.html" target="_blank">
<img src="C:\Documents and Settings\All users\My Documents\My Pictures\cart.bmp"
width="150" height="100"></img>
</a> &nbsp; &nbsp;
</td>
</tr>
<tr>
<td> <img src="C:\Documents and Settings\All users\My Documents\My Pictures\java.bmp"
width=100 height=50>
</img>
</td>
<td>
<pre>
<font face="comic sans ms" size=4 color="green" >
book:Java 2
Author:Watson
Publisher:BPB publications
</font>
</pre>
</td>
<td>&nbsp; $40 &nbsp;</td>
<td> &nbsp; &nbsp; <a href="cart.html" target="_blank">
<img src="C:\Documents and Settings\All users\My Documents\My Pictures\cart.bmp"
width="150" height="100"></img>
</a> &nbsp; &nbsp;
</td>
</tr>
</table> </center>
</body>
</html>
OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 10


Prasad V. Potluri Siddhartha Institute of Technology 11
RESULT:
Thus the home page, login page, catalogue page for the online book store are
created successfully

Prasad V. Potluri Siddhartha Institute of Technology 12


Week-2 Date: 30-06-08
------------------------------------------------------------------------------------------------------------
AIM: Design of the cart page and the registration page required for online book store.

4) CART PAGE

DESCRIPTION:
The cart page contains the details about the books which are added to the cart.

PROGRAM:
<html>
<body>
<center><br><br><br>
<img src=”E:\aa.jpg”>
<table border=1 cellpadding=center>
<thead>
<tr>
<th>Book name</th>
<th>price</th>
<th>quantity</th>
<th>amount</th>
</tr>
</thead>
<tr>
<td>java 2</td>
<td>$45</td>
<td>2</td>
<td>$70</td>
</tr>
<tr>
<td> XML bible</td>

Prasad V. Potluri Siddhartha Institute of Technology 13


<td> $20</td>
<td> 5</td>
<td> $40</td>
</tr>
<th colspan=4>total amount=$110>
</th>
</tr>
</table>
</center>
</body>
</html>

OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 14


5) REGISTRATION PAGE

DESCRIPTION:
Create a “registration form “with the following fields
1)Name(Textfield)
2) Password (password field)
3) E-mail id (text field)
4) Phone number (text field)
5) Sex (radio button)
6) Date of birth (3 select boxes)
7) Languages known (check boxes – English, Telugu, Hindi, Tamil)
8) Address (text area)
PROGRAM:
<html>
<body>
<center>
<img src=”E:\aaa.jpg” align=”left”>
<form>
<label>name</label>
<input type="text" size="20"><br><br> <br>
<label>password</label>
<input type="password" size="20" maxsize="28"><br> <br> <br>
<label>email</label>
<input type="text" size="30"><br> <br> <br>
<label>phone no</label>
<input type="text" size="2">
<input type="text" size="6">
<input type="text" size="10"><br> <br> <br>
<label>Sex</label>
<input type="radio" name="sex">m

Prasad V. Potluri Siddhartha Institute of Technology 15


<input type="radio" name="sex">f <br> <br> <br>
<label> date of birth</label>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<select>
<option>jan</option>
<option>feb</option>
<option>mar</option>
<option>apr</option>
</select>
<select>
<option>1980</option>
<option>1981</option>
<option>1982</option>
<option>1983</option>
</select> <br> <br> <br>
<label> Languages Known </label> &nbsp; &nbsp;
<input type="checkbox"> English &nbsp; &nbsp;&nbsp;
<input type="checkbox"> Telugu &nbsp; &nbsp; &nbsp;
<input type="checkbox"> Hindi &nbsp; &nbsp; &nbsp;
<input type="checkbox"> Tamil <br> <br> <br>
<label> Address </label>
<textarea rows=5 cols=20 scrolling="yes"> </textarea>
</center>
</body>
</html>

Prasad V. Potluri Siddhartha Institute of Technology 16


OUTPUT:

RESULT:
Thus the registration and cart pages for online book store pages are created
successfully

Prasad V. Potluri Siddhartha Institute of Technology 17


Week-3 Date: 14-07-08
------------------------------------------------------------------------------------------------------------
AIM: Write JavaScript to validate the following fields of the above registration page.
1. Name (Name should contains alphabets and the length should not be less than
6 characters).
2. Password (Password should not be less than 6 characters length).
3. E-mail id (should not contain any invalid and must follow the standard pattern
name@domain.com)
4. Phone number (Phone number should contain 10 digits only).
DESCRIPTION:
JavaScript is a simple scripting language invented specifically for use in web
browsers to make websites more dynamic. On its own, HTML is capable of outputting
more-or-less static pages. Once you load them up your view doesn't change much until
you click a link to go to a new page. Adding JavaScript to your code allows you to
change how the document looks completely, from changing text, to changing colors, to
changing the options available in a drop-down list. JavaScript is a client-side language.
JavaScripts are integrated into the browsing environment, which means they can
get information about the browser and HTML page, and modify this information, thus
changing how things are presented on your screen. This access to information gives
JavaScript great power to modify the browsing experience. They can also react to events,
such as when the user clicks their mouse, or points to a certain page element. This is also
a very powerful ability.
Regular Expressions:
One of the most common situations that come up is having an HTML form for
users to enter data. Normally, we might be interested in the visitor’s name, phone number
and email address, and so forth. However, even if we are very careful about putting some
hints next to each required field, some visitors are going to get it wrong, either
accidentally or for malicious purposes. Here’s where regular expressions come in handy.
A regular expression is a way of describing a pattern in a piece of text. In fact, it’s an

Prasad V. Potluri Siddhartha Institute of Technology 18


easy way of matching a string to a pattern. We could write a simple regular expression
and use it to check, quickly, whether or not any given string is a properly formatted user
input. This saves us from difficulties and allows us to write clean and tight code.
A regular expression is a JavaScript object. There are multiple ways of creating
them. They can be created statically when the script is first parsed or dynamically at run
time. A static regular expression is created as follows:
regx=/fish|fow1/;
Dynamic patterns are created using the keyword to create an instance of the
RegExp class:
regx=new RegExp(“fish|fow1”);
Functions:
test(string)- Tests a string for pattern matches. This method returns a Boolean that
indicates whether or not the specified pattern exists within the searched string. This is the
most commonly used method for validation. It updates some of the properties of the
parent RegExp object following a successful search.
exec(string)- Executes a search for a pattern within a string. If the pattern is not found,
exec() returns a null value. If it finds one or more matches it returns an array of the match
results. It also updates some of the properties of the parent RegExp object

PROGRAM:
Valid.js
function fun()
{

var userv=document.forms[0].user.value;
var pwdv=document.forms[0].pwd.value;
var emailv=document.forms[0].email.value;
var phv=document.forms[0].ph.value;
var userreg=new RegExp("^[a-zA-Z][a-zA-Z0-9]*$");
var emailreg=new RegExp("^[a-zA-Z][a-zA-Z0-9_.]*@[a-zA-Z][a-zA-Z0-9_.]*.
[a-zA-Z][a-zA-Z0-9_.]{2}.[a-zA-Z][a-zA-Z0-9_.]{2}$|^[a-zA-Z][a-zA-Z0-9_.]*@[a-zA-
Z][a-zA-Z0-9_.]*.[a-zA-Z][a-zA-Z0-9_.]{3}$");
var phreg=new RegExp("^[0-9]{10}$");
var ruser=userreg.exec(userv);
var remail=emailreg.exec(emailv);

Prasad V. Potluri Siddhartha Institute of Technology 19


var rph=phreg.exec(phv);
if(ruser && remail && rph && (pwdv.length > 6))
{
alert("All values are valid");
return true;
}
else
{
if(!ruser) { alert("username invalid");document.forms[0].user.focus();}
if(!remail) { alert("password invalid");document.forms[0].user.focus();}
if(!rph) { alert("phone number invalid");document.forms[0].ph.focus();}
if(pwdv.length < 6) { alert("password invalid");document.forms[0].pwd.focus();}
return false;
}

}
Register.html
<html>
<body>
<center>
<fieldset>
<legend>Registration</legend>
<form action="Database" method="get" onSubmit="return fun()">
<pre>
Name :<input type="text" name="user" size="10"><br>
Password :<input type="password" name="pwd" size="10"><br>
E-mail :<input type="text" name="email" size="10"><br>
Phone Number :<input type="text" name="ph" size="10"><br>
<input type="submit" value="Register">
</pre>
</form>
</body>
<script src="valid.js"></script>
</html>

OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 20


Prasad V. Potluri Siddhartha Institute of Technology 21
RESULT:
Thus the home page, login page, catalogue page for the online book store are
created successfully

Prasad V. Potluri Siddhartha Institute of Technology 22


Week-4 Date: 21-07-08
------------------------------------------------------------------------------------------------------------
AIM:
Design a web page using CSS (Cascading Style Sheets) which includes the
following:
1) Use different font, styles: In the style definition you define how each selector
should work .Then, in the body of your pages, you refer to these selectors to
activate the styles.
2) Set a background image for both the page and single elements on the page.
3) Control the repetition of the image with the background-repeat property

DESCRIPTION:

Cascading Style Sheets (CSS) is a stylesheet language used to describe the


presentation of a document written in a markup language. Its most common application is
to style web pages written in HTML and XHTML, but the language can be applied to any
kind of XML document.
In CSS, selectors are used to declare which elements a style applies to, a kind of match
expression. Selectors may apply to all elements of a specific type, or only those elements
which match a certain attribute; elements may be matched depending on how they are
placed relative to each other in the markup code, or on how they are nested within the
document object model
A style sheet consists of a list of rules. Each rule or rule-set consists of one or
more selectors and a declaration block. A declaration-block consists of a list of
semicolon-separated declarations in braces. Each declaration itself consists of a property,
a colon (:), a value, then a semi-colon (;)
Generally speaking we can say that all the styles will "cascade" into a new "virtual"
style sheet by the following rules:

Prasad V. Potluri Siddhartha Institute of Technology 23


1. External style sheet
2. Internal style sheet (inside the <head> tag)
3. Inline style (inside an HTML element)
An inline style (inside an HTML element) has the highest priority, which means that
it will override a style declared inside the <head> tag, in an external style sheet, or in a
browser (a default value).

Syntax
The CSS syntax is made up of three parts: a selector, a property and a value:
selector {property: value}
The selector is normally the HTML element/tag you wish to define, the property is the
attribute you wish to change, and each property can take a value. The property and value
are separated by a colon, and surrounded by curly braces:
body {color: black}
External Style Sheet
An external style sheet is ideal when the style is applied to many pages. With an
external style sheet, you can change the look of an entire Web site by changing one file.
Each page must link to the style sheet using the <link> tag. The <link> tag goes inside
the head section:
<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css" />
</head>
The browser will read the style definitions from the file mystyle.css, and format the
document according to it.
Internal Style Sheet
An internal style sheet should be used when a single document has a unique style.
You define internal styles in the head section by using the <style> tag,
<head>
<style>
selector {property:value; property:value;…..}

Prasad V. Potluri Siddhartha Institute of Technology 24


</style>
</head>
Inline Styles
An inline style loses many of the advantages of style sheets by mixing content
with presentation. Use this method sparingly, such as when a style is to be applied to a
single occurrence of an element.
To use inline styles you use the style attribute in the relevant tag. The style attribute can
contain any CSS property.
<p style="color: sienna; margin-left: 20px">
This is a paragraph </p>

PROGRAM:

Cas.css:
a:link{color:black;}
a:visited{color:pink;}
a:active{color:red;}
a:hover{color:green;}

.right {
text-align:center;
text-decoration:underline;
font-weight:bold;
color:blue;
font-family:comic sans ms;
font-size:30; }
.image {
text-align:left;
font-family:"monotype corsiva";
font-weight:10;
}

Prasad V. Potluri Siddhartha Institute of Technology 25


.image1 {
background-image:url("C:\Documents and Settings\All Users\My Documents\My
Pictures\krishna.jpg");
background-attachment:fixed;
background-repeat:no-repeat;
width:150;
height:150; }
table { align:center;border:10;
border-style:ridge;
border-color:yellow;}

htm.html:
<html>
<head>
<link rel="stylesheet" href="cas.css" type="text/css">
<style>
.xlink{ text-decoration:none;font-weight:bold;cursor:crosshair;}
.ylink{text-decoration:underline;font-weight:bold;cursor:help;}
</style>
</head>
<body class="image">

<p style="text-align:right;">
<a href="registration.html" class="xlink"> Reg Link</a>&nbsp;&nbsp;
<a href="topframe.html" class="ylink"> Help Link</a>
</p>
<p class="right">PVPSIT</p>
<div style="position:relative;font-size:90px;z-index:5;color:purple;">PVPSIT</div>
<div style="position:relative;font-size:50px;z-index:1;top:-70; left:5;color:blue;">CSE</div>
<div style="position:relative;font-size:90px;z-index:1;color:purple;">PVPSIT</div>

Prasad V. Potluri Siddhartha Institute of Technology 26


<div style="position:relative;font-size:50px;z-index:5;top:-70; left:5;color:blue;">CSE</div>
<table align="center" class="image1">
<tr>
<td> Fruits</td>
<td> Mango</td>
</tr>
</table>
</body>
</html>

OUTPUT:

RESULT: Thus different style of CSS and different type of the properties are applied.

Prasad V. Potluri Siddhartha Institute of Technology 27


Week-5: Date: 28-07-08
------------------------------------------------------------------------------------------------------------
AIM: Write an XML file which will display the Book information.
It includes the following:
1) Title of the book
2) Author Name
3) ISBN number
4) Publisher name
5) Edition
6) Price
Write a Document Type Definition (DTD) to validate the above XML file.
Display the XML file as follows.
The contents should be displayed in a table. The header of the table should be in color
GREY. And the Author names column should be displayed in one color and should be
capitalized and in bold. Use your own colors for remaining columns.
Use XML schemas XSL and CSS for the above purpose.

DESCRIPTION:

DTD vs XML Schema


The DTD provides a basic grammar for defining an XML Document in terms of
the metadata that comprise the shape of the document. An XML Schema provides this,
plus a detailed way to define what the data can and cannot contain. It provides far more
control for the developer over what is legal, and it provides an Object Oriented approach,
with all the benefits this entails.
Many systems interfaces are already defined as a DTD. They are mature
definitions, rich and complex. The effort in re-writing the definition may not be
worthwhile.
DTD is also established, and examples of common objects defined in a DTD abound on
the Internet -- freely available for re-use. A developer may be able to use these to define a

Prasad V. Potluri Siddhartha Institute of Technology 28


DTD more quickly than they would be able to accomplish a complete re-development of
the core elements as a new schema.
Finally, you must also consider the fact that the XML Schema is an XML
document. It has an XML Namespace to refer to, and an XML DTD to define it. This is
all overhead. When a parser examines the document, it may have to link this all in,
interpret the DTD for the Schema, load the namespace, and validate the schema, etc., all
before it can parse the actual XML document in question. If you're using XML as a
protocol between two systems that are in heavy use, and need a quick response, then this
overhead may seriously degrade performance.

 Write a Document Type Definition (DTD) to validate the XML file.

PROGRAM:
XML document (bookstore.xml)

<bookstore>
<book>
<title>web programming</title>
<author>chrisbates</author>
<ISBN>123-456-789</ISBN>
<publisher>wiley</publisher>
<edition>3</edition>
<price>350</price>
</book>
<book>
<title>internet worldwideweb</title>
<author>ditel&amp;ditel</author>
<ISBN>123-456-781</ISBN>
<publisher>person</publisher>
<edition>3</edition>
<price>450</price>
</book>
</bookstore>

XML document Validation using DTD


DTD document (bookstore.dtd)

<?xml version="1.0" encoding="UTF-8"?>


<!ELEMENT bookstore (book+)>
<!ELEMENT book (title,author,ISBN,publisher,edition,price)>

Prasad V. Potluri Siddhartha Institute of Technology 29


<!ELEMENT title (#PCDATA)>
<!ELEMENT author (#PCDATA)>
<!ELEMENT ISBN (#PCDATA)>
<!ELEMENT publisher (#PCDATA)>
<!ELEMENT edition (#PCDATA)>
<!ELEMENT price (#PCDATA)>

Bookstore.xml
<!DOCTYPE bookstore SYSTEM "C:\Documents and Settings\Administrator\My
Documents\bookstore.dtd">
<bookstore>
<book>
<title>web programming</title>
<author>chrisbates</author>
<ISBN>123-456-789</ISBN>
<publisher>wiley</publisher>
<edition>3</edition>
<price>350</price>
</book>
<book>
<title>internet worldwideweb</title>
<author>ditel&amp;ditel</author>
<ISBN>123-456-781</ISBN>
<publisher>person</publisher>
<edition>3</edition>
<price>450</price>
</book>
</bookstore>

XML document Validation using DTD


XML Schema (bookstore.xsd)

<?xml version="1.0" encoding="UTF-8"?>


<xs:schema elementFormDefault="qualified" attributeFormDefault="unqualified"
xmlns:xs="http://www.w3.org/2001/XMLSchema">
<xs:element name="bookstore">
<xs:complexType>
<xs:sequence>
<xs:element name="book" maxOccurs="unbounded">
<xs:complexType>
<xs:sequence>
<xs:element name="title" type="xs:string"></xs:element>

Prasad V. Potluri Siddhartha Institute of Technology 30


<xs:element name="author" type="xs:string"></xs:element>
<xs:element name="ISBN" type="xs:string"></xs:element>
<xs:element name="publisher" type="xs:string"></xs:element>
<xs:element name="edition" type="xs:int"></xs:element>
<xs:element name="price" type="xs:decimal"></xs:element>
</xs:sequence>
</xs:complexType>

</xs:element>

</xs:sequence>
</xs:complexType>

</xs:element>
</xs:schema>

Bookstore.xml
<bookstore xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="C:\Documents and Settings\Administrator\My
Documents\bookstore.xsd">
<book>
<title>web programming</title>
<author>chrisbates</author>
<ISBN>123-456-789</ISBN>
<publisher>wiley</publisher>
<edition>3</edition>
<price>350</price>
</book>
<book>
<title>internet worldwideweb</title>
<author>ditel&amp;ditel</author>
<ISBN>123-456-781</ISBN>
<publisher>person</publisher>
<edition>3</edition>
<price>450</price>
</book>
</bookstore>

 Display the XML file as follows.

PROGRAM:
XML:
<?xml version="1.0"?>

Prasad V. Potluri Siddhartha Institute of Technology 31


<?xml-stylesheet type="text/xsl" href="bookstore.xsl"?>

<bookstore>
<book>
<title>Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book>
<title>Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book>
<title>Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
</bookstore>
XSL:
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2> My Books collection</h2>
<table border="1">
<tr bgcolor="red">
<th align="left">title</th>

Prasad V. Potluri Siddhartha Institute of Technology 32


<th align="left">author</th>
</tr>
<xsl:for-each select="bookstore/book">
<tr>
<td><xsl:value-of select="title"/></td>
<xsl:choose>
<xsl:when test="price &gt; 30">
<td bgcolor="yellow"><xsl:value-of select="author"/></td>
</xsl:when>
<xsl:when test="price &gt; 10">
<td bgcolor="magneta"><xsl:value-of select="author"/></td>
</xsl:when>
<xsl:otherwise>
<td><xsl:value-of select="author"/></td>
</xsl:otherwise>
</xsl:choose>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 33


RESULT: Thus the XML stylesheets are successfully used to display the content in a
table format.

Week-6: Date: 04-08-08


------------------------------------------------------------------------------------------------------------
VISUAL BEANS:
AIM: Create a simple visual bean with a area filled with a color.
The shape of the area depends on the property shape. If it is set to true then the
shape of the area is Square and it is Circle, if it is false.
The color of the area should be changed dynamically for every mouse click. The color
should also be changed if we change the color in the “property window “.

DESCRIPTION:
A Bean is a JavaBeans component. Beans are independent, reusable software
modules. Beans may be visible objects, like AWT components, or invisible objects, like
queues and stacks. A builder/integration tool manipulates Beans to create applets and
applications.
Beans consist of three things:

Prasad V. Potluri Siddhartha Institute of Technology 34


 Events
An event allows your Beans to communicate when something interesting
happens. There are three parts to this communication:
EventObject
Event Listener - (the sink)
An Event Source (the Bean)
The event source defines when and where an event will happen. Classes register
themselves as interested in the event, and they receive notification when the event
happens. A series of methods patterns represents the registration process:
public synchronized void addListenerType(ListenerType l);
public synchronized void removeListenerType( ListenerType l);
 Properties
Properties define the characteristics of the Bean. For instance, when examining an AWT
TextField for its properties, you will see properties for the caret position, current text, and
the echo character, among others. A property is a public attribute of the Bean, usually
represented by a non-public instance variable. It can be read-write, read-only, or write-
only. There are four different types of properties:
 Simple - As the name implies, simple properties represent the simplest of the
four. To create a property, define a pair of set/get routines. Whatever name used
in the pair of routines, becomes the property name
 Indexed - An indexed property is for when a single property can hold an array of
values. The design pattern for these properties is:
public void setPropertyName (PropertyType[] list)
public void setPropertyName (
PropertyType element, int position)
public PropertyType[] getPropertyName ()
public PropertyType getPropertyName (int position)
 Bound – A bean that has the bound property generates an event when the
property is changed. The event is of type propertyChangeEvent and is sent to
objects that previously registered an interest in receiveing such notifications. In
order for the notification to happen, you need to maintain a watch list for

Prasad V. Potluri Siddhartha Institute of Technology 35


PropertyChangeEvents via the PropertyChangeSupport class. First, you have to
create a list of listeners to maintain:
private PropertyChangeSupport changes =
new PropertyChangeSupport (this);
And then, you have to maintain the list:
public void addPropertyChangeListener (
PropertyChangeListener p) {
changes.addPropertyChangeListener (p);
}
public void removePropertyChangeListener (
PropertyChangeListener p) {
changes.removePropertyChangeListener (p);
}
 Constrained - Constrained properties are similar to bound properties. In addition
to maintaining a list of PropertyChangeListeners, the Bean maintains a list of
VetoableChangeListeners. Then, prior to the Bean changing a property value, it
asks the VetoableChangeListeners if its okay. If it isn't, the listener throws a
PropertyVetoException, which you declare the set routine to throw.
 Methods
Bean methods are available for anyone to call by just making each public.
However, you can restrict which methods are visible to the Bean builder/integration tool
by providing a getMethodDescriptors method along with your Bean's BeanInfo. Every
Bean can provide a supporting BeanInfo class to customize a Bean's appearance to an
integration tool.
Procedural Steps to create a Java-Bean:
1) Creating a directory- Create a new directory in C:\beans\demo\sunw\demo with
a new folder name colors
2) Create a java source file
3) Compile the java source file
4) Create a manifest file colors.mft in the directory called as C:\beans\demo

Prasad V. Potluri Siddhartha Institute of Technology 36


5) Create a jar file- to create a jar file type the following command in the command
prompt
jar cfm ..\jars\colors.jar colors.mft sunw\demo\colors\*.class
6) Start the BDK
7) Check whether the colors bean is placed in toolbox or not.

PROGRAM:
package sunw.demo.colors;
import java.awt.*;
import java.awt.event.*;
public class Colors extends Canvas
{
transient private Color color;
private boolean rectangular;
public Colors()
{
addMouseListener(new MouseAdapter(){
public void mousePressed(MouseEvent me){
change(); }
});
rectangular=false;
setSize(100,100);
change();
}
public boolean getRectangular()
{
return rectangular;
}
public void setRectangular(boolean flag)
{
this.rectangular=flag;

Prasad V. Potluri Siddhartha Institute of Technology 37


repaint();
}
public void change()
{
color=randomColor();
repaint();
}
private Color randomColor()
{
int r=(int)(255*Math.random());
int g=(int)(255*Math.random());
int b=(int)(255*Math.random());
return new Color(r,g,b);
}
public void paint(Graphics g)
{
Dimension d=getSize();
int h=d.height;
int w=d.width;
g.setColor(color);
if(rectangular)
{
g.fillRect(0,0,w-1,h-1);
}
else
{
g.fillOval(0,0,w-1,h-1);
}
}
}

Prasad V. Potluri Siddhartha Institute of Technology 38


OUTPUT:

RESULT:

Prasad V. Potluri Siddhartha Institute of Technology 39


Thus the colors bean is created successfully.

Program 2:

Visual Beans (program 2)


Convert.java
package sunw.demo.convert;
import java.awt.*;
import java.awt.event.*;
public class convert extends Canvas
{
private double dollars=0.0;
private double rupees=0.0;
private double dollarvalue=0.0;

public convert()
{
setSize(100,1000);
}
public double getDollars()
{
return dollars;
}
public void setDollars(double value)
{
this.dollars=value;
}
public void setRupees(double value)
{
this.rupees=value;
}
public double getRupees()
{
return rupees;
}
public void change()
{
dollarvalue= value();
repaint();
}
private double value()
{
return rupees*dollars;
}

Prasad V. Potluri Siddhartha Institute of Technology 40


public void paint(Graphics g)
{
g.setColor(Color.red);
g.drawString(String.valueOf(dollarvalue),10,10);
}
}

Convert.mf
Name: sunw/demo/convert/convert.class
Java-Bean: True ( press Enter)
(Carriage return compulsory)

Prasad V. Potluri Siddhartha Institute of Technology 41


Result
Thus the convertion bean is created successfully

Program 3:

package sunw.demo.colors;
import java.awt.*;
import java.awt.event.*;
public class mouseclick extends Canvas {
public int count=0;
public mouseclick() {
addMouseListener(new MouseAdapter() {
public void mousePressed(MouseEvent me) {
change();
}
});

Prasad V. Potluri Siddhartha Institute of Technology 42


setSize(100,100);
}
public void change() {
count++;
repaint();
}
public void paint(Graphics g) {
Dimension d = getSize();
int h = d.height;
int w = d.width;
g.setColor(Color.red);
g.fillRect(0,0,100,100);
g.setColor(Color.blue);
g.drawString(String.valueOf(count),50,50);
}
}

Mouseclick.mft

Name: sunw/demo/colors/mouseclick.class
Java-Bean: True

Output

Prasad V. Potluri Siddhartha Institute of Technology 43


Result
Thus the Mouse Clicks bean is created successfully

Week-7: Date: 11-08-08


------------------------------------------------------------------------------------------------------------
AIM: Install TOMCAT web server and APACHE.
While installation assign port number 8080 to APACHE. Make sure that these ports are
available i.e., no other process is using this port.

DESCRIPTION:

Prasad V. Potluri Siddhartha Institute of Technology 44


 Set the JAVA_HOME Variable

You must set the JAVA_HOME environment variable to tell Tomcat where to find
Java. Failing to properly set this variable prevents Tomcat from handling JSP pages. This
variable should list the base JDK installation directory, not the bin subdirectory.
On Windows XP, you could also go to the Start menu, select Control Panel, choose
System, click on the Advanced tab, press the Environment Variables button at the
bottom, and enter the JAVA_HOME variable and value directly as:
Name: JAVA_HOME
Value: C:\jdk

 Set the CLASSPATH


Since servlets and JSP are not part of the Java 2 platform, standard edition, you
have to identify the servlet classes to the compiler. The server already knows about the
servlet classes, but the compiler (i.e., javac) you use for development probably doesn't.
So, if you don't set your CLASSPATH, attempts to compile servlets, tag libraries, or other
classes that use the servlet and JSP APIs will fail with error messages about unknown
classes.
Name: JAVA_HOME
Value: install_dir/common/lib/servlet-api.jar

 Turn on Servlet Reloading


The next step is to tell Tomcat to check the modification dates of the class files of
requested servlets and reload ones that have changed since they were loaded into the
server's memory. This slightly degrades performance in deployment situations, so is
turned off by default. However, if you fail to turn it on for your development server,
you'll have to restart the server every time you recompile a servlet that has already been
loaded into the server's memory.
To turn on servlet reloading, edit install_dir/conf/server.xml and add a DefaultContext
subelement to the main Host element and supply true for the reloadable attribute. For
example, in Tomcat 5.0.27, search for this entry:

Prasad V. Potluri Siddhartha Institute of Technology 45


<Host name="localhost" debug="0" appBase="webapps" ...>
and then insert the following immediately below it:
<DefaultContext reloadable="true"/>
Be sure to make a backup copy of server.xml before making the above change.
 Enable the Invoker Servlet
The invoker servlet lets you run servlets without first making changes to your
Web application's deployment descriptor. Instead, you just drop your servlet into WEB-
INF/classes and use the URL http://host/servlet/ServletName. The invoker servlet is
extremely convenient when you are learning and even when you are doing your initial
development.
To enable the invoker servlet, uncomment the following servlet and servlet-
mapping elements in install_dir/conf/web.xml. Finally, remember to make a backup copy
of the original version of this file before you make the changes.
<servlet>
<servlet-name>invoker</servlet-name>
<servlet-class>
org.apache.catalina.servlets.InvokerServlet
</servlet-class>
...
</servlet>
...
<servlet-mapping>
<servlet-name>invoker</servlet-name>
<url-pattern>/servlet/*</url-pattern>
</servlet-mapping>

OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 46


RESULT: Thus TOMCAT web server was installed successfully.

Week-7: Date: 11-08-08

Prasad V. Potluri Siddhartha Institute of Technology 47


------------------------------------------------------------------------------------------------------------
AIM: Access the developed static web pages for books web site, using these servers by
putting the web pages developed in week-1 and week-2 in the document root.

OUTPUT

Prasad V. Potluri Siddhartha Institute of Technology 48


RESULT:
Thus week-1 and week-2 pages are accessed using the TOMCAT web server
successfully.

Prasad V. Potluri Siddhartha Institute of Technology 49


Week-8: Date: 10-09-08
------------------------------------------------------------------------------------------------------------
AIM:
User Authentication:
Assume four users user1, user2, user3 and user4 having the passwords pwd1,
pwd2, pwd3 and pwd4 respectively. Write a servelet for doing the following.
1. Create a Cookie and add these four user id’s and passwords to this Cookie.
2. Read the user id and passwords entered in the Login form (week1) and
authenticate with the values (user id and passwords) available in the cookies.
If he is a valid user (i.e., user-name and password match) you should welcome
him by name (user-name) else you should display “You are not an
authenticated user “. Use init-parameters to do this. Store the user-names and
passwords in the web.xml and access them in the servlet by using the
getInitParameters() method.

DESCRIPTION:
Servlet Life cycle:
1. Servlet class loading
2. Servlet Instantiation
3. call the init method
4. call the service method
5. call destroy method
Class loading and instantiation
If you consider a servlet to be just like any other Java program, except that it runs
within a servlet container, there has to be a process of loading the class and making it
ready for requests. Servlets do not have the exact equivalent of a main method that causes
them to start execution.
When a web container starts it searches for the deployment descriptor
(WEB.XML) for each of its web applications. When it finds a servlet in the descriptor it
will create an instance of the servlet class. At this point the class is considered to be
loaded (but not initialized).

Prasad V. Potluri Siddhartha Institute of Technology 50


The init method
The HttpServlet class inherits the init method from GenericServlet. The init
method performs a role slightly similar to a constructor in an “ordinary” Java program in
that it allows initialization of an instance at start up. It is called automatically by the
servlet container and as it causes the application context (WEB.XML) to be parsed and
any initialization will be performed. It comes in two versions, one with a zero parameter
constructor and one that takes a ServletConfig parameter.
The servlet engine creates a request object and a response object. The servlet engine
invokes the servlet service() method, passing the request and response objects. Once the
init method returns the servlet is said to be placed into service. The process of using init
to initialize servlets means that it is possible to change configuration details by modifying
the deployment descriptor without having them hard coded in with your Java source and
needing a re-compilation.
void init(ServletConfig sc)
Calling the service method
The service() method gets information about the request from the request object,
processes the request, and uses methods of the response object to create the client
response. The service method can invoke other methods to process the request, such as
doGet(), doPost(), or methods you write. The service method is called for each request
processed and is not normally overridden by the programmer.
The code that makes a servlet “go” is the. servlet
void service(ServletRequest req,ServletResponse res)
The destroy Method
Two typical reasons for the destroy method being called are if the container is
shutting down or if the container is low on resources. This can happen when the container
keeps a pool of instances of servlets to ensure adequate performance. If no requests have
come in for a particular servlet for a while it may destroy it to ensure resources are
available for the servlets that are being requested. The destroy method is called only
once, before a servlet is unloaded and thus you cannot be certain when and if it is called.

void destroy()

Prasad V. Potluri Siddhartha Institute of Technology 51


ServletConfig Class
ServletConfig object is used by the Servlet Container to pass information to the
Servlet during it's initialization. Servlet can obtain information regarding initialization
parameters and their values using different methods of ServletConfig class
initialization parameters are name/value pairs used to provide basic information to the
Servlet during it's initialization like JDBC driver name, path to database, username,
password etc.

Methods of ServletConfig class


Following are the four methods of this class :
 getInitParameter(String paramName) Returns value of the given parameter. If
value of parameter could not be found in web.xml file then a null value is
returned.
 getInitParameterNames() Returns an Enumeration object containing all the
names of initialization parameters provided for this Servlet.
 getServletContext() Returns reference to the ServletContext object for this
Servlet. It is similar to getServletContext() method provided by HttpServlet
class.
 getServletName() Returns name of the Servlet as provided in the web.xml file or
if none is provided then returns complete class path to the Servlet.

PROGRAM:
cologin.html:
<html>
<head>
<title> login Page </title>
<p style= "background:yellow; top:100px; left:250px; position:absolute; ">
</head>
<body>
<form ACTION="clogin">

Prasad V. Potluri Siddhartha Institute of Technology 52


<label> Login </label>
<input type="text" name="usr" size="20"> <br> <br>
<label> Password </label>
<input type="password" name="pwd" size="20"> <br> <br>
<input type="submit" value="submit">
</form>
</body>
</html>
cologin1.html
<html>
<head>
<title> login Page </title>
<p style= "background:yellow; top:100px; left:250px; position:absolute; ">
</head>
<body>
<form ACTION="clogin1">
<label> Login </label>
<input type="text" name="usr" size="20"> <br> <br>
<label> Password </label>
<input type="password" name="pwd" size="20"> <br> <br>
<input type="submit" value="submit">
</form>
</body>
</html>

Addcook.java:
import javax.servlet.* ;
import javax.servlet.http.*;
import java.io.*;
public class Addcook extends HttpServlet
{

Prasad V. Potluri Siddhartha Institute of Technology 53


String user,pas;
public void service(HttpServletRequest req,HttpServletResponse res) throws
ServletException,IOException
{
res.setContentType("text/html");
PrintWriter out=res.getWriter();
Cookie c1=new Cookie("usr1","suni");
Cookie p1=new Cookie("pwd1","ani");
Cookie c2=new Cookie("usr2","abc");
Cookie p2=new Cookie("pwd2","123");
Cookie c3=new Cookie("usr3","def");
Cookie p3=new Cookie("pwd3","456");
Cookie c4=new Cookie("usr4","mno");
Cookie p4=new Cookie("pwd4","789");
res.addCookie(c1);
res.addCookie(p1);
res.addCookie(c2);
res.addCookie(p2);
res.addCookie(c3);
res.addCookie(p3);
res.addCookie(c4);
res.addCookie(p4);
out.println("COOKIE ADDED");
}
}
Clogin.java:
import javax.servlet.* ;
import javax.servlet.http.*;
import java.io.*;
public class Clogin extends HttpServlet
{

Prasad V. Potluri Siddhartha Institute of Technology 54


String user,pas;
public void service(HttpServletRequest req,HttpServletResponse res) throws
ServletException,IOException
{
res.setContentType("text/html");
PrintWriter out=res.getWriter();
user=req.getParameter("usr");
pas=req.getParameter("pwd");
Cookie[] c=req.getCookies();
for(int i=0;i<c.length;i++)
{
if((c[i].getName().equals("usr1")&&c[i+1].getName().equals("pwd1"))|| c[i].getName().equals("usr2")
&&c[i+1].getName().equals("pwd2"))||(c[i].getName().equals("usr3")&&
c[i+1].getName().equals("pwd3"))||(c[i].getName().equals("usr4")&&
c[i+1].getName().equals("pwd4") ))
{
if((user.equals(c[i].getValue()) && pas.equals(c[i+1].getValue())) )
{
//RequestDispatcher rd=req.getRequestDispatcher("/cart.html");
rd.forward(req,res);
}
else
{
out.println("YOU ARE NOT AUTHORISED USER ");
//res.sendRedirect("/cookdemo/cologin.html");
}
}
}
}
}

Prasad V. Potluri Siddhartha Institute of Technology 55


Web.xml:
<web-app>
<servlet>
<servlet-name>him</servlet-name>
<servlet-class>Clogin</servlet-class>
</servlet>
<servlet>
<servlet-name>him1</servlet-name>
<servlet-class>Addcook</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>him</servlet-name>
<url-pattern>/clogin</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>him1</servlet-name>
<url-pattern>/clogin1</url-pattern>
</servlet-mapping>
</web-app>

OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 56


Prasad V. Potluri Siddhartha Institute of Technology 57
2. Read the user id and passwords entered in the Login form (week1) and authenticate
with the values (user id and passwords) available in the cookies.
If he is a valid user (i.e., user-name and password match) you should welcome him by
name (user-name) else you should display “You are not an authenticated user “.
Use init-parameters to do this. Store the user-names and passwords in the webinf.xml and
access them in the servlet by using the getInitParameters() method.
home.html:
<html>
<head>
<title>Authentication</title>
</head>
<body>
<form action="ex1">
<label>Username </label>
<input type="text"size="20" name="user"><br><br>
password<input type="text" size="20" name="pwd"><br><br>
<input type="submit" value="submit">
</form>

Prasad V. Potluri Siddhartha Institute of Technology 58


</body>
</html>
Example1.java
import javax.servlet.*;
import java.io.*;
public class Example1 extends GenericServlet
{
private String user1,pwd1,user2,pwd2,user3,pwd3,user4,pwd4,user5,pwd5;
public void init(ServletConfig sc)
{
user1=sc.getInitParameter("username1");
pwd1=sc.getInitParameter("password1");

user2=sc.getInitParameter("username2");
pwd2=sc.getInitParameter("password2");

user3=sc.getInitParameter("username3");
pwd3=sc.getInitParameter("password3");

user4=sc.getInitParameter("username4");
pwd4=sc.getInitParameter("password4");
}
Public void service(ServletRequest req,ServletResponse res)throws
ServletException,IOException
{
res.setContentType("text/html");
PrintWriter out=res.getWriter();
user5=req.getParameter("user");
pwd5=req.getParameter("pwd");
if((user5.equals(user1)&&pwd5.equals(pwd1))||(user5.equals(user2)&&pwd5.equals(pwd2))||
(user5.equals(user3)&&pwd5.equals(pwd3))||(user5.equals(user4)&&pwd5.equals(pwd4)))

Prasad V. Potluri Siddhartha Institute of Technology 59


out.println("<p> welcome to"+user5.toUpperCase());
else
out.println("You are not authorized user");
}
}

web.xml:
<web-app>
<servlet>
<servlet-name>Example</servlet-name>
<servlet-class>Example1</servlet-class>
<init-param>
<param-name>username1</param-name>
<param-value>pvpsit</param-value>
</init-param>
<init-param>
<param-name>password1</param-name>
<param-value>cse</param-value>
</init-param>
<init-param>
<param-name>username2</param-name>
<param-value>1234</param-value>
</init-param>
<init-param>
<param-name>password2</param-name>
<param-value>4567</param-value>
</init-param>
<init-param>
<param-name>username3</param-name>
<param-value>cse</param-value>
</init-param>

Prasad V. Potluri Siddhartha Institute of Technology 60


<init-param>
<param-name>password3</param-name>
<param-value>pvpsit</param-value>
</init-param>
<init-param>
<param-name>username4</param-name>
<param-value>wt</param-value>
</init-param>
<init-param>
<param-name>password4</param-name>
<param-value>lab</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>Example</servlet-name>
<url-pattern>/ex1</url-pattern>
</servlet-mapping>
</web-app>

OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 61


RESULT:
Thus the user authentication is carried out for four users by using both cookies
and getInitParameters successfully.
Week-9 Date: 22-09-08

Prasad V. Potluri Siddhartha Institute of Technology 62


------------------------------------------------------------------------------------------------------------
AIM: Install a database (Mysql or Oracle).
Create a table which should contain at least the following fields: name, password,
email-id, phone number (these should hold the data from the registration form).
Practice 'JDBC' connectivity.
Write a java program/servlet/JSP to connect to that database and extract data from the
tables and display them. Experiment with various SQL queries.
Insert the details of the users who register with the web site, whenever a new user clicks
the submit button in the registration page (week2).

DESCRIPTION:

JDBC Driver Types  


There are four types of JDBC drivers in use:  
Type 1: JDBC-ODBC Bridge 
A Type 1 JDBC-ODBC Bridge provides application developers with a way to
access JDBC drivers via the JDBC API. Type 1 JDBC drivers translate the JDBC calls
into ODBC calls and then send the calls to the ODBC driver. Type 1 JDBC drivers are
generally used when the database client libraries need to be loaded on every client
machine. 
Type 2: Native API/Partly Java Driver 
A Type 2 Native API/Partly Java Driver is a partial Java driver because it
converts JDBC calls into database specific calls. Type 2 Native API/Partly Java Driver
communicates directly with the database server. 
Type 3: Pure Java Driver  
A Type 3 Pure Java Driver works in a three tiered architecture. The JDBC calls
are passed via the network to the middle tier server. This server translates the calls to the
database specific native interface to further request the server. JDBC drivers available
from Simba are Type 3 drivers. 
Type 4: Native Protocol Java Driver  

Prasad V. Potluri Siddhartha Institute of Technology 63


The type 4 driver is written completely in Java and is hence platform independent.
It is installed inside the Java Virtual Machine of the client. It provides better performance
over the type 1 and 2 drivers as it does not have the overhead of conversion of calls into
ODBC or database API calls. Unlike the type 3 drivers, it does not need associated
software to work.A Type 4 Native Protocol Java Driver converts JDBC calls into the
database specific calls so that the client applications can communicate directly with the
server.

PROGRAM:
Registration.html:
<html>
<head>
<title>Registration page</title>
</head>
<body bgcolor="#00FFFf">
<form METHOD="POST" ACTION="register">
<CENTER>
<table>
<center>
<tr> <td> Username </td>
<td><input type="text" name="usr"> </td> </tr>
<tr><td> Password </td>
<td><input type="password" name="pwd"> </td> </tr>
<tr><td>Age</td>
<td><input type="text" name="age"> </td> </tr>
<tr> <td>Address</td>
<td> <input type="text" name="add"> </td> </tr>
<tr> <td>email</td>
<td> <input type="text" name="mail"> </td> </tr>
<tr> <td>Phone</td>
<td> <input type="text" name="phone"> </td> </tr>

Prasad V. Potluri Siddhartha Institute of Technology 64


<tr> <td colspan=2 align=center> <input type="submit" value="submit"> </td> </tr>
</center>
</table>
</form>
</body>

Login.html
<html>
<head>
<title>Registration page</title>
</head>
<body bgcolor=pink> <center> <table>
<form METHOD="POST" ACTION="authent">
<tr> <td> Username </td>
<td><input type="text" name="usr"></td> </tr>
<tr> <td> Password </td>
<td> <input type="password" name="pwd"> </td> </tr>
<tr> <td align=center colspan="2"><input type="submit" value="submit"></td> </tr>
</table> </center>
</form>
</body>
</html>

Ini.java:
import javax.servlet.*;
import java.sql.*;
import java.io.*;
public class Ini extends GenericServlet
{
private String user1,pwd1,email1;

Prasad V. Potluri Siddhartha Institute of Technology 65


public void service(ServletRequest req,ServletResponse res) throws ServletException,IOException
{
user1=req.getParameter("user");
pwd1=req.getParameter("pwd");
email1=req.getParameter("email");
res.setContentType("text/html");
PrintWriter out=res.getWriter();
try
{
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection
con=DriverManager.getConnection("jdbc:oracle:thin:@195.100.101.158:1521:cclab","scott","tiger");
PreparedStatement st=con.prepareStatement("insert into personal values(?,?,?,?,?,?)");
st.setString(1,user1);
st.setString(2,pwd1);
st.setString(3,"25");
st.setString(4,"hyd");
st.setString(5,email1);
st.setString(6,"21234");
st.executeUpdate();
con.close();
}
catch(SQLException s)
{ out.println("not found "+s);
}
catch(ClassNotFoundException c)
{
out.println("not found "+c);
}
}}

Prasad V. Potluri Siddhartha Institute of Technology 66


web.xml:
<web-app>
<servlet>
<servlet-name>init1</servlet-name>
<servlet-class>Ini</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>init1</servlet-name>
<url-pattern>/regis</url-pattern>
</servlet-mapping>
</web-app>

OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 67


Prasad V. Potluri Siddhartha Institute of Technology 68
Prasad V. Potluri Siddhartha Institute of Technology 69
Prasad V. Potluri Siddhartha Institute of Technology 70
RESULT:
Thus a table is created and the details are entered into the table using jdbc from
the registration form successfully.

Prasad V. Potluri Siddhartha Institute of Technology 71


Week-10 Date: 29-09-08
------------------------------------------------------------------------------------------------------------
AIM: Write a JSP which does the following job
Insert the details of the 3 or 4 users who register with the web site (week9) by using
registration form. Authenticate the user when he submits the login form using the user
name and password from the database (similar to week8 instead of cookies).

DESCRIPTION:

JSP Scripting Elements

JSP scripting elements let you insert Java code into the servlet that will be generated
from the current JSP page. There are three forms:
1. Expressions of the form <%= expression %> that are evaluated and inserted into
the output,
2. Scriptlets of the form <% code %> that are inserted into the servlet's service
method, and
3. Declarations of the form <%! code %> that are inserted into the body of the
servlet class, outside of any existing methods.
Each of these is described in more detail below.

JSP Expressions
A JSP expression is used to insert Java values directly into the output. It has the
following form:
<%= Java Expression %>
The Java expression is evaluated, converted to a string, and inserted in the page. This
evaluation is performed at run-time (when the page is requested), and thus has full access
to information about the request. For example, the following shows the date/time that the
page was requested:
Current time: <%= new java.util.Date() %>
To simplify these expressions, there are a number of predefined variables that you can
use. These implicit objects are discussed in more detail later, but for the purpose of
expressions, the most important ones are:

Prasad V. Potluri Siddhartha Institute of Technology 72


 request, the HttpServletRequest;
 response, the HttpServletResponse;
 session, the HttpSession associated with the request (if any); and
 out, the PrintWriter (a buffered version of type JspWriter) used to send output
to the client.
JSP Scriptlets
If you want to do something more complex than insert a simple expression, JSP
scriptlets let you insert arbitrary code into the servlet method that will be built to generate
the page. Scriptlets have the following form:
<% Java Code %>
Scriptlets have access to the same automatically defined variables as expressions.
So, for example, if you want output to appear in the resultant page, you would use the
out variable.
<%
String queryData = request.getQueryString();
out.println("Attached GET data: " + queryData);
%>
Note that code inside a scriptlet gets inserted exactly as written, and any static
HTML (template text) before or after a scriptlet gets converted to print statements. This
means that scriptlets need not contain complete Java statements, and blocks left open can
affect the static HTML outside of the scriptlets.
JSP Declarations
A JSP declaration lets you define methods or fields that get inserted into the main
body of the servlet class (outside of the service method processing the request). It has
the following form:
<%! Java Code %>
Since declarations do not generate any output, they are normally used in
conjunction with JSP expressions or scriptlets. For example, here is a JSP fragment that
prints out the number of times the current page has been requested since the server
booted (or the servlet class was changed and reloaded):
<%! private int accessCount = 0; %>

Prasad V. Potluri Siddhartha Institute of Technology 73


PROGRAM:
Login.html:
<!--Home.html-->
<html> <body>
<center><h1>XYZ Company Ltd.</h1></center>
<table border="1" width="100%" height="100%">
<tr>
<td valign="top" align="center"><br/>
<form action="auth.jsp"><table>
<tr>
<td colspan="2" align="center"><b>Login Page</b></td>
</tr>
<tr>
<td colspan="2" align="center"><b>&nbsp;</td>
</tr>
<tr>
<td>User Name</td>
<td><input type="text" name="user"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="LogIN"/></td>
</tr>
</table>

Prasad V. Potluri Siddhartha Institute of Technology 74


</form>
</td>
</tr>
</table>
</body>
</html>
Auth.jsp:
<%@page import="java.sql.*;"%>
<html>
<head>
<title>
This is simple data base example in JSP</title>
</title>
</head>
<body bgcolor="yellow">
<%!String uname,pwd;%>
<%
uname=request.getParameter("user");
pwd=request.getParameter("pwd");
try
{
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection
con=DriverManager.getConnection("jdbc:oracle:thin:@195.100.101.158:1521:CCLAB","scott","tige
r");
Statement st=con.createStatement();
ResultSet rs=st.executeQuery("select name,password from personal where name='"+uname+"'
and password='"+pwd+"'");
if(rs.next())
{
out.println("Authorized person");

Prasad V. Potluri Siddhartha Institute of Technology 75


}
else
{
out.println("UnAuthorized person");
}
con.close();
}
catch(Exception e){out.println(""+e);}
%>
</body>
</html>
OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 76


RESULT:

The user is authenticated when he submits the login form using the user name and
password from the database.

Prasad V. Potluri Siddhartha Institute of Technology 77


Week-11: Date: 06-10-08
------------------------------------------------------------------------------------------------------------
AIM: Extract data from the tables and display them in the catalogue page using JDBC.
DESCRIPTION:
Create tables in the database which contain the details of items (books in our case
like Book name, Price, Quantity, Amount)) of each category. Modify your catalogue page
(week 2) in such a way that you should connect to the database and extract data from the
tables and display them in the catalogue page using JDBC.

PROGRAM:
Retrieve.java:
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
import java.io.*;
import java.util.*;
public class Retrieve extends HttpServlet
{
public void service(HttpServletRequest req,HttpServletResponse res) throws
ServletException,IOException
{
res.setContentType("text/html");
PrintWriter out=res.getWriter();
try{
Class.forName("oracle.jdbc.driver.OracleDriver");
Connection
con=DriverManager.getConnection("jdbc:oracle:thin:@195.100.101.158:1521:cclab","scott","tiger");
Statement s=con.createStatement();
ResultSet r=s.executeQuery("select * from cart");
out.println("<center> <table border=1>");

Prasad V. Potluri Siddhartha Institute of Technology 78


out.println("<thead> <th> Book name </th> <th> Price </th> <th> Quantity </th> <th> Amount </th>
</thead>");
while(r.next())
{
out.println("<tr> <td> "+r.getString(1)+"</td> ");
out.println("<td> "+r.getString(2)+"</td> ");
out.println("<td> "+r.getInt(3)+"</td> ");
out.println("<td> "+r.getString(4)+"</td> </tr>");
}
out.println("</table></center>");
con.close();
}
catch(SQLException sq)
{
out.println("sql exception"+sq);
}

catch(ClassNotFoundException cl)
{
out.println("class not found"+cl);
}
}
}

web.xml:
<web-app>
<servlet>
<servlet-name>set</servlet-name>
<servlet-class>Cartenter</servlet-class>
</servlet>
<servlet>

Prasad V. Potluri Siddhartha Institute of Technology 79


<servlet-name>display</servlet-name>
<servlet-class>Retrieve</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>set</servlet-name>
<url-pattern>/enterdata</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>display</servlet-name>
<url-pattern>/display1</url-pattern>
</servlet-mapping>
</web-app>

Prasad V. Potluri Siddhartha Institute of Technology 80


CREATE THE TABLE AND INSERT VALUES INTO THE TABLE:

Prasad V. Potluri Siddhartha Institute of Technology 81


OUTPUT:

RESULT:
The data is extracted from the tables and displayed in the catalogue page using JDBC

Prasad V. Potluri Siddhartha Institute of Technology 82


Week-12: Date: 18-10-08
------------------------------------------------------------------------------------------------------------
AIM: Modify cart JSPpage to achieve the dynamism with the HTTP protocol and session
management
DESCRIPTION:
HTTP is a stateless protocol. Session is required to maintain the state.

Methods of session Object:

There are numerous methods available for session Object. Some are:

 getAttribute(String name)
 getAttributeNames
 isNew()
 getCreationTime
 getId
 invalidate()
 getLastAccessedTime
 getMaxInactiveInterval
 removeAttribute(String name)
 setAttribute(String, object)

The <jsp:include> element allows you to include either static and dynamic files in a JSP
file.

Program :

Cart .java

import java.util.*;
import javax.servlet.http.*;
import javax.servlet.*;
import java.io.*;
public class Cart extends HttpServlet
{

public void init(ServletConfig config) throws


ServletException

Prasad V. Potluri Siddhartha Institute of Technology 83


{
super.init(config);

}
public void service(HttpServletRequest
req,HttpServletResponse res) throws
IOException,ServletException
{
res.setContentType("text/html");
PrintWriter pw=res.getWriter();
HttpSession hs=req.getSession();
ArrayList cart=(ArrayList)hs.getAttribute("cart");
if(cart==null)
{
pw.println("No items in your cart");
cart=new ArrayList();
hs.setAttribute("cart",cart);
}
String itemselected[];
String item;
itemselected=req.getParameterValues("book");

if(itemselected!=null)
{
for(int i=0;i<itemselected.length;i++)
{
item=itemselected[i];
cart.add(item);

}}

pw.println("Items in the cart<br>");


Iterator it=cart.iterator();
while(it.hasNext())
{

Prasad V. Potluri Siddhartha Institute of Technology 84


pw.println("<br><b>"+it.next()+"</b>");
}

}
}

Catalogue.java

import java.util.*;
import javax.servlet.http.*;
import javax.servlet.*;
import java.io.*;
public class Catalogue extends HttpServlet
{
int itemcount=0;
public void init(ServletConfig config) throws
ServletException
{
super.init(config);

}
public void service(HttpServletRequest
req,HttpServletResponse res) throws
IOException,ServletException
{
res.setContentType("text/html");
PrintWriter pw=res.getWriter();
HttpSession hs=req.getSession();
ArrayList cart=(ArrayList)hs.getAttribute("cart");
if(cart!=null)
{
itemcount=cart.size();
}

Prasad V. Potluri Siddhartha Institute of Technology 85


pw.println("You have"+itemcount+"items in cart");

pw.println("<body><center><fieldset><legend>Catalogue</leg
end><form action='cart' method='get'><input
type='checkbox' value='Java2'
name='book'>java2</input><br>");
pw.println("<input type='checkbox' name='book'
value='web programming'>Web
programming</input><br>");
pw.println("<input type='checkbox' name='book'
value='Java2 Complete Reference'>Java2 Complete
Reference</input><br>");
pw.println("<input type='checkbox' name='book'
value='Internet & World wide web'>Internet & World wide
web</input><br>");
pw.println("<input type='checkbox' name='book'
value='Core servlets &JSP'>Core servlets
&JSP</input><br>");
pw.println("<input type='checkbox' name='book'
value='J2EE 3rd edition'>J2EE 3rd edition</input><br>");
pw.println("<input type='checkbox' name='book'
value='Electronic Devices and circuits'>Electronic Devices and
circuits</input><br>");
pw.println("<input type='checkbox' name='book'
value='Software Engineering'>Software
Engineering</input><br>");
pw.println("<input type='checkbox' name='book'
value='software project management'>software project
management</input><br>");
pw.println("<input type='checkbox' name='book'
value='Computer networks'>Computer
networks</input><br>");
pw.println("</fieldset></center>");

Prasad V. Potluri Siddhartha Institute of Technology 86


pw.println("<input type='submit' value='submit'>");

}
}

<web-app>

<servlet>
<servlet-name>Login</servlet-name>
<servlet-class>Login</servlet-class>
<init-param>
<param-name>username</param-name>
<param-value>syam</param-value>

</init-param>
<init-param>
<param-name>password</param-name>
<param-value>syam</param-value>

</init-param>

</servlet>
<servlet-mapping>
<servlet-name>Login</servlet-name>
<url-pattern>/login.do</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>cat</servlet-name>
<servlet-class>Catalogue</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>cat</servlet-name>

Prasad V. Potluri Siddhartha Institute of Technology 87


<url-pattern>/Cat</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>cart</servlet-name>
<servlet-class>Cart</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>cart</servlet-name>
<url-pattern>/cart</url-pattern>
</servlet-mapping>
</web-app>

Prasad V. Potluri Siddhartha Institute of Technology 88


Result : Thus the session management is successfully created using jsp

Week 13:

Aim : Write a program to implement MVC architecture.

Description :

Model-View-Controller Pattern

Model-View-Controller (MVC) is a classic design pattern often used by applications


that need the ability to maintain multiple views of the same data. The MVC pattern

Prasad V. Potluri Siddhartha Institute of Technology 89


hinges on a clean separation of objects into one of three categories — models for
maintaining data, views for displaying all or a portion of the data, and controllers for
handling events that affect the model or view(s).

Because of this separation, multiple views and controllers can interface with the same
model. Even new types of views and controllers that never existed before can interface
with a model without forcing a change in the model design.

How It Works

The MVC abstraction can be graphically represented as follows.

Events typically cause a controller to change a model, or view, or both. Whenever a


controller changes a model’s data or properties, all dependent views are automatically
updated. Similarly, whenever a controller changes a view, for example, by revealing
areas that were previously hidden, the view gets data from the underlying model to
refresh itself.

A Concrete Example

We explain the MVC pattern with the help of a simple spinner component which
consists of a text field and two arrow buttons that can be used to increment or decrement
a numeric value shown in the text field. We currently do not have an element type that
can directly represent a spinner component, but it easy is to synthesize a spinner using
existing element types.

Prasad V. Potluri Siddhartha Institute of Technology 90


The spinner’s data is held in a model that is shared with the text field. The text field
provides a view of the spinner’s current value. Each button in the spinner is an event
source, that spawns an action event every time it is clicked. The buttons can be hooked
up to trampolines that receive action events, and route them to an action listener that
eventually handles that event. Recall that a trampoline is a predefined action listener that
simply delegates action handling to another listener.

Depending on the source of the event, the ultimate action listener either increments or
decrements the value held in the model — The action listener is an example of a
controller.

The trampolines that initially receive the action events fired by the arrow buttons, are
also controllers — However, instead of modifying the spinner’s model directly, they
delegate the task to a separate controller (action listener).

Multiple Controllers

The MVC pattern allows any number of controllers to modify the same model. While
we have so far focused only on the two arrow buttons as likely source of events, there is,
in fact, a third event source in this example — Whenever the text field has focus, hitting
the enter key fires off an action event that may potentially be handled by a different
action listener than the one handling action events from the buttons.

Program :

Prasad V. Potluri Siddhartha Institute of Technology 91


Eshop.jsp:
<%@ page session="true" %>
<html>
<head>
<title>BOOK STORE</title>
</head>
<body bgcolor="#33CCFF">
<font face="Times New Roman,Times" size="+3">
BOOK STORE
</font>
<hr><p>
<center>
<form name="shoppingForm"
action="ShoppingServlet"
method="POST">
<b>BOOK:</b>
<select name=BOOK>
<option> 10588 | Hans Bergsten | Java Server Pages | O'Reilly | 2 | 34.95</option>
<option> 10589 | Deitel | Internet |McGraw Hill | 4 | 44.95</option>
<option> 10590 | Winston | XML BIBLE |Wiley | 2 | 14.95</option>
</select>
<b>Quantity: </b><input type="text" name="qty" SIZE="3" value=1>
<input type="hidden" name="action" value="ADD">
<input type="submit" name="Submit" value="Add to Cart">
</form>
</center>
<p>
<jsp:include page="Cart.jsp" flush="true" />
</body>
</html>

Prasad V. Potluri Siddhartha Institute of Technology 92


Cart.jsp:
<%@ page session="true" import="java.util.*, shopping.BOOK" %>
<%
Vector buylist = (Vector) session.getValue("shopping.shoppingcart");
if (buylist != null && (buylist.size() > 0)) {
%>
<center>
<table border="0" cellpadding="0" width="100%" bgcolor="#FFFFFF">
<tr>
<td><b>ISBN</b></td>
<td><b>AUTHOR</b></td>
<td><b>TITLE</b></td>
<td><b>PUBLISHER</b></td>
<td><b>EDITION</b></td>
<td><b>PRICE</b></td>
<td><b>QUANTITY</b></td>
<td></td>
</tr>
<%
for (int index=0; index < buylist.size();index++) {
BOOK anOrder = (BOOK) buylist.elementAt(index);
%>
<tr>
<td><b><%= anOrder.getisbn() %></b></td>
<td><b><%= anOrder.getAuthor() %></b></td>
<td><b><%= anOrder.getTitle() %></b></td>
<td><b><%= anOrder.getPublisher() %></b></td>
<td><b><%= anOrder.getEdition() %></b></td>
<td><b><%= anOrder.getPrice() %></b></td>
<td><b><%= anOrder.getQuantity() %></b></td>
<td>

Prasad V. Potluri Siddhartha Institute of Technology 93


<form name="deleteForm"
action="ShoppingServlet"
method="POST">
<input type="submit" value="Delete">
<input type="hidden" name= "delindex" value='<%= index %>'>
<input type="hidden" name="action" value="DELETE">
</form>
</td>
</tr>
<% } %>
</table>
<p>
<form name="checkoutForm"
action="ShoppingServlet"
method="POST">
<input type="hidden" name="action" value="CHECKOUT">
<input type="submit" name="Checkout" value="Checkout">
</form>
</center>
<% } %>
Checkout.jsp:
<%@ page session="true" import="java.util.*, shopping.BOOK" %>
<html>
<head>
<title>BOOK STORE</title>
</head>
<body bgcolor="#33CCFF">
<font face="Times New Roman,Times" size=+3>
BOOK STORE CHECK OUT
</font>
<hr><p>

Prasad V. Potluri Siddhartha Institute of Technology 94


<center>
<table border="0" cellpadding="0" width="100%" bgcolor="#FFFFFF">
<tr>
<td><b>ISBN</b></td>
<td><b>AUTHOR</b></td>
<td><b>TITLE</b></td>
<td><b>PUBLISHER</b></td>
<td><b>EDITION</b></td>
<td><b>PRICE</b></td>
<td><b>QUANTITY</b></td>
<td></td>
</tr>
<%
Vector buylist = (Vector) session.getValue("shopping.shoppingcart");
String amount = (String) request.getAttribute("amount");
for (int i=0; i < buylist.size();i++) {
BOOK anOrder = (BOOK) buylist.elementAt(i);
%>
<tr>
<td><b><%= anOrder.getisbn() %></b></td>
<td><b><%= anOrder.getAuthor() %></b></td>
<td><b><%= anOrder.getTitle() %></b></td>
<td><b><%= anOrder.getPublisher() %></b></td>
<td><b><%= anOrder.getEdition() %></b></td>
<td><b><%= anOrder.getPrice() %></b></td>
<td><b><%= anOrder.getQuantity() %></b></td>
</tr>
<%
}
session.invalidate();
%>

Prasad V. Potluri Siddhartha Institute of Technology 95


<tr>
<td> </td>
<td> </td>
<td><b>TOTAL</b></td>
<td><b>$<%= amount %></b></td>
<td> </td>
</tr>
</table>
<p>
<a href="Eshop.jsp">Shop some more!</a>
</center>
</body>
</html>
Error.html:
<html>
<body>
<h1>
Sorry, there was an unrecoverable error! <br>
Please try <a href="/examples/jsp/shopping/EShop.jsp">again</a>.
</h1>
</body>
</html>
OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 96


Web.xml:
<web-app>
<servlet>
<servlet-name>ShoppingServlet</servlet-name>
<servlet-class>ShoppingServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ShoppingServlet</servlet-name>
<url-pattern>/ShoppingServlet</url-pattern>
</servlet-mapping>
</web-app>

ShoppingServlet.java:
import java.util.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import shopping.BOOK;

Prasad V. Potluri Siddhartha Institute of Technology 97


public class ShoppingServlet extends HttpServlet {
public void init(ServletConfig conf) throws ServletException {
super.init(conf);
}
public void doPost (HttpServletRequest req, HttpServletResponse res)
throws ServletException, IOException {
HttpSession session = req.getSession(false);

if (session == null) {
res.sendRedirect("/error.html");
}
Vector buylist=(Vector)session.getValue("shopping.shoppingcart");
String action = req.getParameter("action");
if (!action.equals("CHECKOUT")) {
if (action.equals("DELETE")) {
String del = req.getParameter("delindex");
int d = (new Integer(del)).intValue();
buylist.removeElementAt(d);
} else if (action.equals("ADD")) {
boolean match=false;
BOOK aCD = getBOOK(req);
if (buylist==null) {
buylist = new Vector(); //first order
buylist.addElement(aCD);
} else { // not first buy
for (int i=0; i< buylist.size(); i++) {
BOOK cd = (BOOK) buylist.elementAt(i);
if (cd.getTitle().equals(aCD.getTitle())) {
cd.setQuantity(cd.getQuantity()+aCD.getQuantity());
buylist.setElementAt(cd,i);
match = true;

Prasad V. Potluri Siddhartha Institute of Technology 98


} //end of if name matches
} // end of for
if (!match)
buylist.addElement(aCD);
}
}
session.putValue("shopping.shoppingcart", buylist);
String url="/Eshop.jsp";
// ServletContext sc = getServletContext();
RequestDispatcher rd = req.getRequestDispatcher(url);
rd.forward(req, res);
}
else if (action.equals("CHECKOUT")) {
float total =0;
for (int i=0; i< buylist.size();i++) {
BOOK anOrder = (BOOK) buylist.elementAt(i);
float price= anOrder.getPrice();
int qty = anOrder.getQuantity();
total += (price * qty);
}
total += 0.005;
String amount = new Float(total).toString();
int n = amount.indexOf('.');
amount = amount.substring(0,n+3);
req.setAttribute("amount",amount);
String url="/Checkout.jsp";
ServletContext sc = getServletContext();
RequestDispatcher rd = sc.getRequestDispatcher(url);
rd.forward(req,res);
}
}

Prasad V. Potluri Siddhartha Institute of Technology 99


private BOOK getBOOK(HttpServletRequest req) {

String myBOOK = req.getParameter("BOOK");


String qty = req.getParameter("qty");
StringTokenizer t = new StringTokenizer(myBOOK,"|");
String isbn= t.nextToken();
String author= t.nextToken();
String title = t.nextToken();
String publisher = t.nextToken();
String Edition = t.nextToken();
String price = t.nextToken();
price = price.replace('$',' ').trim();
BOOK book = new BOOK();
book.setisbn(isbn);
book.setAuthor(author);
book.setTitle(title);
book.setPublisher(publisher);
book.setEdition(Edition);
book.setPrice((new Float(price)).floatValue());
book.setQuantity((new Integer(qty)).intValue());
return book;
}
}
book.java:
package shopping;
public class BOOK {
String isbn;
String author;
String title;
String publisher;
String Edition;

Prasad V. Potluri Siddhartha Institute of Technology 100


float price;
int quantity;
public BOOK() {
isbn="";
author="";
title="";
publisher="";
Edition="";
price=0;
quantity=0;
}
public void setPublisher(String title1) {
publisher=title1;
}
public String getPublisher() {
return publisher;
}
public void setEdition(String group1) {
Edition=group1;
}
public String getEdition() {
return Edition;
}
public void setisbn(String title) {
isbn=title;
}
public String getisbn() {
return isbn;
}
public void setAuthor(String group) {
author=group;

Prasad V. Potluri Siddhartha Institute of Technology 101


}
public String getAuthor() {
return author;
}
public void setTitle(String cty) {
title=cty;
}
public String getTitle() {
return title;
}
public void setPrice(float p) {
price=p;
}
public float getPrice() {
return price;
}
public void setQuantity(int q) {
quantity=q;
}
public int getQuantity() {
return quantity;
}
}
OUTPUT:

Prasad V. Potluri Siddhartha Institute of Technology 102


Prasad V. Potluri Siddhartha Institute of Technology 103
RESULT: Thus the cart page is dynamited with HTTP sessions and useBean concept.

Experiment :14

Aim : Write a program to implement custom tag libraries in JSP

Description :

Program :
First.jsp
<%@ taglib uri="hello" prefix="examples"%>
<html>
<head>

Prasad V. Potluri Siddhartha Institute of Technology 104


<title>First Custom tags</title>
</head>
<body>
<i><examples:hello/>
</i>
</body>
</html>

Web.xml
<web-app>
<taglib>
<taglib-uri>hello</taglib-uri>
<taglib-location>/WEB-INF/tlds/hello.tld</taglib-location>
</taglib>
</web-app>

Create a folder called tlds in WEB-INF directory.


Hello.tld

<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>1.2</jsp-version>
<tag>
<name>hello</name>
<tag-class>tagext.HelloTag</tag-class>
<body-content>JSP</body-content>
</tag>
</taglib>

Prasad V. Potluri Siddhartha Institute of Technology 105


HelloTag.java

package tagext;
import javax.servlet.jsp.*;
import javax.servlet.jsp.tagext.TagSupport;
import java.util.*;
public class HelloTag extends TagSupport
{
public int doStartTag()
{
return EVAL_BODY_INCLUDE;
}
public int doEndTag()
{
Date date=new Date();
try
{
pageContext.getOut().write("HellOWorld");
pageContext.getOut().write("My name is :"+getClass().getName()+"and
it's"+date);
}catch(Exception e){}
return EVAL_PAGE;
}
}

Output

Prasad V. Potluri Siddhartha Institute of Technology 106


Result :

Thus the implementation of custom tag libraries in JSP is done.

Experiment No : 14

Aim : Display “Hello World” using Struts Framework in


NetBeans.

Description:

Apache Struts 2 is an elegant, extensible framework for creating enterprise-ready Java


web applications. The framework is designed to streamline the full development cycle,
from building, to deploying, to maintaining applications over time.

Prasad V. Potluri Siddhartha Institute of Technology 107


Apache Struts 2 was originally known as WebWork 2. After working independently for
several years, the WebWork and Struts communities joined forces to create Struts 2. This
new version of Struts is simpler to use and closer to how Struts was always meant to be.

Implementation:

Step 1:

Step 2:

Prasad V. Potluri Siddhartha Institute of Technology 108


Step 3:

Step 4:

Prasad V. Potluri Siddhartha Institute of Technology 109


step 5:

Prasad V. Potluri Siddhartha Institute of Technology 110


step 6:

step 7:

Prasad V. Potluri Siddhartha Institute of Technology 111


step 8:

step 9:

Prasad V. Potluri Siddhartha Institute of Technology 112


Question & Answers

Q: After I have edited an HTML file, I cannot view the result in my browser.
Why?
A: Make sure that you have saved the file with a proper name and extension like
"c:\mypage.htm". Also make sure that you use the same name when you open
the file in your browser.

Q: I have edited an HTML file, but the changes don't show in the browser.
Why?
A: A browser caches pages so it doesn't have to read the same page twice. When
you have modified a page, the browser doesn't know that. Use the browser's
refresh/reload button to force the browser to reload the page.

Q: What browser should I use?


A: You can do all the training with all of the well-known browsers, like Internet
Explorer, Firefox, Netscape, or Opera. However, some of the examples in our
advanced classes require the latest versions of the browsers.

Q: Does my computer have to run Windows? What about a Mac?


A: You can do all your training on a non-Windows computer like a Mac.

1. What is XML?
(ans) XML is the Extensible Markup Language. It improves the functionality of the Web
by letting you identify your information in a more accurate, flexible, and adaptable way.
It is extensible because it is not a fixed format like HTML (which is a single, predefined
markup language). Instead, XML is actually a metalanguage—a language for describing
other languages—which lets you design your own markup languages for limitless
different types of documents. XML can do this because it's written in SGML, the
international standard metalanguage for text document markup (ISO 8879).

2.What is a markup language?


(ans) A markup language is a set of words and symbols for describing the identity of
pieces of a document (for example ‘this is a paragraph’, ‘this is a heading’, ‘this is a list’,
‘this is the caption of this figure’, etc). Programs can use this with a stylesheet to create
output for screen, print, audio, video, Braille, etc.
Some markup languages (eg those used in wordprocessors) only describe appearances

Prasad V. Potluri Siddhartha Institute of Technology 113


(‘this is italics’, ‘this is bold’), but this method can only be used for display, and is not
normally re-usable for anything else.
XML is sometimes referred to as ‘self-describing data’ because the names of the markup
elements should represent the type of content they hold.

3. What is XML for (aka ‘Where should I use XML’)?


(ans) Its goal is to enable generic SGML to be served, received, and processed on
the Web in the way that is now possible with HTML. XML has been designed for
ease of implementation and for interoperability with both SGML and HTML.
SeeWhere's the spec?
Despite early attempts, browsers never allowed other SGML, only HTML (although there
were unknownplugins), and they allowed it (even encouraged it) to be corrupted or
broken, which held development back for over a decade by making it impossible to
program for it reliably. XML fixes that by making it compulsory to stick to the rules, and
by making the rules much simpler than SGML.
But XML is not just for Web pages: in fact it's very rarely used for Web pages on its own
because browsers still don't provide reliable support for formatting and transforming it.
Common uses for XML include:
Information identification
because you can define your own markup, you can define meaningful names for all
your information items.
Information storage
because XML is portable and non-proprietary, it can be used to store textual
information across any platform. Because it is backed by an international standard, it
will remain accessible and processable as a data format.
Information structure
XML can therefore be used to store and identify any kind of (hierarchical)
information structure, especially for long, deep, or complex document sets or data
sources, making it ideal for an information-management back-end to serving the
Web. This is its most common Web application, with a transformation system to
serve it as HTML until such time as browsers are able to handle XML consistently.
Publishing
The original goal of XML as defined in the quotation at the start of this section.
Combining the three previous topics (identity, storage, structure) means it is possible
to get all the benefits of robust document management and control (with XML) and
publish to the Web (as HTML) as well as to paper (as PDF) and to other formats (eg
Braille, Audio, etc) from a single source document by using the appropriate
stylesheets.
Messaging and data transfer
XML is also very heavily used for enclosing or encapsulating information in order to

Prasad V. Potluri Siddhartha Institute of Technology 114


pass it between different computing systems which would otherwise be unable to
communicate. By providing a lingua franca for data identity and structure, it provides
a common envelope for inter-process communication (messaging).
Web services
Building on all of these, as well as its use in browsers, machine-processable data can
be exchanged between consenting systems, where before it was only comprehensible
by humans (HTML). Weather services, e-commerce sites, blog newsfeeds, AJaX
sites, and thousands of other data-exchange services use XML for data management
and transmission, and the web browser for display and interaction.

4. What is SGML?
(ans)SGML is the Standard Generalized Markup Language (ISO 8879:1986), the
international standard for defining descriptions of the structure of different types of
electronic document. There is an SGML FAQ from David Megginson at
http://math.albany.edu:8800/hm/sgml/cts-faq.htm
SGML is very large, powerful, and complex. It has been in heavy industrial and
commercial use for nearly two decades, and there is a significant body of expertise and
software to go with it.
XML is a lightweight cut-down version of SGML which keeps enough of its
functionality to make it useful but removes all the optional features which made SGML
too complex to program for in a Web environment.

5. What is HTML?
(ANS)HTML is the HyperText Markup Language (RFC 1866), which started as a small
application of question A.4, SGML for the Web, originating with Tim Berners-Lee at
CERN in 1989–90.

It defines a very simple class of report-style documents, with section headings,


paragraphs, lists, tables, and illustrations, with a few informational elements, but very
few presentational elements [10], plus some hypertext and multimedia. See the question
on extending HTML. The current recommendation is to use the XML version, XHTML.
There is a HTML and XHTML FAQ maintained by Steven Pemberton at
http://www.w3.org/MarkUp/2004/xhtml-faq

6.Aren't XML, SGML, and HTML all the same thing?


(ans) Not quite; SGML is the mother tongue, and has been used for describing thousands
of different document types in many fields of human activity, from transcriptions of
ancient Irish manuscripts to the technical documentation for stealth bombers, and from
patients' medical and clinical records to musical notation. SGML is very large and
complex, however, and probably overkill for most common office desktop applications.
XML is an abbreviated version of SGML, to make it easier to use over the Web, easier

Prasad V. Potluri Siddhartha Institute of Technology 115


for you to define your own document types, and easier for programmers to write
programs to handle them. It omits all the complex and less-used options of SGML in
return for the benefits of being easier to write applications for, easier to understand, and
more suited to delivery and interoperability over the Web. But it is still SGML, and XML
files may still be processed in the same way as any other SGML file (see the question on
XML software).
HTML is just one of many SGML or XML applications—the one most frequently used
on the Web.
Technical readers will find it more useful to think of XML as being SGML−− rather than
HTML++.

7.Who is responsible for XML?


(ans) XML is a project of the World Wide Web Consortium (W3C), and the development
of the specification is supervised by an XML Working Group. A Special Interest Group
of co-opted contributors and experts from various fields contributed comments and
reviews by email.
XML is a public format: it is not a proprietary development of any company, although the
membership of the WG and the SIG represented companies as well as research and
academic institutions. The v1.0 specification was accepted by the W3C as a
Recommendation on Feb 10, 1998.

8.Why is XML such an important development?


(Ans) It removes two constraints which were holding back Web developments:
dependence on a single, inflexible document type (HTML) which was being much
abused for tasks it was never designed for;
the complexity of full question A.4, SGML, whose syntax allows many powerful but
hard-to-program options.
XML allows the flexible development of user-defined document types. It provides a
robust, non-proprietary, persistent, and verifiable file format for the storage and
transmission of text and data both on and off the Web; and it removes the more complex
options of SGML, making it easier to program for.

9.Why not just carry on extending HTML?


(ans) HTML was already overburdened with dozens of interesting but incompatible
inventions from different manufacturers, because it provides only one way of describing
your information.
XML allows groups of people or organizations to question C.13, create their own
customized markup applications for exchanging information in their domain (music,
chemistry, electronics, hill-walking, finance, surfing, petroleum geology, linguistics,
cooking, knitting, stellar cartography, history, engineering, rabbit-keeping, question C.19,
mathematics, genealogy, etc).

Prasad V. Potluri Siddhartha Institute of Technology 116


HTML is now well beyond the limit of its usefulness as a way of describing information,
and while it will continue to play an important role for the content it currently represents,
many new applications require a more robust and flexible infrastructure.

10.Why should I use XML? (aka ‘What is XML for?)


(ans) Here are a few reasons for using XML (in no particular order). Not all of these will
apply to your own requirements, and you may have additional reasons not mentioned
here (if so, please let the editor of the FAQ know!).
 XML can be used to describe and identify information accurately and
unambiguously, in a way that computers can be programmed to ‘understand’ your
information (well, at least manipulate as if they could understand it).
 XML allows documents which are all the same type to be created and handled
consistently and without structural errors, because it provides a standardised way
of describing, controlling, or allowing/disallowing particular types of document
structure. [Note that this has absolutely nothing whatever to do with formatting,
appearance, or the actual text or data content of your documents, only the
structure of them. If you want styling or formatting, see question C.24, ‘How do I
control formatting and appearance?’.]
 XML provides a robust and durable format for information storage and
transmission. Robust because it is based on a proven standard, and can thus be
tested and verified; durable (persistent) because it uses plain-text file formats
which will outlast proprietary binary ones.
 XML provides a common syntax for messaging systems for the exchange of
information between applications. Previously, each messaging system had its own
format and all were different, which made inter-system messaging unnecessarily
messy, complex, and expensive. If everyone uses the same syntax it makes
writing these systems much faster and more reliable.
 XML is free. Not just free of charge (free as in beer) but free of legal
encumbrances (free as in speech). It doesn't belong to anyone, so it can't be
hijacked or pirated. And you don't have to pay a fee to use it (you can of course
choose to use commercial software to deal with it, for lots of good reasons, but
you don't pay for XML itself).
 XML information can be manipulated programmatically (under machine control),
so XML documents can be pieced together from disparate sources, or taken apart
and re-used in different ways. They can be converted into any other format with
no loss of information.
 XML lets you separate form (appearance) from content. Your XML file contains
your document information (text, data) and identifies its structure: your
formatting and other processing needs are identified separately in a stylesheet or
processing system. The two are combined at output time to apply the required
formatting to the text or data identified by its structure (location, position, rank,
order, or whatever).

Prasad V. Potluri Siddhartha Institute of Technology 117


 Any of the Design Goals listed in the XML Specification.

11. Where do I find more information about XML?


(ans) Online, there's the XML Specification and the ancillary documentation available
from the W3C; Robin Cover's SGML/XML Web pages with an extensive list of online
reference material and links to software; and a summary and condensed
FAQFPRIVATE Google or other search engine.
For offline resources, see the lists of books, articles, and software for XML in Robin
Cover's SGML and XML Web pages. That site should always be your first port of call.
The events listed below are the ones I have been told about. Please mail me if you come
across others: there are many other XML events around the world, and most of them are
announced on the mailing lists and newsgroups.

12.Where can I discuss implementation and development of XML?


(Ans) The two principal online support media are Usenet newsgroups and mailing lists.
The IRC network is also used to some extent, and most individual projects and programs
have their own topic-specific bulletin-boards on their web sites.
For off-line support, see question A.11, ‘Where do I find more information about XML?’
for details of conferences and summerschools.
 The Usenet newsgroups are comp.text.xml and to a certain extent comp.text.sgml.
Ask your Internet Provider for access to these, or use a Web interface like Google
Groups. If your browser or mailer doesn't provide newsreading facilities, install
one that does, or (better) use a standalone newsreader.
 The general-purpose mailing list for public discussion is XML-L: to subscribe,
visit the Web site and click on the link to join.
 For those developing software components for XML there is the xml-dev mailing
list. You can subscribe by sending a 1–line mail message to xml-dev-
request@lists.xml.org saying just SUBSCRIBE. Note that this list is for those
people actively involved in developing resources for XML. It is not for general
information about XML (use the XML-L list above for that).
 The XSL-List is for for discussing XSL (both XSLT and XSL:FO). For details of
how to subscribe, see http://www.mulberrytech.com/xsl/xsl-list.

13. What is the difference between XML and C or C++ or Java?


(ans) C and C++ (and other languages like FORTRAN, or Pascal, or Visual Basic, or
Java or hundreds more) are programming languages with which you specify calculations,
actions, and decisions to be carried out in order:
mod curconfig[if left(date,6) = "01-Apr",
t.put "April Fool!",
f.put days('31102005','DDMMYYYY') -
days(sdate,'DDMMYYYY')

Prasad V. Potluri Siddhartha Institute of Technology 118


" more shopping days to Samhain"];

XML is a markup specification language with which you can design ways of describing
information (text or data), usually for storage, transmission, or processing by a program.
It says nothing about what you should do with the data (although your choice of element
names may hint at what they are for):
<part num="DA42" models="LS AR DF HG KJ"
update="2001-11-22">
<name>Camshaft end bearing retention circlip</name>
<image drawing="RR98-dh37" type="SVG" x="476"
y="226"/>
<maker id="RQ778">Ringtown Fasteners Ltd</maker>
<notes>Angle-nosed insertion tool <tool
id="GH25"/> is required for the removal
and replacement of this part.</notes>
</part>

On its own, an SGML or XML file (including HTML) doesn't do anything. It's a data
format which just sits there until you run a program which does something with it. See
also the question about how to run or execute XML files.

: Are sessions created on the server side?

A: A servlet session is created and stored on the server side. The servlet container
keeps track of all the sessions it manages and fulfils servlet API requests to get
HttpSessions, manipulate object data stored with them and trigger event
callbacks.

To the maintain the session, Web clients must pass back a valid session identifier
as a cookie header value or dynamically generated URL parameter. In this sense,
the session is also stored by the client, but only as a token reference.
Q: Can I create a session with GenericServlet?

A: There are no protocol-specific features in GenericServlet, which is an


implementation of the basic, general purpose Servlet interface. Servlet-based

Prasad V. Potluri Siddhartha Institute of Technology 119


sessions are designed only for interactions using the HTTP protocol, which has
two key features necessary for a servlet container to simulate continuous user
sessions: cookies and URL-based navigation, which supports URL-rewriting. The
servlet API therefore places the HttpSession interface in the
javax.servlet.http package, and session references are only available through
classes in this package.
Q: How can I assemble data from multiple input forms?

A: First, it is best to use a single servlet to handle each form submission. A single
servlet for all input would be too complicated. Give each servlet responsibility to
validate a single form input, and pass the error cases on to JSP documents that
explain the problem and allow users to amend the input.

Servlet concepts
Q: What's the difference between applets and servlets?

A: There are many fundamental differences between Applet and Servlet


classes, the Java API documentation for the two types will show you they have
little in common.

Applets are essentially graphical user interface (GUI) applications that run on the
client side in a network environment, typically embedded in an HTML page.
Applets are normally based on Abstract Windowing Toolkit components to
maintain backward-compatibility with the widest range of browsers' Java
implementations. The application classes are downloaded to the client and run in
a Java Virtual Machine provided by the browser, in a restrictive security
environment called a "sandbox".

Servlets are used to dynamically generate HTTP responses and return HTML
content to Web browsers on the server side. Servlets are often used to validate and
process HTML form submissions and control a series of user interactions in what
is known as a Web application. Servlets can be used to control all aspects of the
request and response exchange between a Web browser and the server, called a
servlet container.
Q: How can I write a servlet using Javascript?

A: Java servlets is a server side technology that delivers dynamic content to Web
browsers and other clients. Javascript is also delivered by a Web server, but the
code is only interpreted and executed after it has been downloaded by the Web
browser. This means that it is not possible to write servlet code in Javascript.

It is possible to include Javascript in the output of servlets and Java Server Pages,
just like standard Web pages. It is also possible to dynamically generate

Prasad V. Potluri Siddhartha Institute of Technology 120


Javascript using a servlet and use it as the source for a script tag, though this is
only advisable in rare cases.
Q: How does the JVM execute a servlet compared with a regular Java
class?

A: Servlets are standard Java classes and are executed by the Java Virtual
Machine in exactly the same way as any other. However, the environment or
context in which servlets are executed is different. A servlet is not invoked
directly through a main method, the class is loaded and run by a servlet container.

Can I include normal Java classes in servlets?

A: Any Java class can be used in a Web application, provided you make the
classes available to the servlet container at runtime. The Java API classes can be
used directly by adding import statements to your servlet class. Other supporting
classes can also be imported, but these classes must be added to the classes or
lib directory of your application.

If you need to configure the supporting classes, this can be done with standard
servlet configuration features using the ServletConfig and ServletContext
objects available to the init(ServletConfig) method.
Q: How can I tell when a servlet is instantiated?

A: A servlet must be instantiated before it is brought into service by the servlet


container, so one way to check is to make a request to the servlet and check the
response. If you need to check indirectly, you can override the
init(ServletConfig) method and add log(String) statements to it. This
method is called after the servlet container has instantiated the servlet before it is
brought into service.

Q: What is URL-rewriting?

A: URL-rewriting is a way of maintaining a session between an HTTP client and


a servlet container which does not use cookies. Rather than exchange a session ID
in a cookie, the servlet container includes it in the hyperlink URLs it generates for
servlets and JSP.

: Are servlets multi-threaded?

A: Yes, servlets are normally multi-threaded. The servlet container allocates a


thread for each new request for a single servlet without any special programming.

Prasad V. Potluri Siddhartha Institute of Technology 121


Each thread of your servlet runs as if a single user were accessing it alone, but
you can use static variables to store and present information that is common to all
threads, like a hit counter for instance.
How can I pass values between JSPs without using sessions?

A: There are four main alternatives to full session-based transfer of data values,
two of them use features of the session tracking API: cookies and URL-rewriting,
detailed below.
What is JavaServer Pages technology?

JavaServer Pages (JSP) technology provides a simplified, fast way to


create web pages that display dynamically-generated content. The JSP
specification, developed through an industry-wide initiative led by Sun
Microsystems, defines the interaction between the server and the JSP
page, and describes the format and syntax of the page.

How does the JavaServer Pages technology work?

JSP pages use XML tags and scriptlets written in the Java programming
language to encapsulate the logic that generates the content for the page. It
passes any formatting (HTML or XML) tags directly back to the response
page. In this way, JSP pages separate the page logic from its design and
display.

JSP technology is part of the Java technology family. JSP pages are
compiled into servlets and may call JavaBeans components (beans) or
Enterprise JavaBeans components (enterprise beans) to perform
processing on the server. As such, JSP technology is a key component in a
highly scalable architecture for web-based applications.

JSP pages are not restricted to any specific platform or web server. The
JSP specification represents a broad spectrum of industry input.

What is a servlet?

A servlet is a program written in the Java programming language that runs


on the server, as opposed to the browser (applets). Detailed information
can be found at http://java.sun.com/products/servlet.

Why do I need JSP technology if I already have servlets?

JSP pages are compiled into servlets, so theoretically you could write
servlets to support your web-based applications. However, JSP technology
was designed to simplify the process of creating pages by separating web
presentation from web content. In many applications, the response sent to
the client is a combination of template data and dynamically-generated

Prasad V. Potluri Siddhartha Institute of Technology 122


data. In this situation, it is much easier to work with JSP pages than to do
everything with servlets.

Where can I get the most current version of the JSP specification?

The JavaServer Pages 2.1 specification is available for download from


here.

How does the JSP specification relate to the Java Enterprise Edition 5 Platform?

The JSP 2.1 specification is an important part of the Java EE 5 Platform.


Using JSP and Enterprise JavaBeans technologies together is a great way
to implement distributed enterprise applications with web-based front
ends.

Which web servers support JSP technology?

There are a number of JSP technology implementations for different web


servers. The latest information on officially-announced support can be
found at http://java.sun.com/products/jsp/industry.html.

Is Sun providing a reference implementation for the JSP specification?

The GlassFish project is Sun's free, open-source Java EE 5


implementation.  It includes an implementation of JSP technology version
2.1.  You can download GlassFish builds from
https://glassfish.dev.java.net/. 

How is JSP technology different from other products?

JSP technology is the result of industry collaboration and is designed to be


an open, industry-standard method supporting numerous servers, browsers
and tools. JSP technology speeds development with reusable components
and tags, instead of relying heavily on scripting within the page itself. All
JSP implementations support a Java programming language-based
scripting language, which provides inherent scalability and support for
complex operations.

Where do I get more information on JSP technology?

The first place to check for information on JSP technology is


http://java.sun.com/products/jsp/. This site includes numerous resources,
as well as pointers to mailing lists and discussion groups for JSP
technology-related topics.

Prasad V. Potluri Siddhartha Institute of Technology 123


Prasad V. Potluri Siddhartha Institute of Technology 124

You might also like