Scribd
Upload
37 views84 pages

Web Technologies

Uploaded by

pagalbaba.ji2000
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
37 views84 pages

Web Technologies

Uploaded by

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

SREE VAHINI INSTITUTE OF SCIENCE AND TECHNOLOGY:: TIRUVURU

WEB TECHNOLOGIES LAB MANUAL

Sree Vahini Institute Science of Technology 1


Week-1

------------------------------------------------------------------------------------------------------------

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">

Sree Vahini Institute Science of Technology 2


<frame src="rightframe.html"name="f3">

</frameset>

</frameset>

</head>

OUTPUT:

Sree Vahini Institute Science of Technology 3


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>

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;

Sree Vahini Institute Science of Technology 4


<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>

Sree Vahini Institute Science of Technology 5


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>

Sree Vahini Institute Science of Technology 6


OUTPUT:

Right frame:

<html>

<body bgcolor="pink">

<p>

Sree Vahini Institute Science of Technology 7


<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 SVIST.It contains book catalogue of various branches like
cse,ece,eee,civil </font></h3>

</p>

</body>

</html>

OUTPUT:

2) LOGIN PAGE

DESCRIPTION:

Sree Vahini Institute Science of Technology 8


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;

<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:

Sree Vahini Institute Science of Technology 9


Sree Vahini Institute Science of Technology 10
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.


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

Sree Vahini Institute Science of Technology 11


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>

<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>

Sree Vahini Institute Science of Technology 12


</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:

Sree Vahini Institute Science of Technology 13


Sree Vahini Institute Science of Technology 14
RESULT:

Thus the home page, login page, catalogue page for the online book store are created
successfully

Week-2

------------------------------------------------------------------------------------------------------------

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>

Sree Vahini Institute Science of Technology 15


<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>

<td> $20</td>

<td> 5</td>

<td> $40</td>

</tr>

<th colspan=4>total amount=$110>

</th>

</tr>

</table>

</center>

Sree Vahini Institute Science of Technology 16


</body>

</html>

OUTPUT:

Sree Vahini Institute Science of Technology 17


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>

Sree Vahini Institute Science of Technology 18


<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

<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>

Sree Vahini Institute Science of Technology 19


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

OUTPUT:

Sree Vahini Institute Science of Technology 20


RESULT:

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

Sree Vahini Institute Science of Technology 21


Week-3

------------------------------------------------------------------------------------------------------------

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
[email protected])

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

Sree Vahini Institute Science of Technology 22


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
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()

Sree Vahini Institute Science of Technology 23


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);

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;

Sree Vahini Institute Science of Technology 24


}

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>

Sree Vahini Institute Science of Technology 25


OUTPUT:

RESULT:

Thus the home page, login page, catalogue page for the online book store are created
successfully

Sree Vahini Institute Science of Technology 26


Week-4

------------------------------------------------------------------------------------------------------------

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:

1. External style sheet


2. Internal style sheet (inside the <head> tag)
3. Inline style (inside an HTML element)

Sree Vahini Institute Science of Technology 27


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;…..}

Sree Vahini Institute Science of Technology 28


</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;

Sree Vahini Institute Science of Technology 29


font-family:comic sans ms;

font-size:30; }

.image {

text-align:left;

font-family:"monotype corsiva";

font-weight:10;

.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">

Sree Vahini Institute Science of Technology 30


<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">SVIST</p>

<div style="position:relative;font-size:90px;z-index:5;color:purple;">SVIST</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;">SVIST</div>

<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>

Sree Vahini Institute Science of Technology 31


</body>

</html>

OUTPUT:

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

Sree Vahini Institute Science of Technology 32


Week-5:
------------------------------------------------------------------------------------------------------------
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

Sree Vahini Institute Science of Technology 33


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>

Sree Vahini Institute Science of Technology 34


<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)>

<!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>

Sree Vahini Institute Science of Technology 35


<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">

Sree Vahini Institute Science of Technology 36


<xs:complexType>

<xs:sequence>

<xs:element name="book" maxOccurs="unbounded">

<xs:complexType>

<xs:sequence>

<xs:element name="title" type="xs:string"></xs:element>

<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

Sree Vahini Institute Science of Technology 37


<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"?>

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

Sree Vahini Institute Science of Technology 38


<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:

Sree Vahini Institute Science of Technology 39


<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>

<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>

Sree Vahini Institute Science of Technology 40


</xsl:otherwise>

</xsl:choose>

</tr>

</xsl:for-each>

</table>

</body>

</html>

</xsl:template>

</xsl:stylesheet>

OUTPUT:

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

Sree Vahini Institute Science of Technology 41


Week-6:

------------------------------------------------------------------------------------------------------------
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:

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

Sree Vahini Institute Science of Technology 42


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
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);

Sree Vahini Institute Science of Technology 43


}

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
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.

Sree Vahini Institute Science of Technology 44


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)

Sree Vahini Institute Science of Technology 45


{

this.rectangular=flag;

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);

Sree Vahini Institute Science of Technology 46


if(rectangular)

g.fillRect(0,0,w-1,h-1);

else

g.fillOval(0,0,w-1,h-1);

OUTPUT:

Sree Vahini Institute Science of Technology 47


RESULT:

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

Sree Vahini Institute Science of Technology 48


{

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;

Sree Vahini Institute Science of Technology 49


public void change()

dollarvalue= value();

repaint();

private double value()

return rupees*dollars;

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)

Sree Vahini Institute Science of Technology 50


Sree Vahini Institute Science of Technology 51
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;

Sree Vahini Institute Science of Technology 52


public mouseclick() {

addMouseListener(new MouseAdapter() {

public void mousePressed(MouseEvent me) {

change();

});

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

Sree Vahini Institute Science of Technology 53


Name: sunw/demo/colors/mouseclick.class

Java-Bean: True

Output

Result
Thus the Mouse Clicks bean is created successfully

Sree Vahini Institute Science of Technology 54


Week-7:
------------------------------------------------------------------------------------------------------------
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:

• 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

Sree Vahini Institute Science of Technology 55


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:
<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>

Sree Vahini Institute Science of Technology 56


<servlet-name>invoker</servlet-name>
<url-pattern>/servlet/*</url-pattern>
</servlet-mapping>

OUTPUT:

Sree Vahini Institute Science of Technology 57


RESULT: Thus TOMCAT web server was installed successfully.

Sree Vahini Institute Science of Technology 58


Week-7:
------------------------------------------------------------------------------------------------------------
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

Sree Vahini Institute Science of Technology 59


RESULT:

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

Sree Vahini Institute Science of Technology 60


Week-8:

------------------------------------------------------------------------------------------------------------
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>
</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");

Sree Vahini Institute Science of Technology 61


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)))
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>

Sree Vahini Institute Science of Technology 62


<servlet-class>Example1</servlet-class>
<init-param>
<param-name>username1</param-name>
<param-value>svist</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>
<init-param>
<param-name>password3</param-name>
<param-value>svist</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>

Sree Vahini Institute Science of Technology 63


<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:

Sree Vahini Institute Science of Technology 64


RESULT:
Thus the user authentication is carried out for four users by using both cookies and
getInitParameters successfully.

Sree Vahini Institute Science of Technology 65


Week-9

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

Sree Vahini Institute Science of Technology 66


database specific native interface to further request the server. JDBC drivers available
from Simba are Type 3 drivers.
Type 4: Native Protocol Java Driver
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>

Sree Vahini Institute Science of Technology 67


<td> <input type="text" name="mail"> </td> </tr>
<tr> <td>Phone</td>
<td> <input type="text" name="phone"> </td> </tr>
<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

Sree Vahini Institute Science of Technology 68


{
private String user1,pwd1,email1;

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);

Sree Vahini Institute Science of Technology 69


}
}}

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:

Sree Vahini Institute Science of Technology 70


Sree Vahini Institute Science of Technology 71
Sree Vahini Institute Science of Technology 72
Sree Vahini Institute Science of Technology 73
RESULT:

Thus a table is created and the details are entered into the table using jdbc from the
registration form successfully.

Sree Vahini Institute Science of Technology 74


Week-10
------------------------------------------------------------------------------------------------------------
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() %>

Sree Vahini Institute Science of Technology 75


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:

• 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

Sree Vahini Institute Science of Technology 76


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; %>


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>

Sree Vahini Institute Science of Technology 77


<td colspan="2" align="center"><input type="submit" value="LogIN"/></td>
</tr>
</table>
</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","tiger
");
Statement st=con.createStatement();
ResultSet rs=st.executeQuery("select name,password from personal where name='"+uname+"'
and password='"+pwd+"'");

Sree Vahini Institute Science of Technology 78


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

Sree Vahini Institute Science of Technology 79


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

Sree Vahini Institute Science of Technology 80


Week-11:
------------------------------------------------------------------------------------------------------------

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");

Sree Vahini Institute Science of Technology 81


out.println("<center> <table border=1>");
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>

Sree Vahini Institute Science of Technology 82


<servlet>
<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>
CREATE THE TABLE AND INSERT VALUES INTO THE TABLE:

Sree Vahini Institute Science of Technology 83


OUTPUT:

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

Sree Vahini Institute Science of Technology 84

You might also like