1 1. AIM: Develop static pages (using only HTML) of an online Book store. The pages should resemble :www.amazon.com. The website should consist the following pages. Home page Registration and user Login User profile page Books catalog Shopping cart Payment by credit cardOrder Conformation PROCEDURE : Home page Main.html: <html> <head> <title> Amazon</title> </head> <body bgcolor="cyan"> <center> <strong><h1>Welcome to AMAZON</h1></strong> <form method="post" action="login.html" target=_blank > <h4>for books</h4><input type="submit" value="click here"> </form> </center> </body> </html> HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
1
1. AIM:
Develop static pages (using only HTML) of an online Book store. The pages should resemble :www.amazon.com. The website should consist the following pages.
Home page Registration and user Login User profile page Books catalog Shopping cart Payment by credit cardOrder Conformation
Ordrconform:<html><head><title>order conformation</title><M/head><body bgcolor="cyan"><center><h1><b>AMAZON</h1><pre><strong><b>Your order Is Conformed</strong></pre><h2><b>THANK YOU</h2></center></body></html>
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
8
Result:
Home page:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
9
Registration and user Login:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
10
User profile page:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
11
Books catalog:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
12
Shopping cart:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
13
Payment by credit card:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
14
Order Conformation:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
15
2. AIM:
Validate the Registration, user login, user profile and payment by credit card pages using JavaScript.
<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 bgcolor=”pink”> <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>
Order.html:<html><head><title>order conformation</title><M/head><body bgcolor="cyan"><center><h1><b>AMAZON</h1><pre><strong><b>Your order Is Conformed</strong></pre><h2><b>THANK YOU</h2></center></body></html>
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
26
Result:
Home page
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
27
Registration and user Login
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
28
User profile page
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
29
Books catalog
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
30
Shopping cart
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
31
Payment by credit card
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
32
Order Conformation
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
33
3. AIM: Create and Save an XML document at the server, which contains 10
users information. Write program, which takes user ID as input and returns the user details by taking the user information from XML Document.
Procedure:
Login Page :
Login.html:
<html> <head> <script type="text/javascript"> function ser() { var xmldoc=new ActiveXObject("Microsoft.XMLDOM"); xmldoc.load("users.xml"); var id=f1.id.value; var pass=f1.pass.value; var x=xmldoc.getElementsByTagName("userid"); var y=xmldoc.getElementsByTagName("password"); for(i=0;i<x.length;i++) { if(x[i].childNodes[0].nodeValue==id) { if(y[i].childNodes[0].nodeValue==pass) { alert("successfull logged"); var ob=window.open("userinfo.html","_blank"); ob.document.f1.uid.value=x[i].childNodes[0].nodeValue; xmldoc.load("userinfo.xml"); var x0=xmldoc.getElementsByTagName("userid"); var x1=xmldoc.getElementsByTagName("username"); var x2=xmldoc.getElementsByTagName("qualification"); var x3=xmldoc.getElementsByTagName("job"); var x4=xmldoc.getElementsByTagName("companyname"); var x5=xmldoc.getElementsByTagName("dob"); var x6=xmldoc.getElementsByTagName("street"); var x7=xmldoc.getElementsByTagName("city"); for(var j=0;j<x0.length;j++) {
4. AIM : Install TOMCAT web server. Convert the static webpages of assignments 2
into dynamic webpages 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.
PROCEDURE:
First install the tomcat into the system.Then make a subdirectly(eg., tr) in the \tomcat\webapps.Under tr create WEB-INF directory and also place the html files in this tr directory only.Next under WEB-INF create two subclasses lib,classes and web.xmlNext place all the class files under the classes and jar files(servlet-api.jar,classes12.jar etc…) under lib subdirectories.After this start tomcat by giving the following command at the instll_dir>tomcat>binCatalina.bat runAt the I.E(web browser) give the url as http;//localhost:8080//tr/htmlfile or servlet url patternPortno 8080 is assigned for the tomcat.
Home page:
Main.html:<html><body><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 idotherwise press REGISTRATION</b></pre></h2><br /><br /><pre><div align="center"><a href="login.html">LOGIN</a> <a href="reg.html">REGISTRATION</a></div></pre></body></html>
pw.println("<br><br>SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEW ID<br><br>");pw.println("<a href=\"reg.html\">press REGISTER to RETRY</a>");
}else{
Statement stmt1=con.createStatement();stmt1.executeUpdate("insert into login values('"+name+"','"+addr+"',"+no+",'"+id1+"','"+pwd1+"');");pw.println("<br><br>YOUR DETAILS ARE ENTERED<br><br>");pw.println("<a href=\"login.html\">press LOGIN to login</a>");
}pw.println("</body></html>");
}catch(Exception e){
resp.sendError(500,e.toString());}
}}
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
51
Profile servlet:
Profile.java:
import java.sql.*;import java.io.*;import javax.servlet.*;import javax.servlet.http.*;public class profile extends HttpServlet{
public void service(HttpServletRequest req,HttpServletResponse resp)throws ServletException,IOException{
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");Connection con=DriverManager.getConnection("jdbc:odbc:orcl","scott","tiger");Statement stmt=con.createStatement();String sqlstmt="select * from book where title=\'"+title+"\'";ResultSet rs=stmt.executeQuery(sqlstmt);int flag=0;while(rs.next()){
pw.println("<br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
56
pw.println("<a href= \" order.html \" >press HERE to RETRY</a>");
} else{
Statement stmt2=con.createStatement();String s="select cost from book where title=\'"+title+"\'";ResultSet rs1=stmt2.executeQuery(s);int flag1=0;while(rs1.next()){
:"+amount+"<br><br><br><br>");Statement stmt1=con.createStatement();stmt1.executeUpdate("insert into details values('"+id+"','"+title+"',"+amount+",'"+cno+"');");pw.println("<br>YOUR ORDER has taken<br>");
}if(flag1==0){
pw.println("<br><br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");pw.println("<a href=\"order.html\">press HERE to RETRY</a>");
Shopping cart, Payment by credit card, Order Conformation page:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
68
Order servlet:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
69
5. AIM: 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 and books information. The books catalogue should be dynamically loaded from the database. Follow the MVC architecture while doing the website.
PROCEDURE:
1) Create your own directory under tomcat/webapps (e.g. tr1)2) Copy the html files in tr13) Copy the jsp files also into tr14) Start tomcat give the following command
Catalina.bat runAt install-dir/bin
5) at I.E give url as http://localhost:8081/tr1/main.html
Home page:
Main.html:<html><body><br><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="login.html">LOGIN</a> <a href="reg.html">REGISTRATION</a></div></pre> </body></html>
int no=Integer.parseInt(phno);Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");Connection con=DriverManager.getConnection("jdbc:odbc:orcl","scott","tiger");Statement stmt=con.createStatement();String sqlstmt="select id,pwd from login";ResultSet rs=stmt.executeQuery(sqlstmt);int flag=0;while(rs.next())
}if(flag==1){ out.println("<br><br>SORRY INVALID ID ALREADY EXITS TRY AGAIN WITH NEW ID<br><br>");
out.println("<a href=\"reg.html\">press REGISTER to RETRY</a>");
}else{ Statement stmt1=con.createStatement();
stmt1.executeUpdate("insert into login values('"+name+"','"+addr+"',"+no+",'"+id1+"','"+pwd1+"');");out.println("<br><br>YOUR DETAILS ARE ENTERED<br><br>");out.println("<a href=\"login.html\">press LOGIN to login</a>");
String title=request.getParameter("title");Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");Connection con=DriverManager.getConnection("jdbc:odbc:orcl","scott","tiger");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("<br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");out.println("<a href= \"order.html \" >press HERE to RETRY</a>");
} else{
Statement stmt2=con.createStatement();String s="select cost from book where title=\'"+title+"\'";ResultSet rs1=stmt2.executeQuery(s);int flag1=0;while(rs1.next()){
:"+amount+"<br><br><br><br>");Statement stmt1=con.createStatement();stmt1.executeUpdate("insert into details values('"+id+"','"+title+"',"+amount+",'"+cno+"');");out.println("<br>YOUR ORDER has taken<br>");
}if(flag1==0){
out.println("<br><br><br>SORRY INVALID ID TRY AGAIN ID<br><br>");out.println("<a href=\"order.html\">press HERE to RETRY</a>");
Shopping cart, Payment by credit card, Order Conformation page:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
90
Order JSP:
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
91
6. AIM :
Implement the "Hello World!" program using JSP Struts Framework
PROCEDURE:
Step 1:
in tomcat install directoryOpen tomcat/webapps Create a subdirectory(ts)Copy the struts-blank.war fileAt that directory path in cmd give the command asJar xvf struts-blank.war
HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT
92
Step 2:
create a directory (work in e:\) and copy struts.jar,servelet-appi.jar into work d directory.Then set the classpath asset classpath=struts.jar;servlet-api.jar;then copy the ActionOne.class file to webapps/ts/WEB-INF/classes
Procedute:1. Compile the above program and copy the class file in a folder.2. Create a Manifest File in editor in MSDos .3. Manifest File should be named with extension “ft”4. And type as “Name: Class file name” and “Java-Bean: True”5. Create a Jar file using command >jar cvfm jarName manifestFileName Class
Name.6. Copy jar file into beans soft ware Jars folder.7. Run bdk8. Created class named bean will be shown in the tool window.9. Click on that drag on the BeanBox.10. Select Button from tool window and drag on BeanBox.11. Goto edit menu select action performed option, and select target bean
component (before created bean)12. select change option from property window.