Scribd
Upload
1K views

Convert Static Web Pages Into Dynamic Web Pages Using JSP

The document describes creating an online book shopping application using JSP with database connectivity. It involves the following steps: 1. Creating HTML pages for the home, login, registration, profile, catalog, and order pages. 2. Creating JSP pages to handle business logic on the server side. 3. Using a database to store book and user details. 4. Connecting to the database using JDBC and executing SQL statements to retrieve, insert, and update records. 5. Testing the application by running the files on a web server and viewing results in a web browser.

Uploaded by

Vidhyavarshini
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
1K views

Convert Static Web Pages Into Dynamic Web Pages Using JSP

The document describes creating an online book shopping application using JSP with database connectivity. It involves the following steps: 1. Creating HTML pages for the home, login, registration, profile, catalog, and order pages. 2. Creating JSP pages to handle business logic on the server side. 3. Using a database to store book and user details. 4. Connecting to the database using JDBC and executing SQL statements to retrieve, insert, and update records. 5. Testing the application by running the files on a web server and viewing results in a web browser.

Uploaded by

Vidhyavarshini
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

EX.

NO: Convert static web pages into dynamic web pages using JSP

DATE: (On-line Shopping)

AIM:

To write an online book shopping application using JSP with database


connectivity.

PROCEDURE:

Step 1: Create home, login, registration, profile, catalog and order html pages.
Step 2: Create jsp pages which does all business works on the server.
Step 3: Use appropriate database to store the details of the books.
Step 4: Create tables to store login details and books details.
Step 5: Connect the database using odbc.jdbc driver.
Step 6: Make changes in the control settings to enable database on your local
machine.

PROGRAM:

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="login.html">LOGIN</a> <a href="reg.html">
REGISTRATION</a></div></pre>
</body>
</html>
login.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form name="myform" method="post" action="login.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"/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="clear" />
</div>
</form>
</body>
</html>
Reg.html:
<html>
<body bgcolor="pink"><br /><br />
<form name="myform" method="post" action="reg.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 />
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">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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.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"/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="clear" />
</div></form></body></html>
catalog.html:
<html>
<body bgcolor="pink"><br /><br /><br />
<form method="post" action="catalog.jsp">
<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"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="clear" name="button2"/>
</div>
</form>
</body></html>
order.html:
<html>
<body bgcolor="pink"><br /><br />
<form method="post" action="order.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"/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="clear"
name="button2"/>
</div>
</form>
</body>
</html>
login.jsp:
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
out.println("<html><body bgcolor='pink'>");
String id=request.getParameter("id");
String pwd=request.getParameter("pwd");
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection con=DriverManager.getConnection ("jdbc:odbc:stu","","");
Statement stmt=con.createStatement();
String sqlstmt="select id,pwd from login where id='"+id+"' and pwd='"+pwd+"'";
ResultSet rs=stmt.executeQuery(sqlstmt);
int flag=0;
while(rs.next())
{
flag=1;
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID<br><br>");
out.println("<a href='login.html'>press LOGIN to RETRY</a>");
}
else
{
out.println("VALID LOGIN ID<br><br>");
out.println("<h3><ul>");
out.println("<li><a href='profile.html'><fontcolor='black'>USER
PROFILE</font></a></li><br><br>");
out.println("<li><a href='catalog.html'><fontcolor='black'>BOOKS
CATALOG</font></a></li><br><br>");
out.println("<li><a href='order.html'><fontcolor='black'>ORDER
CONFIRMATION</font></a></li><br><br>");
out.println("</ul>");
}
out.println("<body></html>");
%>
reg.jsp:
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%out.println("<html><body bgcolor='pink'>");
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");
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection con=DriverManager.getConnection ("jdbc:odbc:stu","","");
Statement stmt=con.createStatement();
String myquery="select id from login";
ResultSet rs=stmt.executeQuery(myquery);
int flag=0;
while(rs.next())
{if(id.equals(rs.getString(1)))
{flag=1;
}}if(flag==1)
{out.println("SORRY LOGIN ID ALREADY EXISTS 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+"','"+phno+"','"+id+"','"+pwd+"')");
out.println ("YOU DETAILS ARE ENTERED <br><br>");
out.println ("<a href ='login.html'>press LOGIN to login</a>");}
out.println ("</body></html>");
%>
profile.jsp:
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
out.println ("<html><body bgcolor='pink'>");
String id=request.getParameter("id");
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection con=DriverManager.getConnection ("jdbc:odbc:stu","","");
Statement stmt=con.createStatement ();
String sqlstmt="select * from login where id='"+id+"'";
ResultSet rs=stmt.executeQuery (sqlstmt);
int flag=0;
while(rs.next())
{
out.println ("<div align='center'>");
out.println ("NAME :"+rs.getString(1)+"<br>");
out.println ("ADDRESS :"+rs.getString(2)+"<br>");
out.println ("PHONE NO :"+rs.getString(3)+"<br>");
out.println ("</div>");
flag=1;
}
if(flag==0)
{
out.println("SORRY INVALID ID TRY AGAIN ID <br><br>");
out.println("<a href='profile.html'>press HERE to RETRY </a>");
}
out.println ("</body></html>");
%>
catalog.jsp:
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%out.println ("<html><body bgcolor='pink'>");
String title=request.getParameter ("title");
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection con=DriverManager.getConnection ("jdbc:odbc:stu","","");
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='catalog.html'>press HERE to RETRY </a>");
}
out.println ("</body></html>");
%>
order.jsp:
<%@page import="java.sql.*"%>

<%@page import="java.io.*"%>

<%out.println ("<html><body bgcolor='pink'>");

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

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("sun.jdbc.odbc.JdbcOdbcDriver");

Connection con=DriverManager.getConnection ("jdbc:odbc:stu","","");

Statement stmt=con.createStatement ();

String sqlstmt="select id,password from login";

ResultSet rs=stmt.executeQuery (sqlstmt);

int flag=0,amount,x;

while(rs.next())

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

flag=1;

}}

if(flag==0)

out.println("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())

flag1=1;

x=Integer.parseInt(rs1.getString(3));
amount=count*x;

out.println("AMOUNT :"+amount+"<br><br><br><br>");

Statement stmt1=con.createStatement ();

stmt1.executeUpdate ("insert into details


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

out.println ("YOU ORDER HAS TAKEN<br>");

if(flag1==0)

out.println("SORRY INVALID BOOK TRY AGAIN <br><br>");

out.println("<a href='order.html'>press HERE to RETRY </a>");

} out.println ("</body></html>");

%>

EXECUTION:

Step 1: Go to MS-access->select blank database.

Step 2: Give the database name and click create button.

Step 3: Select create table and design the required table.

Step 4: Go to Control Panel->select Administrative tool-> select


Data Source (ODBC).
Step 5: Select DNS tabs-> and click on ADD button-> select
Microsoft access driver and select your database click finish.

Step 6: Save all the files in the web server (Eg:Tomcat) .

Step 7: Run the file on any web browser.

OUTPUT:
TABLES:
RESULT:

Thus the online book shopping application using JSP with database
connectivity was coded and executed successfully.

You might also like