WT Lab Manual
WT Lab Manual
ENGINEERING
Aushapur (V), Ghatkesar (M), Medchal (Dist)
(Approved by AICTE, New Delhi and Affiliated to JNTUH)
LAB MANUAL
COMPUTER NETWORKS & WEB TECHNOLOGIES LAB
[R18(III-I)]
1. Write a PHP script to print prime numbers between 1-50.
A number which is only divisible by 1 and itself is called prime number. Numbers 2, 3, 5, 7, 11, 13, 17, etc.
are prime numbers.
<?php
$num = 1 ;
while ($num < 50 ) {
$count=0;
for ( $i=1;$i<=$num;$i++)
{ if (($num%$i)==0) {
$count++;
}
}
if ($count<3) {
echo $num." ,
";
} $num=$num+1;
}
?>
OUTPUT: 1 , 2 , 3 , 5 , 7 , 11 , 13 , 17 , 19 , 23 , 29 , 31 , 37 , 41 , 43 , 47 ,
2. PHP script to
a. Find the length of a string.
1
b. Count no of words in a string.
c. Reverse a string.
d. Search for a specific string.
<?php
$str = 'Welcome to php world';
echo "Length of String: ".strlen($str);
echo '<br>';
print_r("Word Count: ".str_word_count($str,0));
echo '<br>';
print_r(str_word_count($str,1));
echo '<br>';
print_r(str_word_count($str,2));
echo '<br>';
OUTPUT:
Length of String:
20 Word Count: 4
Array ( [0] => Welcome [1] => to [2] => php [3] => world )
Array ( [0] => Welcome [8] => to [11] => php [15] => world )
Reverse of String: dlrow php ot emocleW
Word Found!
OR
<?php
echo "<br><br>";
String length is : 29
No.of words: 4
Reverse String is: gnireenignE fo egelloC garunA
Word Found!
String located at: 15
3. Write a PHP script to merge two arrays and sort them as numbers, in descending order.
<?php
$a1=array(1,3,15,7,5);
$a2=array(4,3,20,1,6);
$num=array_merge($a1,$a2);
array_multisort($num,SORT_DESC,SORT_NUMERIC);
echo "Sorted merged list :";
echo "<br>" ;
print_r($num);
?>
OUTPUT:
Array ( [0] => 20 [1] => 15 [2] => 7 [3] => 6 [4] => 5 [5] => 4 [6] => 3 [7] => 3 [8] => 1 [9] => 1 )
OR
<?php
// Function to merge array in sorted order
// Driver code
$a = array( 10, 5, 15 );
$b = array( 20, 3, 2, 12 );
$n = count($a);
$m = count($b);
OUTPUT:
4. Write a PHP script that reads data from one file and write into another file.
<?php
$f = file_get_contents("all.txt");
/*explode() function splits a string based on a string delimeter, i.e. it splits the string wherever the delimeter
character occurs. This functions returns an array containing the strings formed by splitting the original string.
*/
/*The implode function in PHP is used to "join elements of an array with a string". The implode() function returns
a string from elements of an array. It takes an array of strings and joins them together
into one string using a delimiter (string to be used between the pieces) of your choice.
*/
OUTPUT:
5. Develop static pages (using Only HTML) of an online book store. The pages should
resemble: www.amazon.com. The website should consist the following pages.
a) Home page
b) Registration and user Login
c) User Profile Page
d) Books catalog
e) Shopping Cart
f) Payment By credit card
g) Order Conformation
Index.html:
<html>
<head>
<title>Amazon</title>
</head>
<body bgcolor="lightblue"> <center>
<strong><h1>Welcome to AMAZON</h1></strong>
<form method="post" action="Login.html" target=_blank >
<h4>For Books</h4>
6
<input type="submit" value="Click Here">
</form>
</center>
</body>
</html>
Login.html:
<html>
<head>
<title>login page</title>
</head>
<body bgcolor="cyan"> <center>
<strong><h1> AMAZON </h1></strong></center>
<table align="right">
<tr>
<td><h4>User Name</td>
<td><input type="text"></td>
<td></td>
</tr>
<tr>
<td><h4>Password</td>
<td><input type="password"></td>
<td></td>
</tr>
<tr>
<td>
<form method="post" action="Catalog.html">
<input type="submit" value="SignIn">
7
</form>
</td>
<td>
<form method="post" action="Userpro.html">
<input type="submit" value="Register">
<input type="reset" value="Reset">
</form></td>
</tr>
</table>
</body>
</html>
Userpro.html:
<html>
<head>
<title>login page</title>
</head>
<body bgcolor="cyan">
<center><strong><h1> AMAZON </h1></strong></center>
<form method="post" action="Catalog.html">
<table align="left">
<tr>
<td><h4>User Name</td>
<td><input type="text" name="user"></td>
</tr>
<tr>
<td><h4>Password</td>
<td><input type="password" name="pass"></td>
8
</tr>
<tr>
<td><h4>Confirm Password</td>
<td><input type="password" name="repass"></td>
</tr>
<tr>
<td><h4>Gender</td>
<td>
<input type="radio" name="gender" value="Male">Male<br>
<input type="radio" name="gender" value="Female">Female
</td>
</tr>
<tr>
<td><h4>Address</h4></td>
<td><textarea name="address" rows="5" cols="19"></textarea>
</td>
<tr>
<td></td>
<td><input type="submit" value="Submit">
<input type="reset" value="Reset"></td>
</tr>
</form>
</body>
</html>
Catalog.html:
<html>
<head><title>Books Catalog</title></head>
9
<body bgcolor="cyan">
<center><h1>AMAZON</h1></center>
<form method="post" action="Shopping.html">
<table align="left">
<tr>
<td><b><h3>Frontend Books</td>
<td></td>
</tr>
<tr>
<td></td>
<td><h4>HTML | CSS</td>
</tr>
<tr>
<td></td>
<td><h4>JavaScipt</td>
</tr>
<tr>
<td></td>
<td><h4>JQuery In Action</td>
</tr>
<tr>
<td><b><h3>Backend Books</td>
<td></td>
</tr>
<tr>
<td></td>
<td><h4>Oracle</td>
</tr>
<tr>
<td></td>
<td><h4>Python</td></tr>
<tr>
<td></td>
<td><h4>PHP</td>
</tr>
</table>
</h4>
<center>
<b>For buy one of these Books<br>
</b><input type="submit" value="Click Here">
</center>
</form>
</body>
</html>
10
Shopping.html:
<html>
<head><title>shopping cart</title>
</head>
<body bgcolor="cyan">
<center><h1>Shopping Cart</h1></center>
<br><br><br><br><br>
<table align="center">
<tr>
<td>Text Books</td>
<td>
<select>
<optgroup label="select the book">
<option value="HTML | CSS">HTML | CSS
<option value="JavaScipt">JavaScipt
<option value="JQuery In Action">JQuery In Action
<option value="Oracle">Oracle
<option value="Python">Python
<option value="PHP">PHP
</optgroup>
</select>
</td></tr>
<tr>
<td>Quantity</td>
<td><input type="text" id="q"></td>
</tr>
<tr>
11
<td></td>
<td>
<form method="post" action="Payment.html">
<input type="submit" value="OK" />
</form>
</td></tr>
</table>
<center>
<pre>Cost of one Book is "500" + Shipping Cost "100"</pre>
</center>
<body>
</html>
Payment.html:
<html>
<head><title>Payment</title></head>
<body bgcolor="cyan">
<center><h1>Payment By Credit Card</h1></center>
<form method=post action="Orderconfirm.html">
<br><br><br><br><br>
<table align="center">
<tr><td>Total Amount</td>
<td><input type="text">
</td>
</tr><tr>
<td>Credit Card Number</td>
<td><input type="text"></td>
</tr>
1
<tr><td>
</td>
<td><input type="Submit" value=OK>
</td>
</tr>
</table>
</form>
</body>
</html>
Orderconfrom.html:
<html>
<head>
<title>order confirmation</title>
</head>
<body bgcolor="cyan">
<center>
<h1><b>BOOK SHOPPING</h1>
<strong><b>Your order Is Confirmed</strong>
<h2><b>THANK YOU</h2>
</center>
</body>
</html>
6. Validate the Registration, user login, user profile and payment by credit card pages using
JavaScript.
Index.html:
<html>
<frameset rows="25%,*">
<frame src="Top.html" name="top" scrolling ="no" frameborder ="0">
<frameset cols="25%,75%">
<frame src="Left.html" name="left" scrolling ="no" frameborder ="0">
<frame src="Right.html" name="right" scrolling ="auto" frameborder ="0">
</frameset>
</frameset>
</html>
left.html:
<html>
<body bgcolor="pink">
<h3>
<ul>
<li><a href="Login.html" target="right"><font color="black">LOGIN</font></a></li><br><br>
<li><a href="Profile.html" target="right"><font color="black">USER PROFILE</font></a></li><br><br>
<li><a href="Catalogue.html" target="right">
<font color="black">BOOKS CATALOG</font></a></li><br><br>
<li><a href="Scart.html" target="right">
<font color="black">SHOPPINGCART</font></a></li><br><br>
<li><a href="Payment.html" target="right">
<font color="black">PAYMENT</font></a></li><br><br>
<br><br>
</ul>
</body>
</html>
Top.html:
<html>
<body bgcolor="pink">
<br><br>
<marquee><h1 align=”center”><b><u>
ONLINE BOOK STORAGE</u></b></h1></marquee>
</body>
</html>
Right.html:
<html>
<body>
<br><br><br><br><br>
<h2 align="center">
<b><p>
Welcome to online book storage. Press login if you are having id otherwise press registration.
</p></b></h2>
</body>
</html>
Profile.html:
<html>
<body bgcolor="pink"><br><br>
<script type="text/javascript">
function validate()
{
var flag=1;
if(document.myform.name.value==""||
document.myform.addr.value==""||
document.myform.phno.value==""||
document.myform.id.value==""||
document.myform.pwd.value=="")
{
alert("Enter all the details");
flag=0;
}
var str=document.myform.phno.value;
var x=new RegExp("\\d","g");
if(!(str.match(x)))
{
if(!(str.length==10))
flag=0;
}
var str1=document.myform.id.value;
var x1=new RegExp("^[A-Z][a-zA-Z]+$","g"); if(!
(str1.match(x1)))
{
flag=0;
alert("Invalid UserID");
}
var str1=document.myform.pwd.value;
var x1=new RegExp("^[A-Z][a-zA-Z]+$","g"); if(!
(str1.match(x1)))
{
flag=0;
alert("Invalid password");
}
if(flag==1)
{
alert("VALID INPUT");
window.self.location.href="login.html";
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}}
</script>
<form name="myform">
<div align="center"><pre>
NAME :<input type="text" name="name"><br>
ADDRESS :<input type="type" name="addr"><br>
CONTACT NUMBER:<input type="text" name="phno"><br>
LOGINID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd"></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="button" value="OK" onClick="validate()">
<input type="reset" value="CLEAR">
</form></body></html>
Login.html:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||
document.myform.pwd.value=="")
{
alert("LoginId and Password must be filled")
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
window.open("catalog.html","right");
} else
{ alert("INVALID INPUT");
//document.myform.focus();
}}
</script>
<form name="myform">
<div align="center"><pre>
LOGIN ID:<input type="text" name="id"><br>
PASSWORD:<input type="password" name="pwd"><br><br>
</pre>
<input type="button" value="OK" onClick="validate()">
<input type="reset" value="CLEAR">
</div>
</form>
</body>
</html>
Catalogue.html:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""||
document.myform.title.value==""||
document.myform.no.value==""||
document.myform.cost.value=="")
{
flag=0;
}
str=document.myform.title.value;
var str1=document.myform.cost.value;
if(!((str=="c"&& str1==444) || (str=="jsp" && str1==555)))
{
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}
}
</script>
<form name="myform" action="scart.html" target="right">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
TITLE :<input type="text" name="title"><br>
NO.OF BOOKS :<input type="text" name="no"><br>
COST OF BOOK :<input type="text"name="cost"><br>
</pre><br><br>
</div>
<br><br>
<div align="center">
<input type="submit" value="OK" onClick="validate()">
<input type="reset" value="CLEAR">
</form>
</body>
</html>
Scart.html:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.title.value=="")
{
flag=0;
}
str=document.myform.title.value; if(str=="c"||
str=="C")
{
document.myform.t1.value="C";
document.myform.t2.value=444;
}
else if(str=="jsp"||str=="JSP")
{
document.myform.t1.value="JSP";
document.myform.t2.value=555;
}
else
{
20
flag=0;
}
if(flag==1)
{
alert("VALID INPUT");
}
else
{
alert("INVALID INPUT");
document.myform.focus();
}}
</script>
<form name="myform" action="payment.html" target="right">
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title"><br>
</pre><br><br>
1
Payment.html:
<html>
<body bgcolor="pink"><br><br><br>
<script language="javascript">
function validate()
{
var flag=1;
if(document.myform.id.value==""|| document.myform.pwd.value==""||
document.myform.amount.value==""|| document.myform.num.value=="")
{
flag=0;
}
var str=document.myform.amount.value;
var x=new RegExp("\\d","g");
if(!(str.match(x)))
{ flag=0;
}
var str1=document.myform.num.value;
var x1=new RegExp("\\d","g"); if(!
(str.match(x1)))
{ flag=0;
}i
f(flag==1)
{ alert("VALID INPUT");
window.self.location.href="order.html";
} else
{
alert("INVALID INPUT");
document.myform.focus();
}}
</script>
<form name="myform" >
<div align="center"><pre>
LOGIN ID :<input type="text" name="id"><br>
PASSWORD :<input type="password" name="pwd"><br>
AMOUNT :<input type="text" name="amount"><br>
CREDITCARDNUMBER :<input type="PASSWORD" name="num"><br></pre><br><br>
</div>
<br><br>
<div align="center">
<input type="button" value="OK" onClick="validate()">
<input type="reset" value="CLEAR" >
</form>
</body>
</html>
Order.html
<html>
<head><title>order conformation</title><M/head>
<body bgcolor="pink">
<center>
<h1><b>AMAZON</h1>
<pre><strong><b>Your order Is Conformed</strong></pre>
<h2><b>THANK YOU</h2>
</center>
</body>
</html>
7. Create and save an XML document on the server, which contains 10 users information.
Write a program, which takes User Id as an input and returns the user details by taking the
user information from the XML document.
<name>Anil</name>
<desgn>Assistant Professor</desgn>
<?xml version="1.0" encoding="UTF-8"?>
<empdetails>
<employee id="01">
<name>Chandu</name>
<desgn>Associate
Professor</desgn>
<dept>IT</dept>
<salary>52000</salary>
</employee>
<employee id="02">
<name>Dhruva</name>
<desgn>Assistant
Professor</desgn>
<dept>CSE</dept>
<salary>48000</salary>
</employee>
<employee id="03">
Emp.xml
<dept>CSE</dept>
<salary>65000</salary>
</employee>
<employee id="04">
<name>Shyam</name>
<desgn>Assistant Professor</desgn>
<dept>CSE</dept>
<salary>95000</salary>
</employee>
<employee id="05">
<name>Shashi</name>
<desgn>Professor</desgn>
<dept>CSE</dept>
<salary>85000</salary>
</employee>
</empdetails>
DOMEx.java
import java.io.*;
import javax.xml.parsers.*;
import org.w3c.dom.*;
class DOMEx
{
public static void main(String args[]) throws Exception
{
BufferedReader br=new BufferedReader(new InputStreamReader(System.in));
System.out.println("Enter employee id (01/02/03/04/05) :");
String id=br.readLine();
DocumentBuilderFactory dbf=DocumentBuilderFactory.newInstance();
DocumentBuilder db=dbf.newDocumentBuilder();
Document d=db.parse(new File("Emp.xml"));
Element empdetails=d.getDocumentElement();
NodeList emps=empdetails.getElementsByTagName("employee");
for(int i=0;i<emps.getLength();i++)
{
Element emp=(Element)emps.item(i);
String eid=emp.getAttribute("id");
if(id.equals(eid))
{
NodeList nl1=emp.getElementsByTagName("name");
Text t1=(Text)nl1.item(0).getFirstChild();
System.out.println(t1.getData());
NodeList nl2=emp.getElementsByTagName("desgn");
Text t2=(Text)nl2.item(0).getFirstChild();
System.out.println(t2.getData());
NodeList nl3=emp.getElementsByTagName("dept");
Text t3=(Text)nl3.item(0).getFirstChild();
System.out.println(t3.getData());
NodeList nl4=emp.getElementsByTagName("salary");
Text t4=(Text)nl4.item(0).getFirstChild();
System.out.println(t4.getData());
}
}
}
}
Output:
Enter employee id (01/02/03/04/05): 03
Anil
Assistant Professor
CSE
65000
8. Install TOMCAT web server. Convert the static web pages of assignments 2 into dynamic
web pages using servlets and cookies. Hint: Users information (user id, password, credit
card number) would be stored in web.xml. Each user should have a separate Shopping Cart.
Main.html:
<html>
<body bgcolor="pink">
<br /><br /><br /><br /><br />
<h1 align="center"><u>ONLINE BOOK STORAGE</u></h1><br /><br /><br />
<h2 align="center"><pre>
<b>Welcome to online book storage.
Press LOGIN if you are having id
otherwise press REGISTRATION.
</b></pre></h2>
<br /><br /><pre>
<div align="center">
<a href="/LabR18/Login.html">LOGIN</a>
<a href="/LabR18/Reg.html">REGISTRATION</a>
</div></pre>
</body>
</html>
Login.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="login">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br />
PASSWORD :<input type="password" name="pwd" /></pre><br /><br />
</div><br /><br />
<div align="center">
<input type="submit" value="OK" onclick="validate()" />
<input type="reset" value="RESET" />
</div>
</form>
</body>
</html>
Reg.html:
<html>
<body bgcolor="pink"><br /><br />
<form name="myform" method="post" action="register">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
ADDRESS :<input type="text" name="addr" /><br />
CONTACT NUMBER :<input type="text" name="phno" /><br
/> LOGINID :<input type="text" name="id" /><br />
PASSWORD :<input type="password" name="pwd" /></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" onclick="validate()" />
<input type="reset" value="CLEAR" />
</div>
</form>
</body>
</html>
Profile.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="profile">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" onclick="validate()" />
<input type="reset" value="CLEAR" />
</div></form>
</body>
</html>
Catalog.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form method="post" action="catalog">
<div align="center"><pre>
BOOK TITLE :<input type="text" name="title" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" name="button1"/>
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>
Order.html
<html>
<body bgcolor="pink"><br /><br />
<form method="post" action="order">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
PASSWORD :<input type="password" name="pwd" />
TITLE :<input type="text" name="title" /><br />
NO.OF BOOKS :<input type="text" name="no" /><br />
DATE :<input type="text" name="date" /><br />
CREDIT CARD NUMBER:<input type="password" name="cno" /><br /></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" name="button1"/>
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>
Web.xml:
<?xml version="1.0" encoding="UTF-8"?>
<web-app>
<servlet>
<servlet-name>login</servlet-name>
<servlet-class>Login</servlet-class>
</servlet>
<servlet>
<servlet-name>register</servlet-name>
<servlet-class>Register</servlet-class>
</servlet>
<servlet>
<servlet-name>catalog</servlet-name>
<servlet-class>Catalog</servlet-class>
</servlet>
<servlet>
<servlet-name>profile</servlet-name>
<servlet-class>Profile</servlet-class>
</servlet>
<servlet>
<servlet-name>order</servlet-name>
<servlet-class>Order</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>login</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>register</servlet-name>
<url-pattern>/register</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>catalog</servlet-name>
<url-pattern>/catalog</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>profile</servlet-name>
<url-pattern>/profile</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>order</servlet-name>
<url-pattern>/order</url-pattern>
</servlet-mapping>
</web-app>
Login.java
import java.sql.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
Register.java
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.sql.*;
30
public void service(HttpServletRequest req,HttpServletResponse resp)throws
ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body bgcolor=pink>");
String name=req.getParameter("name");
String addr=req.getParameter("addr");
String phno=req.getParameter("phno");
String id=req.getParameter("id");
String pwd=req.getParameter("pwd");
long no=Long.parseLong(phno);
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from
login"; ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
if(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2)))
{
flag=1;
}
}
if(flag==1)
{
pw.println("SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEWID<br><br>");
pw.println("<a href=/LabR18/Reg.html>press REGISTER to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
int i=stmt1.executeUpdate("insert into login
values('"+name+"','"+addr+"',"+no+",'"+id+"','"+pwd+"')");
if(i>0){
pw.println("YOUR DETAILS ARE ENTERED<br><br>");
pw.println("<a href=/LabR18/Login.html>press LOGIN to login</a>");
}
else{
pw.println("Insert Unsuccessful");
pw.println("<a href=/LabR18/Reg.html>press REGISTER to login</a>");
}
pw.println("</body></html>");
}
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}
1
Catalog.java
import java.io.*;
import java.sql.*;
import javax.servlet.ServletException;
import javax.servlet.http.*;
Profile.java
import java.io.*;
import java.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class Profile extends HttpServlet {
public void service(HttpServletRequest req,HttpServletResponse resp)throws
ServletException,IOException
{
PrintWriter pw=resp.getWriter();
pw.println("<html><body bgcolor=pink>");
String id=req.getParameter("id");
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from login where userid='"+id+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
pw.println("<br><br><br>");
while(rs.next())
{
pw.println("<div align=center>");
pw.println("NAME :"+rs.getString(1)+"<br>");
pw.println("ADDRESS :"+rs.getString(2)+"<br>");
pw.println("PHONE NO :"+rs.getString(3)+"<br>");
pw.println("</div>");
flag=1;
}
if(flag==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=/LabR18/Profile.html>press HERE to RETRY</a>");
}
pw.println("</body></html>");
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}
Order.java
import java.io.*;
import java.sql.*;
import javax.servlet.*;
import javax.servlet.http.*;
if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=/LabR18/Order.html>press HERE to RETRY</a>");
}
else
{
Statement stmt2=con.createStatement();
String s="select cost from book where Title='"+title+"'";
ResultSet rs1=stmt2.executeQuery(s);
int flag1=0;
while(rs1.next())
{
flag1=1;
x=Integer.parseInt(rs1.getString(1));
amount=count*x;
pw.println("AMOUNT :"+amount+"<br><br><br><br>");
Statement stmt1=con.createStatement();
stmt1.executeUpdate ("insert into details
values('"+id+"','"+title+"','"+amount+"','"+cno+"')");
pw.println("YOUR ORDER HAS TAKEN. THANK YOU. <br>");
}
if(flag1==0)
{
pw.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
pw.println("<a href=/LabR18/Order.html>press HERE to RETRY</a>");
}
}
pw.println("</body></html>");
con.close();
}
catch(Exception e)
{
resp.sendError(500,e.toString());
}
}
}
9. Redo the previous task using JSP by converting the static web pages of assignments 2
into dynamic web pages. Create a database with user information and books information.
The books catalogue should be dynamically loaded from the database. Follow the MVC
architecture while doing the website.
Main.html:
<html>
<body bgcolor="pink">
<br /><br /><br /><br /><br />
<h1 align="center"><u>ONLINE BOOK STORAGE</u></h1><br /><br /><br />
<h2 align="center"><pre>
<b>Welcome to online book storage.
Press LOGIN if you are having id
otherwise press REGISTRATION.
</b></pre></h2>
<br /><br /><pre>
<div align="center">
<a href="/LabR18/Login.html">LOGIN</a>
<a href="/LabR18/Reg.html">REGISTRATION</a>
</div></pre>
</body>
</html>
Login.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="JSPLogin.jsp">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br />
PASSWORD :<input type="password" name="pwd" /></pre><br /><br />
</div><br /><br />
<div align="center">
<input type="submit" value="OK" onclick="validate()" />
<input type="reset" value="RESET" />
</div>
</form>
</body>
</html>
Reg.html:
<html>
<body bgcolor="pink"><br /><br />
<form name="myform" method="post" action="JSPReg.jsp">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
ADDRESS :<input type="text" name="addr" /><br />
CONTACT NUMBER :<input type="text" name="phno" /><br
/> LOGINID :<input type="text" name="id" /><br />
PASSWORD :<input type="password" name="pwd" /></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" onclick="validate()" />
<input type="reset" value="CLEAR" />
</div>
</form>
</body>
</html>
Profile.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="JSPProfile.jsp">
<div align="center"><pre>
LOGIN ID :<input type="text" name="id" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" onclick="validate()" />
<input type="reset" value="CLEAR" />
</div></form>
</body>
</html>
Catalog.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form method="post" action="JSPCatalog.jsp">
<div align="center"><pre>
40
BOOK TITLE :<input type="text" name="title" /><br />
</pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" name="button1"/>
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>
Order.html
<html>
<body bgcolor="pink"><br /><br />
<form method="post" action="JSPOrder.jsp">
<div align="center"><pre>
NAME :<input type="text" name="name" /><br />
PASSWORD :<input type="password" name="pwd" />
TITLE :<input type="text" name="title" /><br />
NO.OF BOOKS :<input type="text" name="no" /><br />
DATE :<input type="text" name="date" /><br />
CREDIT CARD NUMBER:<input type="password" name="cno" /><br /></pre><br /><br />
</div>
<br /><br />
<div align="center">
<input type="submit" value="OK" name="button1"/>
<input type="reset" value="CLEAR" name="button2"/>
</div>
</form>
</body>
</html>
Login.jsp
<body bgcolor=pink>
1
if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
out.println("<a href=/LabR18/Login.html>press LOGIN to RETRY</a>");
}
else
{
out.println("VALID LOGIN ID<br><br>");
out.println("<h3><ul>");
%>
<ul>
<li><a href="Profile.html"><font color=black> USER PROFILE
</font></a></li><br><br>
<li><a href="Catalog.html"><font color=black> BOOKS CATALOG
</font></a></li><br><br>
<li><a href="Order.html"><font color=black> ORDER CONFIRMATION
</font> </a></li><br><br>
</ul>
<%} %>
</body>
Register.jsp
<body bgcolor="pink">
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String name=request.getParameter("name");
String addr=request.getParameter("addr");
String phno=request.getParameter("phno");
String id=request.getParameter("id");
String pwd=request.getParameter("pwd");
long no=Long.parseLong(phno);
try
{
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select userid,Password from login";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
if(id.equalsIgnoreCase(rs.getString(1))&&pwd.equalsIgnoreCase(rs.getString(2)))
{
flag=1;
}
}
if(flag==1)
{
out.println("SORRY LOGIN ID ALREADY EXISTS TRY AGAIN WITH NEW ID <br><br>");
out.println("<a href=/LabR18/Reg.html>press REGISTER to RETRY</a>");
}
else
{
Statement stmt1=con.createStatement();
int i=stmt1.executeUpdate("insert into login
values('"+name+"','"+addr+"',"+no+",'"+id+"','"+pwd+"')");
if(i>0){
out.println("YOU DETAILS ARE ENTERED <br><br>");
out.println("<a href=/LabR18/Login.html>press LOGIN to login</a>");
}
else{
out.println("Insert Unsuccessful");
out.println("<a href=/LabR18/Reg.html>press REGISTER to login</a>");
}
}
}
catch(Exception e)
{
response.sendError(500,e.toString());
}
%>
</body>
Profile.jsp
<body bgcolor=pink>
Catalog.jsp
<body bgcolor=pink>
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String title=request.getParameter("title");
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");
Statement stmt=con.createStatement();
String sqlstmt="select * from book where Title='"+title+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
out.println("<div align=center>");
out.println("TITLE :"+rs.getString(1)+"<br>");
out.println("AUTHOR :"+rs.getString(2)+"<br>");
out.println("VERSION:"+rs.getString(3)+"<br>");
out.println("PUBLISHER :" +rs.getString(4)+"<br>");
out.println("COST :" +rs.getString(5)+"<br>");
out.println("</div>");
flag=1;
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID <br><br>");
out.println("<a href=/LabR18/Catalog.html>press HERE to RETRY </a>");
}
%>
</body>
Order.jsp
<body bgcolor=pink>
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String id=request.getParameter("name");
String pwd=request.getParameter("pwd");
String title=request.getParameter("title");
String count1=request.getParameter("no");
String date=request.getParameter("date");
String cno=request.getParameter("cno");
int count=Integer.parseInt(count1);
Class.forName("com.mysql.cj.jdbc.Driver");
Connection con =
DriverManager.getConnection("jdbc:mysql://localhost:3306/anrh","root","");