This document was uploaded by user and they confirmed that they have the permission to share
it. If you are author or own the copyright of this book, please report to us by using this DMCA
report form. Report DMCA
Overview
Download & View Web Desing Using Jsp as PDF for free.
Website Proposal Homepage Explanation of a Flower Flower List (ordered and unordered) Flower pictures Flower details (database) View Details Search Flower Registration Form Members page Insert a record Delete a record Logout Contact Form Testing Error page Homepage Code Troubleshooting (How to start TOMCAT) References
FlowerSMart Purpose and Audience for site Purpose of this website is to give overview of what are the types of flowers and on different occasion what the flowers customer can buy. Audience: those who don’t know which flowers to buy on which occasion, this website will provide assistence in order to select flowers on different occasion. Allows you to select flower using types of flowers and its price. What Pages will you need – use more sheets if necessary File Name
Purpose
w_flower.html
give you brief description of a flower
anni.html
static
Display_flower.jsp
Collection of flowers which customers can select for Anniversary Collection of flowers which customers can select to show Sympathy To display flowers form the database
Sitemap.jsp
Navigation page
Static
insert.jsp
insert new flowers into database
Dynamic
deleteFlower.jsp
Delete flowers form Database
Dynamic
searchFlower.jsp
Search Flowers by ID
Dynamic
Contact.html
Contact page
static
log_F.jsp
Allows user to login to web site/ Protected
searchFlower1.jsp
Search Flowers by ID and Name
Dynamic/ Protected Dynamic
Register.jsp
Dynamic
birthday.html
Registration form allows user to register, so they can login in the future. allows user to select birthday flower
flower.html
gives list of meaning of flowers
static
getwell.html
allows user to select flowers
static
wedding.html
allows user to select for wedding occasion
static
sympathy.html
Page No:2
Dynamic / Static / Protected? static
static Dynamic
Static
Yogesh .S. Mangela
DB2010
Date:08/01/2008
valentine.html
allows user to select flowers for valentine day
static
sympathy.html
allows user to select flowers for sympathy occasion
static
validateFlower.jsp
Dynamic
Logout.jsp
Allows validation of flowers i.e deletion and addition Allows user to loge out
Log_A.jsp
Authorisation to validate pages, allows you to login
Dynamic
errorpage.jsp
displays error when error is detected
Dynamic
Member.jsp
shows you that you have successfully logged in or not check whether the registration details are correctly filled or not connects the database i.e MS ACCESS
Dynamic
displayFlowerDetail.jsp displays the all the detail for a particular flower ID
Dynamic
Re_A.jsp connection.jsp
What tables will you need in your database? flower
1.2 Homepage Page No:3
Dynamic
Dynamic Dynamic
Yogesh .S. Mangela
DB2010
Date:08/01/2008
Once you have started running the tomcat, double click firefox internet browser, type “localhost” it will display below page:
in the address bar type http://localhost/Mangela/ should display below page
Page No:4
Yogesh .S. Mangela
DB2010
Date:08/01/2008
Figure 1.1 Homepage (http://localhost/Mangela/)
Page No:5
Yogesh .S. Mangela
DB2010
1.3 Explanation of Flower
What is flower (http://localhost/Mangela/pinkflower/w_flower.html)
1.4 Flower List (Meaning)
meaning of flowers (http://localhost/Mangela/pinkflower/flower.html) Scroll down to see unordered lists
Page No:6
Date:08/01/2008
Yogesh .S. Mangela
DB2010
Date:08/01/2008
1.5 Flower Picture
birthday flower (http://localhost/Mangela/pinkflower/birthday.html) click anniversary, Get well, Wedding, Valentine and Sympathy respectively to see more flowers
(http://localhost/Mangela/displayFlowerDetail.jsp?id=12) click view details to view details for a flower Click View Details to view more details of a Flower
1.9 Registration Form To register click register the fill in you details;
Will display following page will display (http://localhost/Mangela/Register.jsp)
(http://localhost/Mangela/Re_A.jsp)
Page No:10
Yogesh .S. Mangela
DB2010
Date:08/01/2008
Type “Yogesh” into Username and “1234” in to Password it should produce following page;
(http://localhost/Mangela/Log_A.jsp)
2.0 Members page
Records Before inserting a new record
Click Member Page to Insert and Delete record. (http://localhost/Mangela/Display_flower.jsp)
2.1 Insert a record Inserting New Flowers Details (http://localhost/Mangela/insertFlower.jsp)
Page No:11
Yogesh .S. Mangela
DB2010
Date:08/01/2008
New record Inserted
New record inserted (http://localhost/Mangela/Display_flower.jsp)
2.2 Delete a record
Deleting a record (http://localhost/Mangela/deleteFlower.jsp) click Delete Pappus of Ray very last record will delete the record and will display below page;
The record has been deleted
Page No:12
Yogesh .S. Mangela
DB2010
2.3 Logout
Log out (http://localhost/Mangela/Logout.jsp) To log out click Logout in the navigation bar, will display above page on entering wrong Username or password following page will display
Logging (http://localhost/Mangela/Log_A.jsp)
Page No:13
Date:08/01/2008
Yogesh .S. Mangela
DB2010
2.4 Contact Form
Contact page (http://localhost/Mangela/contact.html) Type details and then click send will open below window
ask you for password
Click Reset to clear details.
2.5 Testing Error page
Page No:14
Date:08/01/2008
Yogesh .S. Mangela
DB2010
Date:08/01/2008
To test error page <%= 1/0 %> typed in.
Page below was displayed saying that you have Exception error 1 cannot divide by zero
Isn't the power to choose beautiful? “ FlowerSMart ” is unlike many national online flower shops which helps you to choose right flowers on different occasion.
Page No:15
Yogesh .S. Mangela
DB2010
Date:08/01/2008
Our goal is to connect local flower and local customers.This website will assist those people who are not sure when and what to buy.We provide a list of flowers from which customer can choose.
If you ever need any help, please do not hesitate to contact us at [email protected]
Click Start Run type “cmd” and press return key; will display command prompt type E:/ or C:/ E:/ in this case type “dir” then type cd T* and “dir” now type “go_north” will display below:
now type “cd my*” press enter then “dir” hit return key and “cd bin” press return then “dir” hit return key. Now type “startup” press return, will show below page:
Page No:17
Yogesh .S. Mangela
DB2010
Date:08/01/2008
means you have successfully started TOMCAT: now open mozilla firefox web browser, in the address bar type “locathost” which will display below page all the folders and file form your Root folder:
now type your actual website folder in this case its http://localhost/Mangela/ now press return key, it will display the following page: which is homepage, it is detected by server automatically
Page No:18
Yogesh .S. Mangela
Page No:19
DB2010
Date:08/01/2008
Yogesh .S. Mangela
DB2010
Date:08/01/2008
2.8 References: Lecture Slides week 1 to week10; Tutorial 1 to 10: Book
“Head first servlets and JSP / Bryan Basham, Kathy Sierra, Bert Bates” Websites www.google.com http://www.google.co.uk/search?hl=en&q=jsp&btnG=Google+Search&meta= (11/2007) http://java.sun.com/products/jsp/