SREE CHAITANYA COLLEGE OF ENGINEERING

Size: px

Start display at page:

Download "SREE CHAITANYA COLLEGE OF ENGINEERING"

Magnus Cox
6 years ago
Views:

1 SREE CHAITANYA COLLEGE OF ENGINEERING COMPUTER SCIENCE & ENGINEERING WT LAB MANUAL ( R13 REGULATION) 1. Install the following on the local machine a. Apache Web Server b. Tomcat Application Server locally c. Install MySQL d. Install PHP and configure it to work with Apache web server and MySQL 2. Write an HTML page including any required Javascript that takes a number from one text field in the range of 0 to 999 and shows it in another text field in words. If the number is out of range, it should show out of range and if it is not a number, it should show not a number message in the result box. CODE: <head> <title> WT Lab manual program no. 1 </title> </head> <form name="myform"> <center> <h1> WT Lab manual program no. 1 </h1> Enter a number <input type="text" name="tfield1" title="0 to 999" id="tfield1" /><br><br> <input type="button" value="click Here! " onclick="myfunction()"> <br><br> Display Field <input type="text" id="tfield2" name="tfield2" readonly="true"> </form> <script> function myfunction() Var inwords = ["zero","one","two","three","four","five","six","seven","eight","nine"]; var a=document.getelementbyid("tfield1").value; var sp=a.split(''); var nlength=a.tostring().length; document.getelementbyid("tfield2").value=null; if(isnan(a)) //window.alert("not a number"); //document.write("not a Number"); document.getelementbyid("tfield2").value="not a number";

2 </script> else if(a>999 a<0) //document.write("out of range"); //window.alert("out of range"); document.getelementbyid("tfield2").value="out of range"; else var i=0; var b=sp[i]; var c=sp[i+1]; var d=sp[i+2]; if(nlength==1) document.getelementbyid("tfield2").value=inwords[b]; else if(nlength==2) document.getelementbyid("tfield2").value=inwords[b]+" "+inwords[c]; else if(nlength==3) document.getelementbyid("tfield2").value=inwords[b]+" "+inwords[c]+" "+inwords[d]; OUTPUT: CASE 1:

3 CASE 2: CASE 3:

4 3. Write an HTML page that has one input, which can take multi line text and submit button. Once the user clicks on submit button, it should show number of characters, words and lines in the text entered using an alert message. Words are separated with white spaces and lines are separated with new line character. CODE: <head> <title>wt Lab manual program no. 2</title> </head> <form name="myform2"> <center> <h1> WT Lab manual program no. 2 </h1> Enter a multi-line text: <textarea cols="50" rows="5" name="tfiled1" title="enter multi-line text" id="tfield1"></textarea><br /><br /> <input type="button" value="click Here!" onclick="myfunction()" /> </form> <script> function myfunction() var text=document.getelementbyid("tfield1").value; var tlength=text.tostring().length; var sp=text.split(''); var wordcount=0; for(var i=0; i<tlength;i++) if(sp[i]==" " sp[i]=="\n") wordcount++; if(i!=0) wordcount++; var lines=0; for(var j=0; j<tlength;j++) if(sp[j]=="\n") lines++; if(j!=0) lines++; window.alert("number of characters in text are: "+tlength+"\n"+"number of words in text are: "+wordcount+"\n"+"number of lines in text are: "+lines); </script>

5 OUTPUT:

6 4. Write an HTML page that contains a selection box with a list of 5 countries. When the user selects a country, its capital should be printed next in the list. Add CSS to customize the properties of the font of the capital (color, bold and font size). CODE: <head> <title>wt Lab manual program no. 3</title> </head> <style> h1 color: orange; text-align: center;.textbox1 color: orange; font-size: 20px; font-weight: bold; </style> <center> <h1> WT Lab manual program no. 3 </h1> <form name="myform"> Select Country <select name="country" id="sbox1" onclick="myfunction()" required> <option value=""></option> <option value="delhi">india</option> <option value="canberra">australia</option> <option value="washington D.C">AMERICA</option> <option value="london">unitedkingdom</option> <option value="berlin">germany</option> </select><br><br> Capital <input type="text" class="textbox1" id="sbox2"> </form> <script> function myfunction() var a=document.getelementbyid("sbox1").value; document.getelementbyid("sbox2").value=a;

7 </script> OUTPUT:

8 5. Create an XML document that contains 10 users information. Write a Java Program, which takes User Id as input and returns the user details by taking the user information from XML document using (a) DOM parser and (b) SAX parser. CODE: users.xml <usersinformation> <user> <rollno>501</rollno> <name>aaa</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>502</rollno> <name>bbb</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>503</rollno> <name>ccc</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>504</rollno> <name>ddd</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>505</rollno> <name>eee</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>506</rollno> <name>fff</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>507</rollno> <name>ggg</name> <branch>cse</branch> <college>scce</college> </user>

9 <user> <rollno>508</rollno> <name>hhh</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>509</rollno> <name>iii</name> <branch>cse</branch> <college>scce</college> </user> <user> <rollno>510</rollno> <name>jjj</name> <branch>cse</branch> <college>scce</college> </user> </usersinformation> Wt5dom.java import java.io.file; import javax.xml.parsers.*; import org.w3c.dom.*; import java.util.scanner; public class Wt5dom public static void main(string args[]) throws Exception DocumentBuilderFactory fac=documentbuilderfactory.newinstance(); DocumentBuilder b=fac.newdocumentbuilder(); Document doc=b.parse(new File("users.xml")); doc.getdocumentelement().normalize(); Element root=doc.getdocumentelement(); Scanner in=new Scanner(System.in); System.out.println("Enter User ID:"); int n=in.nextint(); int flag=0; NodeList nl=doc.getelementsbytagname("user"); for(int i=0;i<nl.getlength();i++)

$println(root.getNodeName()); System.out.println("--------------------------------"); System.out.println("rollno:\t"+e.getElementsByTagName("rollno").item(0).getTextContent()); System.out.println("name:\t"+e.$

10 Node node=nl.item(i); if(node.getnodetype()==node.element_node) Element e=(element)node; int x=integer.parseint(e.getelementsbytagname("rollno").item(0).gettextcontent()); if(x==n) System.out.println(root.getNodeName()); System.out.println(" "); System.out.println("rollno:\t"+e.getElementsByTagName("rollno").item(0).getTextContent()); System.out.println("name:\t"+e.getElementsByTagName("name").item(0).getTextContent()); System.out.println("branch:\t"+e.getElementsByTagName("branch").item(0).getTextContent()); System.out.println("college:"+e.getElementsByTagName("college").item(0).getTextContent()); OUTPUT: else flag=1; break; flag=0; if(flag==0) System.out.println("User not available");

11 6. Implement the following web applications using (a) PHP, (b) Servlets and (c) JSP. 6 (i) (a). A user validation web application, where the user submits the login name and password to the server. The name and password are checked against the data already available in Database and if the data matches, a successful login page is returned. Otherwise failure message is shown to the user. CODE: db.php <?php $severname="localhost"; $username="root"; $password=""; USING PHP $conn=new mysqli($severname,$username,$password); if($conn->connect_error) die("connection failed".$conn->connect_error); echo "Connected successfully <br>"; //Create database $sql = "CREATE DATABASE reg"; if(mysqli_query($conn,$sql)) echo "Database created successfully<br>"; else echo "error"; $servername="localhost"; $dbname="reg"; $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) die("connection failed: ". mysqli_connect_error()); echo "Connected successfully <br>"; // sql to create table $sql = "CREATE TABLE Guests ( name VARCHAR(30) NOT NULL, pwd VARCHAR(30) NOT NULL)"; if (mysqli_query($conn, $sql)) echo "Table MyGuests created successfully<br>"; else echo "Error creating table: ". mysqli_error($conn);

12 $sql = "INSERT INTO Guests (name, pwd) VALUES ('cse', '5')";?> if (mysqli_query($conn, $sql)) echo "New record created successfully"; else echo "Error: ". $sql. "<br>". mysqli_error($conn); mysqli_close($conn); OUTPUT OF db.php: Login6i.html <head> <title> Login Page </title> <center> <h1> Login Page </h1> <form action="loginform.php" method="post"> <table> <tr> <td> <label> Name: </label> </td> <td> <input type="text" name="uname" /> </td> </tr> <tr> <td> <label> Password: </label> </td> <td> <input type="password" name="upwd" /> </td> </tr> <tr> <td> <input type="submit" value="submit" /> </td> <td> <input type="reset" value="reset" /> </td> </tr> </table> </form>

13 loginform.php <head> <title> Registration page </title> </head> <?php $name=$_post["uname"]; $pwd=$_post["upwd"]; $conn=mysql_connect("localhost","root","") or die("mysql_error()"); mysql_select_db("reg") or die("mysql_error()"); $query=mysql_query("select * from guests where name='$name'");?> while($row=mysql_fetch_array($query)) $duser=$row['name']; $dpwd=$row['pwd']; if($pwd==$dpwd && $name==$duser) echo "welcome $name branch"; else echo "invalid user"; OUTPUT:

14 6 (ii) (a). Modify the above program to use an xml instead of database CODE: login6ii.html <htm`l> <head> <title> Login Page </title> <center> <h1> Login Page </h1> <form action="loginform6ii.php" method="post"> <table> <tr> <td> <label> Name: </label> </td> <td> <input type="text" name="uname" /> </td> </tr> <tr> <td> <label> Password: </label> </td> <td> <input type="password" name="upwd" /> </td> </tr> <tr> <td> <input type="submit" value="submit" /> </td> <td> <input type="reset" value="reset" /> </td> </tr> </table> </form> Userlogin.xml <Authentication> <user> <username>cse</username> <password>5</password> </user> <user> <username>eee</username> <password>2</password> </user> </Authentication> loginform6ii.php <head> <title> Registration page 6ii </title> </head> <?php $myxml=simplexml_load_file("userlogin6ii.xml"); $username=$_post['uname']; $password=$_post['upwd']; $xmlusername=""; $xmlpassword="";

15 for($i=0;$i<count($myxml);$i++) $xmlusername=$myxml->user[$i]->username; $xmlpassword=$myxml->user[$i]->password; if($xmlusername==$username && $xmlpassword==$password) echo "welcome $username"; die(); echo "Invalid username or password";?> OUTPUT:

16 6 (iii) a. Modify the above program to use AJAX to show the result on the same page below the submit button. <head> <script type="text/javascript"> var xmlhttp; function ajaxfunction() xmlhttp=getxmlhttpobject(); xmlhttp.open("get","time.jsp",true); xmlhttp.send(null); xmlhttp.onreadystatechange=function() if(xmlhttp.readystate==4 && xmlhttp.status==200) document.myform.time.value=xmlhttp.responsetext; function GetXmlHttpObject() var xmlhttp=null; if(window.xmlhttprequest) xmlhttp=new XMLHttpRequest(); if(window.activexobject) xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); return xmlhttp; </script> </head> <center> <form name="myform"> Name:<input type="text" name="username" onkeyup='ajaxfunction()'/><br><br> <input type="submit" value="submit"><br><br> Time: <input type="text" name="time"/> </form> OUTPUT:

17 6 (iv) (a). A simple calculator web application that takes two numbers and an operator (+,-,/,* and %) from an HTML page and returns the result page with the operation performed on the operands. CODE: USING PHP Cal6iv.html <head> <title> Calculator </title> </head> <center> <h1> BASIC CALCULATOR </h1> <form action="cal6iv.php" method="post"> <input type="text" name="v1" placeholder="enter a value"> <input type="text" name="v2" placeholder="enter a value"><br><br> <input type="submit" value="+" name="add"> <input type="submit" value="-" name="sub"> <input type="submit" value="*" name="mul"> <input type="submit" value="/" name="div"> <input type="submit" value="%" name="mod"> </form> Cal6iv.php <head> <title> Result </title> </head> <center> <?php $x=$_post['v1']; $y=$_post['v2']; if(isset($_post['add'])) echo "<h1> The result is ",$x+$y,"</h1>"; else if(isset($_post['sub'])) echo "<h1> The result is ",$x-$y,"</h1>"; else if(isset($_post['mul'])) echo "<h1> The result is ",$x*$y,"</h1>"; else if(isset($_post['div']))

18 echo "<h1> The result is ",$x/$y,"</h1>"; else if(isset($_post['mod'])) echo "<h1> The result is ",$x%$y,"</h1>";?> OUTPUT:

19 6 (v) (a). Modify the above program such that it stores each query in a database and checks the database first for the result. If the query is already available in DB, it returns the value that was previously computed (from DB) or it computes the result and returns it after storing the new query and result in DB. CODE: USING PHP db6v.php <?php $severname="localhost"; $username="root"; $password=""; $conn=new mysqli($severname,$username,$password); if($conn->connect_error) die("connection failed".$conn->connect_error); echo "Connected successfully <br>"; //Create database $sql = "CREATE DATABASE calc_data"; if(mysqli_query($conn,$sql)) echo "Database created successfully<br>"; else echo "error"; $servername="localhost"; $dbname="calc_data"; $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) die("connection failed: ". mysqli_connect_error()); echo "Connected successfully <br>"; // sql to create table $sql = "CREATE TABLE calc_queires ( v1 VARCHAR(30) NOT NULL,v2 VARCHAR(30) NOT NULL,oper VARCHAR(3), res VARCHAR(30) )"; if (mysqli_query($conn, $sql)) echo "Table MyGuests created successfully<br>"; else echo "Error creating table: ". mysqli_error($conn);

20 $sql = "INSERT INTO calc_queires (v1,v2,oper,res) VALUES ('3','3','+','6')"; if (mysqli_query($conn, $sql)) echo "New record created successfully"; else echo "Error: ". $sql."<br>". mysqli_error($conn); mysqli_close($conn);?> OUTPUT OF db6v.php: cal6v.html <head> <title> Calculator </title> </head> <center> <h1> BASIC CALCULATOR </h1> <form action="cal6v.php" method="post"> <input type="text" name="v1" placeholder="enter a value"> <input type="text" name="v2" placeholder="enter a value"><br><br> <input type="submit" value="+" name="add"> <input type="submit" value="-" name="sub"> <input type="submit" value="*" name="mul"> <input type="submit" value="/" name="div"> <input type="submit" value="%" name="mod"> </form> cal6v.php <head> <title> Result </title> </head>

21 <center> <?php $x=$_post['v1']; $y=$_post['v2']; if(isset($_post['add'])) $op='+'; $res=$x+$y; else if(isset($_post['sub'])) $op='-'; $res=$x-$y; else if(isset($_post['mul'])) $op='*'; $res=$x*$y; else if(isset($_post['div'])) $op='/'; $res=$x/$y; else if(isset($_post['mod'])) $op='%'; $res=$x%$y; $dbc=mysql_connect("localhost","root","") or die("mysql_error()"); mysql_select_db("calc_data") or die("mysql_error()"); $query=mysql_query("select * from calc_queires where v1='$x' and v2='$y' and oper='$op'"); while($row=mysql_fetch_assoc($query)) $val1=$row['v1']; $val2=$row['v2']; $oper=$row['oper']; $result=$row['res']; if($val1==$x && $val2==$y && $op==$oper) echo "<h1> The result is ",$result,"</h1>"; else $write=mysql_query("insert INTO calc_queries (v1,v2,oper,res) VALUES

22 ('$x','$y','$op','$res')"); echo "</h1> The result is",$res,"</h1>";?> OUTPUT:

23 6 (vi) (a). A web application that takes a name as input and on submit it shows a hello <name> page where name is taken from the request. It shows the start time at the right top corner of the page and provides a logout button. On clicking this button, it should show a logout page with Thank You <name > message with the duration of usage (hint: Use session to store name and time). USING PHP CODE: session.html <head> <title> SESSION LOGIN </title> </head> <center> <form action="sessionlogin.php" method="post"> Enter Name: <input type="text" name="uname"> <br> <input type="submit" value="login" name="register"> </form> sessionlogin.html <head> <title> Result </title> </head> <center> <?php session_start(); $name=$_post['uname'];; $_SESSION['uname']=$name; $time=time(); echo "<p align='right'> $time </p>"; echo "Hello"." ".$name." "."You are logged in"; $_SESSION['time']=time();?> <form action="sessionlogout.php" method="post"> <input type="submit" value="logout" name="log"> </form>

24 sessionlogin.html <head> <title> Result </title> </head> <center> <?php session_start(); $nowsince=time()-$_session['time']; $name=$_session['uname']; echo "<h1> Thank you $name </h1>"."the duration of your session is"," ",$nowsince." "."seconds"; session_destroy();?> OUTPUT:

25 6 (vii) (a). A web application that takes name and age from an HTML page. If the age is less than 18, it should send a page with Hello <name>, you are not authorized to visit the site message, where <name> should be replaced with the entered name. Otherwise it should send Welcome <name> to this site message. CODE: usereligible.html USING PHP <head> <title> User Acess </title> </head> <br> <center> <h1> USER ELIGIBILITY </h1> <form action="eligibilitycheck.php" method="post"> <input type="text" name="uname" placeholder="enter your name"> <br> <input type="text" name="uage" placeholder="enter your age"> <br> <input type="submit" vvalue="submit" name="sub"<> </form> eligibilitycheck.php <head> <title> Result </title> </head> <center> <?php $age=$_post['uage']; $name=$_post['uname']; if($age<=18) echo "<h1>hello"." ".$name." "."you are not authorized to this site</h1>"; else echo "<h1> welcome".$name."to this site</h1>";?>

26 OUTPUT:

27 6 (viii) a. A web application for implementation: The user is first served a login page which takes user s name and password. After submitting the details the server checks these values against the data from a database and takes the following decisions If name and password matches, serves a welcome page with user s full name. If name matches and password doesn t match, then serves password mismatch page. If name is not found in the database, serves a registration page, where user s full name is asked and on submitting the full name, it stores, the login name, password and full name in database (hint: use session for storing the submitted login name and password) USING PHP CODE: Db.php <?php $severname="localhost"; $username="root"; $password=""; $conn=new mysqli($severname,$username,$password); if($conn->connect_error) die("connection failed".$conn->connect_error); echo "Connected successfully <br>"; //Create database $sql = "CREATE DATABASE reg6viii"; if(mysqli_query($conn,$sql)) echo "Database created successfully<br>"; else echo "error";

28 $servername="localhost"; $dbname="reg6viii"; $conn = mysqli_connect($servername, $username, $password, $dbname); // Check connection if (!$conn) die("connection failed: ". mysqli_connect_error()); echo "Connected successfully <br>"; // sql to create table $sql = "CREATE TABLE Guests ( name VARCHAR(30) NOT NULL, pwd VARCHAR(30) NOT NULL, fname VARCHAR(50) NOT NULL)"; if (mysqli_query($conn, $sql)) echo "Table MyGuests created successfully<br>"; else echo "Error creating table: ". mysqli_error($conn); $sql = "INSERT INTO Guests (name, pwd, fname) VALUES ('cse', '5','compuer science and engineering')";?> if (mysqli_query($conn, $sql)) echo "New record created successfully"; else echo "Error: ". $sql. "<br>". mysqli_error($conn); mysqli_close($conn); Login6viiia.html <head> <title> User Acess </title> </head> <br> <center> <h1> LOGIN PAGE </h1> <form action="login6viiia.php" method="post"> <input type="text" name="uname" placeholder="enter your name"> <br> <input type="password" name="pass" placeholder="enter your age"> <br> <input type="submit" value="login" name="login">

29 </form> Login6viiia.php <head> <title> Result </title> </head> <center> <?php $name=$_post['uname']; $pwd=$_post['pass']; $dbc=mysql_connect("localhost","root","") or die(mysql_error()); mysql_select_db("reg6viii") or die(mysql_error()); $query=mysql_query("select * from guests where name='$name'"); while($row=mysql_fetch_assoc($query)) $dbuser=$row['name']; $dbpwd=$row['pwd']; $dbfull=$row['fname']; if($name==$dbuser && $pwd==$dbpwd) echo "Welcome\t<h1>",$dbfull,"</h1>\tyou are successfully logged in "; else echo "<h1> User doesn't exist </h1>"."<a href='reg6viiia.html'> Click here to register </a>";?>

30 reg6viiia.html <head> <title> User Acess </title> </head> <br> <center> <h1> REGISTRATION PAGE </h1> <form action="reg6viiia.php" method="post"> User Name:<input type="text" name="uname" placeholder="enter your name"> <br> Password:<input type="password" name="pass"> <br> Full Name:<input type="text" name="fname" placeholder="enter your name"> <br> <input type="submit" value="register" name="register"> </form> reg6viiia.php <head> <title> Result </title> </head> <center> <?php $name=$_post['uname']; $pwd=$_post['pass']; $fname=$_post['fname']; $dbc=mysql_connect("localhost","root","") or die(mysql_error()); mysql_select_db("reg6viii") or die(mysql_error()); $write=mysql_query("insert into guests values ('$name','$pwd','$fname')"); if(isset($write)) echo "<h1> You are registered successfully</h1>"."<a href='login6viiia.html'> Click here to login</a>";?>

31 OUTPUT: CASE 1: CASE 2:

6(ix) a. A web application that lists all cookies stored in the browser on clicking List Cookies button. Add cookies if necessary. USING PHP Cookieset.

33 6(ix) a. A web application that lists all cookies stored in the browser on clicking List Cookies button. Add cookies if necessary. USING PHP Cookieset.php <head> <title> User Acess </title> </head> <br> <center> <?php $exp=time()+86400; setcookie("cse LAB","FIRST FLOOR",$exp); setcookie("mca LAB","GROUND FLOOR",$exp); setcookie(("ece LAB","SECOND FLOOR",$exp);?> Cookie.php <head> <title> Cookie </title> </head> <center> <form action="" method="post"> <input type="submit" value="list COOKIES" name="list"> </form> <?php error_reporting(0); if($_post['list']) foreach($_cookie as $key=>$val) echo "<center>".$key."is at".$val."in SCCE <br> ";?> OUTPUT:

34 6. Implement the following web applications using (a) PHP, (b) Servlets and (c) JSP. 6 (i) (b). A user validation web application, where the user submits the login name and password to the server. The name and password are checked against the data already available in Database and if the data matches, a successful login page is returned. Otherwise failure message is shown to the user. NOTE: The following Servlets and JSP programs used MS Access database USING SERVLET CODE: login6ib.html <form method="post" action="log"> <center> <table> <tr> <td> username: </td> <td> <input type="text" name="uname"> </td> </tr> <tr> <td> password </td> <td> <input type="password" name="pwd"> </td> </tr> <tr> <td></td> <td> <input type="submit" value="login"> <input type="reset" value="reset"> </td> </tr> </table> </form> Loginservlet6ib.java import javax.servlet.*; import javax.servlet.http.*; import java.sql.*; import java.io.*; public class LoginServlet6ib extends HttpServlet public void dopost(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException

35 process(req,res); public void doget(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException process(req,res); public void process(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException try String un=req.getparameter("uname"); String pass=req.getparameter("pwd"); Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con=drivermanager.getconnection("jdbc:odbc:scce"); Statement st=con.createstatement(); ResultSet rs=st.executequery("select * FROM guests1"); res.setcontenttype("text/html"); PrintWriter pw=res.getwriter(); pw.println(); String dbun,dbpwd; while(rs.next()) dbun = rs.getstring(2); dbpwd = rs.getstring(3); if(dbun.equals(un) && dbpwd.equals(pass)) pw.println("<h1> Hi "+un+"..successfully logged in</h1>"); break; else if(dbun.equals(un)) pw.println("<h1> Invalid password</h1>"); break; else if(dbpwd.equals(pass)) pw.println("<h1> Invalid username</h1>"); break; catch(exception e) e.printstacktrace();

36 web.xml <?xml version="1.0"?> <web-app> <servlet> <servlet-name>hello1</servlet-name> <servlet-class>loginservlet6ib</servlet-class> </servlet> <servlet-mapping> <servlet-name>hello1</servlet-name> <url-pattern>/log</url-pattern> </servlet-mapping> </web-app> OUTPUT:

37 6 (ii) (b). Modify the above program to use an xml instead of database USING SERVLETS Login6iib.html <center> <form method="post" action="init1"> <table> <tr> <td> username: </td> <td> <input type="text" name="uname"> </td> </tr> <tr> <td> password </td> <td> <input type="password" name="pwd"> </td> </tr> <tr> <td></td> <td> <input type="submit" value="login"> <input type="reset" value="reset"> </td> </tr> </table> </form> InitParamServlet6iib.java import javax.servlet.*; import javax.servlet.http.*; import java.sql.*; import java.io.*; public class InitParamServlet6iib extends HttpServlet String u,p; public void init(servletconfig config) throws ServletException u=config.getinitparameter("un"); p=config.getinitparameter("pwd"); public void doget(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException String un=req.getparameter("uname");

38 web.xml String pass=req.getparameter("pwd"); res.setcontenttype("text/html"); PrintWriter out=res.getwriter(); if(u.equals(un) && p.equals(pass)) out.println("<h1> Hi "+un+" Successfully logged in"); else out.println("<h1> Hi "+un+" Invalid username or password"); <?xml version="1.0"?> <web-app> <servlet> <servlet-name>hello2</servlet-name> <servlet-class>initparamservlet6iib</servlet-class> <init-param> <param-name> un </param-name> <param-value> cse </param-name> </init-param> <init-param> <param-name> pwd </param-name> <param-value> 5 </param-name> </init-param> </servlet> </web-app> Output <servlet-mapping> <servlet-name>hello2</servlet-name> <url-pattern>/init1</url-pattern> </servlet-mapping>

39 6 (iv) (b). A simple calculator web application that takes two numbers and an operator (+,-,/,* and %) from an HTML page and returns the result page with the operation performed on the operands. CODE: USING SERVLET Cal6ivb.html <head> <title> Calculator </title> </head> <center> <h1> BASIC CALCULATOR </h1> <form action="calc" method="post"> <input type="text" name="v1" placeholder="enter a value"> <input type="text" name="v2" placeholder="enter a value"><br><br> <input type="radio" value="+" name="add"> <input type="radio" value="-" name="sub"> <input type="radio" value="*" name="mul"> <input type="radio" value="/" name="div"> <input type="radio" value="%" name="mod"> </form> CalcServlet6ivb.java import javax.servlet.*; import javax.servlet.http.*; import java.sql.*; import java.io.*; public class CalcServlet6ivb extends HttpServlet public void dopost(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException process(req,res); public void doget(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException process(req,res); public void process(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException res.setcontenttype("text/html"); try

40 PrintWriter out=res.getwriter(); int n01,n02; String op; int result=0; n01=integer.parseint(req.getparameter("v1")); n02=integer.parseint(req.getparameter("v2")); op=req.getparameter("add"); if(op.equals("+")) result=n01+n02; if(op.equals("-")) result=n01-n02; if(op.equals("*")) result=n01*n02; if(op.equals("/")) result=n01/n02; if(op.equals("%")) result=n01%n02; out.println("<h1> Result= "+result+"</h1>"); catch(exception e) e.printstacktrace(); web.xml <?xml version="1.0"?> <web-app> <servlet> <servlet-name>calulatoriv</servlet-name> <servlet-class>calcservlet6ivb</servlet-class> </servlet> <servlet-mapping> <servlet-name>calulatoriv</servlet-name> <url-pattern>/calc</url-pattern> </servlet-mapping> </web-app>

41 OUTPUT:

42 6 (v) (b). Modify the above program such that it stores each query in a database and checks the database first for the result. If the query is already available in DB, it returns the value that was previously computed (from DB) or it computes the result and returns it after storing the new query and result in DB. CODE: cal6vb.html USING SERVLET <head> <title> Calculator </title> </head> <center> <h1> BASIC CALCULATOR </h1> <form action="calcdb" method="post"> <input type="text" name="v1" placeholder="enter a value"> <input type="text" name="v2" placeholder="enter a value"><br><br> <input type="submit" value="+" name="add"> <input type="submit" value="-" name="sub"> <input type="submit" value="*" name="mul"> <input type="submit" value="/" name="div"> <input type="submit" value="%" name="mod"> </form> CalcDbServlet6vb.java import javax.servlet.*; import javax.servlet.http.*; import java.sql.*; import java.io.*; public class CalcDbServlet6vb extends HttpServlet public void dopost(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException try res.setcontenttype("text/html"); PrintWriter out=res.getwriter(); int n01,n02; String op; n01=integer.parseint(req.getparameter("v1")); n02=integer.parseint(req.getparameter("v2")); op=req.getparameter("add"); Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con=drivermanager.getconnection("jdbc:odbc:scce6"); Statement st=con.createstatement();

43 ResultSet rs=st.executequery("select * FROM calc"); if(rs.next()) out.println("<h1> operation already exixts in the database"); out.println("<br> Result is ="+rs.getstring(5)); else int result=0; if(op.equals("+")) result=n01+n02; if(op.equals("-")) result=n01-n02; if(op.equals("*")) result=n01*n02; if(op.equals("/")) result=n01/n02; if(op.equals("%")) result=n01%n02; int x=st.executeupdate("insert into guests2 values('"+n01+"','"+n02+"','"+op+"','"+result+"')"); if(x>0) out.println("<h1> Result"+res+"</h1>"); else out.println("<h1> Error in insertion</h1>"); catch(exception e) e.printstacktrace(); Web.xml <?xml version="1.0"?> <web-app> <servlet> <servlet-name>calulatorv</servlet-name> <servlet-class>calcdbservlet6vb</servlet-class> </servlet> <servlet-mapping> <servlet-name>calulatorv</servlet-name> <url-pattern>/calcdb</url-pattern>

44 </servlet-mapping> </web-app> OUTPUT:

45 6(iv) b. A web application that takes a name as input and on submit it shows a hello <name> page where name is taken from the request. It shows the start time at the right top corner of the page and provides a logout button. On clicking this button, it should show a logout page with Thank You <name > message with the duration of usage (hint: Use session to store name and time). USING SERVLET Session6vib.html <head> <title> SESSION LOGIN </title> </head> <center> <form action="session6vib" method="get"> Enter Name: <input type="text" name="uname"> <br> <input type="submit" value="login" name="register"> </form> Session16vib.java import javax.servlet.*; import javax.servlet.http.*; import java.io.*; import java.util.*; public class Session16vib extends HttpServlet public void doget(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException try res.setcontenttype("text/html"); PrintWriter out=res.getwriter(); out.println("<form method=get action=session26vib>"); Date d=new Date(); out.println("<p align=right> Time:"+d.getTime()+"</p>"); String un=req.getparameter("uname"); HttpSession session=req.getsession(); session.setattribute("user",un); session.setattribute("time",d.gettime()); out.println("hello\t"+un); out.println("<br><br> <input type=submit value=logout>"); out.println("</form");

46 catch(exception e) e.printstacktrace(); Session26vib.java import javax.servlet.*; import javax.servlet.http.*; import java.io.*; import java.util.*; public class Session26vib extends HttpServlet public void doget(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException try res.setcontenttype("text/html"); PrintWriter out=res.getwriter(); HttpSession session=req.getsession(); Date d2=new Date(); String un=(string)session.getattribute("user"); Long t1=(long)session.getattribute("time"); Long t2=d2.gettime(); session.invalidate(); out.println("thank you\t"+un); out.println("<br><br> Session duration: '"+(t2-t1)/(60*60)+"'seconds"); catch(exception e) e.printstacktrace(); Web.xml <?xml version="1.0"?> <web-app> <servlet> <servlet-name>session1</servlet-name> <servlet-class>session16vib</servlet-class> </servlet> <servlet-mapping> <servlet-name>session1</servlet-name>

47 <url-pattern>/session6vib</url-pattern> </servlet-mapping> <servlet> <servlet-name>session2</servlet-name> <servlet-class>session26vib</servlet-class> </servlet> <servlet-mapping> <servlet-name>session2</servlet-name> <url-pattern>/session26vib</url-pattern> </servlet-mapping> </web-app> OUTPUT:

48 6(Vii) b. A web application that takes name and age from an HTML page. If the age is less than 18, it should send a page with Hello <name>, you are not authorized to visit the site message, where <name> should be replaced with the entered name. Otherwise it should send Welcome <name> to this site message. CODE: Usereligibilty6viib.html USING SERVLETS <head> <title> User Acess </title> </head> <br> <center> <h1> USER ELIGIBILITY </h1> <form action="checkage" method="get"> <input type="text" name="uname" placeholder="enter your name"> <br> <input type="text" name="uage" placeholder="enter your age"> <br> <input type="submit" value="submit" name="sub"<> </form> CheckAge6viib.java import javax.servlet.*; import javax.servlet.http.*; import java.io.*; import java.util.*; public class CheckAge6viib extends HttpServlet public void doget(httpservletrequest req, HttpServletResponse res) throws IOException, ServletException try res.setcontenttype("text/html"); PrintWriter out=res.getwriter(); int age=integer.parseint(req.getparameter("uage")); String name=req.getparameter("uname"); if(age<=18) out.println("<h1> Hello\t " +name+"\tyou are not eligible </h1>"); else out.println("<h1> Welcome " +name+"to this site </h1>");

49 catch(exception e) e.printstacktrace(); Web.xml <?xml version="1.0"?> <web-app> <servlet> <servlet-name>checkage</servlet-name> <servlet-class>checkage6viib</servlet-class> </servlet> <servlet-mapping> <servlet-name>checkage</servlet-name> <url-pattern>/checkage</url-pattern> </servlet-mapping> </web-app> OUTPUT:

50 6. Implement the following web applications using (a) PHP, (b) Servlets and (c) JSP. 6 (i) (c). A user validation web application, where the user submits the login name and password to the server. The name and password are checked against the data already available in Database and if the data matches, a successful login page is returned. Otherwise failure message is shown to the user. CODE: USING JSP Login6ic.html <form name="f1" method="get" action="login6ic.jsp"> <center> <b><h1> Login Page </h1></b><br> Username: <input type="text" name="uname"><br> Password: <input type="password" name="pwd"><br> <br> <br> <input type="submit" value="login"> <input type="reset"> </form> Login6ic.jsp <%@page language="java" import="java.sql.*" errorpage=""%> <% String u,p; u=request.getparameter("uname"); p=request.getparameter("pwd"); Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con=drivermanager.getconnection("jdbc:odbc:scce"); Statement st=con.createstatement(); ResultSet rs=st.executequery("select * from guests1"); String dbun,dbpwd; while(rs.next()) dbun = rs.getstring(2); dbpwd = rs.getstring(3); if(dbun.equals(u) && dbpwd.equals(p)) out.println("<h1> Hi "+u+"..successfully logged in</h1>"); break;

51 else if(dbun.equals(u)) out.println("<h1> Invalid password</h1>"); break; else if(dbpwd.equals(p)) out.println("<h1> Invalid username</h1>"); break; con.close(); %> OUTPUT:

52 6 (ii) (c). Modify the above program to use an xml instead of database USING JSP Loginjsp6iic.html <center> <form method="get" action="login6ic.jsp"> <table> <tr> <td> username: </td> <td> <input type="text" name="uname"> </td> </tr> <tr> <td> password </td> <td> <input type="password" name="pwd"> </td> </tr> <tr> <td></td> <td> <input type="submit" value="login"> <input type="reset" value="reset"> </td> </tr> </table> </form> Login6iic.jsp language="java" import="java.sql.*" errorpage=""%> <% String u,p; u=config.getinitparameter("uname"); p=config.getinitparameter("pwd"); String un=request.getparameter("uname"); String pass=request.getparameter("pwd"); if(u.equals(un) && p.equals(pass)) out.println("<h1> Welcome "+u+" </h1>"); else out.println("<h1> Hi "+u+"..invalid username or password</h1>"); %> Web.xml

53 <?xml version="1.0"?> <web-app> <servlet> <servlet-name>login6iic</servlet-name> <jsp-file>/login6ic.jsp</jsp-file> <Init-param> <param-name>uname</param-name> <param-value>cse</param-value> </Init-param> <Init-param> <param-name>pwd</param-name> <param-value>5</param-value> </Init-param> </servlet> <servlet-mapping> <servlet-name>login6iic</servlet-name> <url-pattern>/login6iic.jsp</url-pattern> </servlet-mapping> </web-app> OUTPUT:

54 6(iv)(c). A simple calculator web application that takes two numbers and an operator (+,-,/,* and %) from an HTML page and returns the result page with the operation performed on the operands. USING JSP CODE: Calc6ivc.html <head> <title> Calculator </title> </head> <center> <h1> BASIC CALCULATOR </h1> <form action="calc6ivc.jsp" method="get"> <input type="text" name="v1" placeholder="enter a value"> <input type="text" name="v2" placeholder="enter a value"><br><br> <input type="submit" value="+" name="add"> <input type="submit" value="-" name="sub"> <input type="submit" value="*" name="mul"> <input type="submit" value="/" name="div"> <input type="submit" value="%" name="mod"> </form> Calc6ivc.jsp <%@page language="java" import="java.sql.*" errorpage=""%> <% int n01,n02; String op; n01=integer.parseint(request.getparameter("v1")); n02=integer.parseint(request.getparameter("v2")); op=request.getparameter("add"); int result=0; if(op.equals("+")) result=n01+n02; if(op.equals("-")) result=n01-n02; if(op.equals("*")) result=n01*n02; if(op.equals("/")) result=n01/n02;

55 if(op.equals("%")) result=n01%n02; out.println("<h1> Result= "+result+"</h1>"); %> OUTPUT:

56 6(v) (c). Modify the above program such that it stores each query in a database and checks the database first for the result. If the query is already available in DB, it returns the value that was previously computed (from DB) or it computes the result and returns it after storing the new query and result in DB. USING JSP CODE: Calc6vc.html <head> <title> Calculator </title> </head> <center> <h1> BASIC CALCULATOR </h1> <form action="calc6vc.jsp" method="post"> <input type="text" name="v1" placeholder="enter a value"> <input type="text" name="v2" placeholder="enter a value"><br><br> <input type="submit" value="+" name="add"> <input type="submit" value="-" name="sub"> <input type="submit" value="*" name="mul"> <input type="submit" value="/" name="div"> <input type="submit" value="%" name="mod"> </form> Calc6v.jsp <%@page language="java" import="java.sql.*" "errorpage=""%> <% int n01,n02; String op; n01=integer.parseint(request.getparameter("v1")); n02=integer.parseint(request.getparameter("v2")); op=request.getparameter("add"); Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); Connection con=drivermanager.getconnection("jdbc:odbc:scce6"); Statement st=con.createstatement(); ResultSet rs=st.executequery("select * FROM calc"); if(rs.next()) out.println("<h1> operation already exixts in the database"); out.println("<br> Result is ="+rs.getstring(5)); else

57 int result=0; if(op.equals("+")) result=n01+n02; if(op.equals("-")) result=n01-n02; if(op.equals("*")) result=n01*n02; if(op.equals("/")) result=n01/n02; if(op.equals("%")) result=n01%n02; int x=st.executeupdate("insert into guests2 values('"+n01+"','"+n02+"','"+op+"','"+result +"')"); if(x>0) out.println("<h1> Result"+result+"</h1>"); else out.println("<h1> Error in insertion</h1>"); %> OUTPUT:

58 6(vi) (c). A web application that takes a name as input and on submit it shows a hello <name> page where name is taken from the request. It shows the start time at the right top corner of the page and provides a logout button. On clicking this button, it should show a logout page with Thank You <name > message with the duration of usage (hint: Use session to store name and time). USING JSP CODE: Session6vic.html <head> <title> SESSION LOGIN </title> </head> <center> <form action="session16vic.jsp" method="get"> Enter Name: <input type="text" name="uname"> <br> <input type="submit" value="login" name="register"> </form> Session16vic.jsp <%@page language="java" import="java.util.*" errorpage=""%> <form method="get" action="session26vic.jsp"> <% Date d=new Date(); %> <p align="right"> Time;<%=d.getTime()%></p> <% String un=request.getparameter("uname"); session.setattribute("user",un); session.setattribute("time",d.gettime()); %> Hello <%=un%> <br><br> <input type="submit" value="logout"> </form> Session26vic.jsp <%@page language="java" import="java.util.*" errorpage=""%> <%

59 Date d2=new Date(); String un=(string)session.getattribute("user"); Long t1=(long)session.getattribute("time"); Long t2=d2.gettime(); %> Thank you <%=un%> <br><br> Session duration: <%=(t2-t1)/(60*60)%> seconds <% session.invalidate();%> OUTPUT:

60 6 (Vii)(c). A web application that takes name and age from an HTML page. If the age is less than 18, it should send a page with Hello <name>, you are not authorized to visit the site message, where <name> should be replaced with the entered name. Otherwise it should send Welcome <name> to this site message. USING JSP CODE: Usereligible6viic.html <head> <title> User Acess </title> </head> <br> <center> <h1> USER ELIGIBILITY </h1> <form action="checkage6viic.jsp" method="get"> <input type="text" name="uname" placeholder="enter your name"> <br> <input type="text" name="uage" placeholder="enter your age"> <br> <input type="submit" value="submit" name="sub"<> </form> Checkage6viic.jasp <%@page language="java" import="java.sql.*" errorpage=""%> <% String name; int age; name=request.getparameter("uname"); age=integer.parseint(request.getparameter("uage")); if(age<=18) out.println("<h1> Hello\t " +name+"\tyou are not eligible </h1>"); else out.println("<h1> Welcome " +name+"to this site </h1>"); %>

61 OUTPUT: CASE 1: CASE 2:

62 6(ix) (c). A web application that lists all cookies stored in the browser on clicking List Cookies button. Add cookies if necessary. USING JSP CODE: cookie6ixc.html <head> <title> Calculator </title> </head> <form action="cookie16ixc.jsp" method="post"> Enter your name:<input type="text" name="name1" placeholder="enter name"> <input type="submit" value="add cookie"> </form> cookie16ixc.jsp <%@page language="java" import="java.sql.*" errorpage=""%> <% String name=request.getparameter("name1"); Cookie c1=new Cookie ("firstname",name); response.addcookie(c1); c1.setmaxage(50*50); %> <form method="get" action="cookie26ixc.jsp"> <input type="submit" value="list Cookies"> </form> Cookie26ixc.jsp <%@page language="java" import="java.sql.*" errorpage=""%> <title> List of Cookies </title> <h1> List of Cookies </h1> <% Cookie[] cookies=request.getcookies();

63 %> <table border=1> </tr> <% out.println("<td> Cookie Name </td> <td> Cookie value </td>"); for(int i=0;i<cookies.length;i++) out.println("<h2> <tr> <td> "+cookies[i].getname()+"</td><td>"+cookies[i].getvalue()+"</td></tr>"); %> </tr> </table> OUTPUT:

EXPERIMENT- 9. Login.html

EXPERIMENT- 9. Login.html EXPERIMENT- 9 To write a program that takes a name as input and on submit it shows a hello page with name taken from the request. And it shows starting time at the right top corner of the page and provides