Download File

1. AIM: 

1 

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: 

 

 

 

Amazon 

 

 

Welcome to AMAZON 

 

for books 

 

 

 

 

HYDERABAD INISTITUTE OF TECHOLOGY AND MANAGEMENT


Login.html: 

 

 

 

login page 

 

 

AMAZON 

 

 

 

user name 

 

 

 

 

password 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2 



Userpro.html: 

 

 

 

login page 

 

 

AMAZON 

 

 

 

 

user name 

 

 

 

password 

 

 

 

confirm password 

 

 

 

male 

 

 

female 

 

 

 

 

Address 

 

 

 

 

 

 

 

 

 

3 



Catalog.html: 

 

 

 

books catalog 

 

 

AMAZON 

 

 

 

 

frontend books 

 

 

 

C&Ds 

 

 

 

Ads 

 

 

 

JAVA 

 

 

backend books 

 

 

 

 

Oracle 

 

 

 

Ms SQL Server 

 

 

 

MySql 

 

 

4 


 

for buy one of these books 

 

 

 

 

 

 

5 



Shopping.html: 

 

shopping cart 

 

 

 

Shopping Cart 

 

 

 

Text Books 

 

 

 

C&Ds 

Ads 

Java 

Oracle 

Ms SQL Server 

MySql 

 

 

 

 

 

Quantity 

 

 

 

 

 

 

 

 

 

 

 

 

Cost of one book is"500" + shipping "100" 

 

 

 

6 


• Payment by credit card 

Payment.html: 

 

payment 

 

Payment By Credit Card 

 

 

 

 

 

Total Amount 

 

 

 

 

Credit Card Number 

 

 

 

 

 

 

 

 

 

 

 

• Order Conformation 

Ordrconform: 

 

order conformation 

 

 

AMAZON 

 

Your order Is Conformed 

 

THANK YOU 

 

 

7 


Result: 

• Home page: 

8 


• Registration and user Login: 

9 


• User profile page: 

10 


• Books catalog: 

11 


• Shopping cart: 

12 


• Payment by credit card: 

13 


• Order Conformation: 

14 


2. AIM: 

15 

Validate the Registration, user login, user profile and payment by 

credit card pages using JavaScript. 

PROCEDURE: 


Main.html: 

 

 

 

 

 

 

 

Top.html: 

 

 

 

ONLINE BOOK 

STORAGE 

 

 

Right.html: 

 

 

 

 

welcome to online book storage. Press login if you are 

having id otherwise press registration. 

 

 


Left.html: 

 

 

 

 

 

LOGIN 

 

USER PROFILE 

 

BOOKS CATALOG 

 

SHOPPINGCART 

 

PAYMENT 

 

ORDER CONFIRMATION 

 

 

 

16 


17 


Login.html: 

 

 

 

function validate() 

{ 

var flag=1; 

if(document.myform.id.value==""|| 

document.myform.pwd.value=="") 

{ 

flag=0; 

} 

if(flag==1) 

{ 

alert("VALID INPUT"); 

} 

else 

{ 

alert("INVALID INPUT"); 

document.myform.focus(); 

} 

} 

 

 

 

LOGIN ID : 

PASSWORD: 

 

 

 

 

 

 

 

 



Profile.html: 

 

 

 


{ 

var flag=1; 

if(document.myform.name.value==””|| 

document.myform.addr.value==””|| 

document.myform.phno.value==””|| 

document.myform.id.value==””|| 

document.myform.pwd.value==””) 

{ 

flag=0; 

} 

var str=document.myform.phno.value; 

var x; 

for(var i=0;i

19 

PASSWORD : 

 

 

 

 

 

 


• Books catalog: 

Scart.html: 

 

 

 


{ 

var flag=1; 

if(document.myform.title.value=="") 

{ 

flag=0; 

} 

str=document.myform.title.value; 

20 

if(str=="c") 

{ 

document.writeln(""); 

document.writeln("title-->c"+" cost-->444"); 

} 

else if(str=="jsp") 

{ 

document.writeln(""); 

document.writeln("title-->jsp"+" cost-->555"); 

} 

else 

{ 

flag=0; 

} 

if(flag==1) 

{ 

alert("VALID INPUT"); 

} 

else 

{ 

alert("INVALID INPUT"); 

document.myform.focus(); 

} 

} 

 

 

 

BOOK TITLE : 


 

 

 

 

 

 

 

 

21 


• Shopping cart: 

22 

Catalog.html: 

 

 

 


{ 

var flag=1; 


document.myform.title.value==""|| 

document.myform.no.value==""|| 

document.myform.cost.value==""|| 

document.myform.date.value=="") 

{ 

flag=0; 

} 

var str=document.myform.no.value; 

var x; 

for(var i=0;i

23 

 

 

LOGIN ID : 

TITLE : 

NO.OF BOOKS : 

COST OF BOOK : 

DATE : 

 

 

 

 

 

 

 

 



Payment.html: 

 

 

 


{ 

var flag=1; 


document.myform.pwd.value==""|| 

document.myform.amount.value==""|| 

document.myform.num.value=="") 

{ 

flag=0; 

} 

var str=document.myform.amount.value; 

var x; 

for(var i=0;i

25 

} 

} 

 

 

 

LOGIN ID : 

PASSWORD : 

AMOUNT : 

CREDITCARDNUMBER: 

 

 

 

 

 

 

 

 


Order.html: 

 

order conformation 

 

 

AMAZON 

 

Your order Is Conformed 

 

THANK YOU 

 

 


Result: 

• Home page 

26 



27 



28 



29 



30 



31 



32 


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: 

 

 

 

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

} 

34 

if(x0[j].childNodes[0].nodeValue==id) 

{ 

ob.document.f1.uname.value=x1[j].childNodes[0].nodeValue; 

ob.document.f1.qual.value=x2[j].childNodes[0].nodeValue; 

ob.document.f1.jn.value=x3[j].childNodes[0].nodeValue; 

ob.document.f1.cn.value=x4[j].childNodes[0].nodeValue; 

ob.document.f1.dob.value=x5[j].childNodes[0].nodeValue; 

ob.document.f1.address.value=x6[j].childN 

odes[0].nodeValue+","+x7[j].childNodes[0].nodeValue; 

} 

} 

else alert("incorrect password"); 

return; 

} 

} 

alert("incorrect userid") ; 

} 

 

 

 

 

 

Login Form 

User Id: 

Password: 

 

 

 

 

 

 


35 

• User information page: 

Userinfo.html: 

 

 

User Info 

 

 

 

User Information 

 

 

 

User Id: 

User Name: 

Qualification: 

Job: 

Company: 

Date Of Birth: 

Address: 

 

 

 

 

 

 


• Users xml pages: 

36 

Users.xml: 

 

 

 

1 

a 

 

 

2 

b 

 

 

3 

c 

 

 

4 

d 

 

5 

e 

 

6 

f 


Userinfo.xml: 

 

 

 

1 

abc 

def 

ghi 

jkl 

may06,88 

 

mno 

pqr 

 

 

 

2 

def 

ghi 

jkl 

mno 

june24,88 

 

pqr 

stu 

 

 

 

3 

ghi 

jkl 

mno 

pqr 

may07,86 

 

stu 

vwx 

 

 

 

4 

jkl 

mno 

pqr 

stu 

37 


sep6,88 

 

vwx 

yz 

 

 

 

5 

mno 

pqr 

stu 

vwx 

aug23,87 

 

yz 

abc 

 

 

 

6 

pqr 

stu 

vwx 

yz 

oct22,88 

 

abc 

def 

 

38 


Output: 

• Login page: 

39 


User information page: 

40 


41 

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

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

Catalina.bat run 

At the I.E(web browser) give the url as http;//localhost:8080//tr/htmlfile or servlet url 

pattern 

Portno 8080 is assigned for the tomcat. 


Main.html: 

 

 

 

ONLINE BOOK STORAGE 

 

Welcome to online book storage. 

Press LOGIN if you are having id 

otherwise press REGISTRATION 

 

 

LOGIN 

REGISTRATION 

 

 



Login.html: 

 

 

 

 

LOGIN ID : 

PASSWORD : 

 

 

 

 

 

 

 

 

 

42 


• Registration page: 

Reg.html: 

43 

 

 

 

 

 

NAME 

: 

 

 

ADDRESS 

: 

 

 

CONTACT NUMBER 

: 

 

 

LOGINID 

: 

 

 

PASSWORD 

: 

 

 

 

 

 

 

 

 

 

 



Profile.html: 

 

 

 

 

LOGIN ID : 

 

 

 

 

 

 

 

 

 

 

• Books catalog page: 

Catalog.html: 

44 

 

 

 

 

BOOK TITLE : 

 

 

 

 

 

 

 

 

 

 

• Shopping cart, Payment by credit card, Order 

Conformation page: 


Order.html: 

 

 

 

 

ID : 

PASSWORD : 

TITLE : 

NO. OF BOOKS : 

DATE : 

CREDIT CARD NUMBER : 

 

 

 

 

 

 

 

 

 

45 


• Login servlet: 

Login.java: 

46 

import java.sql.*; 

import java.io.*; 

import javax.servlet.*; 

import javax.servlet.http.*; 

public class login extends HttpServlet 

{ 

public void service(HttpServletRequest req,HttpServletResponse resp) 

throws ServletException,IOException 

{ 

PrintWriter pw=resp.getWriter(); 

pw.println(""); 

String id=req.getParameter("id"); 

String pwd=req.getParameter("pwd"); 

try 

{ 

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(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2))) 

{ 

flag=1; 

} 

} 

if(flag==0) 

{ 

pw.println("SORRY INVALID ID TRY AGAIN 

ID"); 

pw.println("press LOGIN to 

RETRY"); 

} 

else 

{ 

pw.println("VALID LOGIN ID"); 


} 

} 

47 


pw.println("USER 

PROFILE "); 

pw.println("BOOKS 

CATALOG"); 

pw.println("ORDER 

CONFIRMATION "); 

} 


} 

catch(Exception e) 

{ 

resp.sendError(500,e.toString()); 

} 


• Registration servlet: 

Reg.java: 

48 





public class reg extends HttpServlet 

{ 



{ 


resp.setContentType("text/html"); 


String name=req.getParameter("name"); 

String addr=req.getParameter("addr"); 

String phno=req.getParameter("phno"); 

String id1=req.getParameter("id"); 

String pwd1=req.getParameter("pwd"); 

int no=Integer.parseInt(phno); 

try 

{ 


Connection 


); 




int flag=0; 


{ 

if(id1.equals(rs.getString(1))&&pwd1.equals(rs.getString(2))) 

{ 

flag=1; 

} 

} 

if(flag==1) 

{ 

pw.println("SORRY INVALID ID ALREADY 

EXITS TRY AGAIN WITH NEW ID"); 


} 

} 

} 

else 

{ 

49 

pw.println("press REGISTER to 

RETRY"); 

Statement stmt1=con.createStatement(); 

stmt1.executeUpdate("insert into login 

values('"+name+"','"+addr+"',"+no+",'"+id1+"','"+pwd1+"'); 

"); 

pw.println("YOUR DETAILS ARE 

ENTERED"); 

pw.println("press LOGIN to 

login"); 

} 


} 


{ 


} 


• Profile servlet: 

Profile.java: 

50 





public class profile extends HttpServlet 

{ 



{ 




try 

{ 


Connection 


); 


String sqlstmt="select * from login where id="+id+""; 


int flag=0; 



{ 


pw.println("NAME :"+rs.getString(1)+""); 

pw.println("ADDRESS :"+rs.getString(2)+""); 

pw.println("PHONE NO :"+rs.getString(3)+""); 


flag=1; 

} 

if(flag==0) 

{ 


ID"); 

pw.println("press HERE to 

RETRY"); 

} 


} 



} 

} 

{ 

} 

51 



• Catalog servlet: 

Catalog.java: 

52 





public class catalog extends HttpServlet 

{ 



{ 



String title=req.getParameter("title"); 

try 

{ 


Connection 


); 


String sqlstmt="select * from book where title=\'"+title+"\'"; 


int flag=0; 


{ 


pw.println("TITLE :"+rs.getString(1)+""); 

pw.println("AUTHOR :"+rs.getString(2)+""); 

pw.println("VERSION :"+rs.getString(3)+""); 

pw.println("PUBLISHER :"+rs.getString(4)+""); 

pw.println("COST :"+rs.getString(5)+""); 


flag=1; 

} 

if(flag==0) 

{ 

pw.println("SORRY INVALID TITLE TRY 

AGAIN "); 


RETRY"); 

} 


} 


} 

} 

53 


{ 


} 


• Order servlet: 

Order.java: 

54 





public class order extends HttpServlet 

{ 



{ 

int count; 




String pwd=req.getParameter("pwd"); 

String title=req.getParameter("title"); 

String count1=req.getParameter("no"); 

String date=req.getParameter("date"); 

String cno=req.getParameter("cno"); 

try 

{ 

count=Integer.parseInt(count1); 


Connection 


); 




int flag=0,amount,x; 


{ 

if(id.equals(rs.getString(1))&&pwd.equals(rs.getString(2))) 

{ 

flag=1; 

} 

} 

if(flag==0) 

{ 


ID"); 


RETRY"); 

} 

} 

} 

} 

else 

{ 

55 

} 


con.close(); 

} 


{ 


} 



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


stmt1.executeUpdate("insert into details 

values('"+id+"','"+title+"',"+amount+",'"+cno+"');"); 

pw.println("YOUR ORDER has taken"); 

} 

if(flag1==0) 

{ 

pw.println("SORRY INVALID ID 

TRY AGAIN ID"); 


RETRY"); 


• Web.xml: 

 

 

 

login 

login 

 

 

reg 

reg 

 

 

profile 

profile 

 

 

order 

order 

 

 

catalog 

catalog 

 

 

login 

/login 

 

 

reg 

/reg 

 

 

profile 

/profile 

 

 

order 

/order 

 

 

catalog 

/catalog 

 

 

main.html 

56 


Output: 


57 



58 


• Login servlet: 

59 



60 


• Reg servlet: 


61 


• Profile servlet: 

62 



63 


• Catalog servlet: 

64 


65 


66 





67 


68 

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 tr1 

3) Copy the jsp files also into tr1 

4) Start tomcat give the following command 

Catalina.bat run 

At install-dir/bin 

5) at I.E give url as http://localhost:8081/tr1/main.html 


Main.html: 

 

 

 

ONLINE BOOK STORAGE 

 

Welcome to online book storage. 

Press LOGIN if you are having id 

Otherwise press REGISTRATION 

 

 

LOGIN 

REGISTRATION 

 



Login.html: 

 

 

 

 

LOGIN ID : 

PASSWORD : 

 

 

 

 

 

 

 

 

 

69 



Reg.html: 

70 

 

 

 

 

 

NAME 

: 

 

 

ADDRESS 

: 

 

 

CONTACT NUMBER 

: 

 

 

LOGINID 

: 

 

 

PASSWORD 

: 

 

 

 

 

 

 

 

 

 

 



Profile.html: 

 

 

 

 

LOGIN ID : 

 

 

 

 

 

 

 

 

 

 


Catalog.html: 

71 

 

 

 

 

BOOK TITLE : 

 

 

 

 

 

 

 

 

 

 


72 



Order.html: 

 

 

 

 

ID : 

PASSWORD : 

TITLE : 

NO. OF BOOKS : 

DATE : 

CREDIT CARD NUMBER : 

 

 

 

 

 

 

 

 

 


• Login JSP: 

Login.jsp: 

73 

 

 

 


• Registration JSP: 

Reg.jsp: 

74 

 

 

 


• Profile JSP: 

Profile.jsp: 

75 

 

 

 


• Catalog JSP: 

Catalog.jsp: 

76 

 

 

 



Order.java: 

77 

 

 

%> 

Output: 

} 

78 

amount=count*x; 

out.println("AMOUNT 

:"+amount+""); 


stmt1.executeUpdate("insert into details 

values('"+id+"','"+title+"',"+amount+",'"+cno+"');"); 

out.println("YOUR ORDER has taken"); 

} 

if(flag1==0) 

{ 

out.println("SORRY INVALID ID 

TRY AGAIN ID"); 

out.println("press HERE to 

RETRY"); 

} 

out.println(""); 

con.close(); 




79 


• Login JSP: 

80 



81 


• Reg JSP: 

82 



83 


• Profile JSP: 

84 



85 


• Catalog JSP: 

86 


87 


88 




• Order JSP: 

89 


6. AIM: 

90 

Implement the "Hello World!" program using JSP Struts 

Framework 

PROCEDURE: 

Step 1: 

in tomcat install directory 

Open tomcat/webapps 

Create a subdirectory(ts) 

Copy the struts-blank.war file 

At that directory path in cmd give the command as 

Jar xvf struts-blank.war 


Step 2: 

91 

create a directory (work in e:\) and copy struts.jar,servelet-appi.jar into work d 

directory.Then set the classpath as 

set classpath=struts.jar;servlet-api.jar; 

then copy the ActionOne.class file to webapps/ts/WEB-INF/classes 

ActionOne.java: 




import org.apache.struts.action.*; 

public class ActionOne extends Action 

{ 

publicActionForwardexecute(ActionMappingmapping,ActionFormform,HttpServletRequ 

est request,HttpServletResponse response)throws Exception 

{ 

System.out.println("---Action executed----"); 

PrintWriter pw=response.getWriter(); 

pw.println("HELLO WORLD!"); 

return null; 

} 

} 

Step 3: 


Struts-Config.xml file 

 

 

 

 

 

 

Step 4: 

92 


Web.xml 

 

 

 

action 

org.apache.struts.action.ActionServlet 

 

config 

/WEB-INF/struts-config.xml 

 

 

debug 

2 

 

2 

 

 

 

action 

*.do 

 

 

 

index.jsp 

 

 

 

/tags/struts-bean 

/WEB-INF/struts-html.tld 

 

 

/tags/struts-logic 

/WEB-INF/struts-logic.tld 

 

 

/tags/struts-nested 

/WEB-INF/struts-nested.tld 

 

 

/tags/struts-tiles 

/WEB-INF/struts-tiles.tld 

 

 

93 


Step 5: 

94 

then in I.E give the url as http:localhost:8080/ts/xxx.do 

4. Beans Assignment 


a. Create a JavaBean which gives the excange value of INR(Indian 

Ruppes) into equivalent American Dollar Value. 

95 

import java.awt.event.*; 

public class CurrCon extends Canvas 

{ 

private String rupees; 

private double ERate=0.071; 

private NumberFormat fmt=NumberFormat.getInstance(); 

public CurrCon() 

{ 

setSize(70,70); 

rupees="1.0"; 

change(); 

} 

public String getRupees() 

{ 

return rupees; 

} 

public void setRupees(String rupees) 

{ 

this.rupees=rupees; 

} 

public void change() 

{ 

rupees=get_val(); 

repaint(); 

} 

public String get_val() 

{ 

double Value=Double.parseDouble(rupees); 

Value*=ERate; 

fmt.setMaximumFractionDigits(3); 

fmt.setMinimumFractionDigits(3); 

rupees="$"+fmt.format(Value); 

return rupees; 

} 

public void paint(Graphics g) 

{ 

g.drawString(rupees,10,10); 

} 

}; 

Procedute: 

1. Compile the above program and copy the class file in a folder. 


96 

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 bdk 

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

Download File

Create successful ePaper yourself

Delete template?

Save as template?