Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Major Project Report Bca Final

Download as pdf or txt
Download as pdf or txt
You are on page 1of 66

CLOTHING WEBSITE

PROJECT REPORT
OF MAJOR PROJECT

BACHELOR OF COMPUTER APPLICATION


Session 2022-23

Submitted to: Submitted by:


MR. SHAMSHAD ALI ADITI RAWAT
Dept. of Computer Science 200904106001

Department of Computer Science


MEWAR INSTITUTE OF MANAGEMENT
Vasundhara, Ghaziabad, UP
MEWAR INSTITUTE OF
MANAGEMENT

CERTIFICATE
This is to certify that ADITI RAWAT, a student of BCA 3rd year has
successfully completed the research on the project under the guidence
of Mr. Ritesh Sir during the year 2022-23 in partial fulfilment of
informations Practices practical examination conducted by CCSU.

Approved by Head of Department.

Internal Examiner External Examiner


ACKNOWLEDGEMT
In the accomplishment of this project successfully, many people have
best owned upon me their blessing and the heart pledge support, this
time I am utilizing to thank all the people who have been concerned
with this project.
Primarily I would thank god for being able to complete this project
with success, then I would like to thank my department HOD Mr.
Shamshad sir and Niharika mam, whose valuable guidence has been
the ones that helped me patch this project and makes it full proof
success.
Then I would like to thank my parents and friend whi have helped me
with their valuable suggestions and guidence has been very helpful in
various phases of the completion of the project.
INDEX

S.NO DESCRIPTION PAGE NO.


1 Introduction 05
2 Objective 06
3 Proposed System 07
4 Tool & Technology 08
5 Application & Description 12
6 Project planning &methodology (SDLC) 14
7 Diagram 16
8 Source Code 17
9 Output 56
10 Database 61
11 System Requirement 64

12 Conclusion 65

13 Bibliography 66
INTRODUCTION

E-commerce (electronic commerce or EC) is the buying and selling of goods


and services, or the transmitting of funds or data, over an electronic network,
primarily the internet. These business transactions occur either as business-to-
business, business-toconsumer, consumer-to-consumer or consumer-to-
business.
E-commerce shops have become part of our daily lives. Technological
advancement has made it possible for people to sit in the convenience of their
homes and still shop online without going to a physical shop. Many people have
also joined the trend of e-commerce business, so this project is meant to design
an eCommerce online shop so that the people will be able to purchase their
goods and services online.
The rise of the Internet has impacted all parts of the fashion industry, not just
the selling end of the industry. It has a role in supply chains, advertising,
communications, brand awareness, etc. and blurred the line between business
and consumer. Social media channels have not just become important to the
selling of fashion but also as part of forecasting and determining future trends.
The software will help in easy maintaining and updating products in the website
for the administrator. Also quick and easy comparison of different products for
the customers.
This project is based on E-commerce website with the help of HTML, CSS ,
Php, JavaScript and MySql..
OBJECTIVE
The project is basically targeted at those people who would like online shopping
and have an internet access.This software help customer to find different
products according category, price, and subcategory.
The main purpose of this web based project is to manage the online shopping of
clothes. It helps to customer to search and buy clothes from anyehere. It helps to
people to book desired product at their prefer time.
The project has a wide scope, as it is not intended to a particular organization.
This project is going to develop generic software, which can be applied by any
businesses organization.
This project is mainly divided into two main categories: The Administrators and
the Customers/Users.
The store manager and the staff members operate as the administrators. They
can add, edit, update products or, delete products thus they able to change the
names of products, change prices and, add or remove products.
The customer can search for products selection, update the cart, remove
products from the cart and check out from the shop. The customer is also able to
update his information such as names, address and other data.
PROPOSED SYSTEM

An online shopping system is a process in which people (specifical customers)


are being provided with the option of purchasing goods and services directly
from the seller, all in a real-time environment. Online shopping is an application
of the internet as electronic commerce. From the business perspective,
customers usually find the products more attractive, on websites, as they get all
the details available there.
People in large number are doing online shopping today, and it is not only
because it is convenient as one can shop from home, but also because there is an
ample number of varieties available, with a high competition of prices, and also
it is easy to navigate for searching regarding any particular item.
In other words, the project aimed at creating a virtual shop environment for
users, in some handy form, which will be available to them through the internet.
Although the idea of developing online shopping websites is not new in the
electronic market and has been evolved soon after the World Wide Web (www).
TOOLS & TECHNOLOGIES

These are the necessary tools and materials needed to build the website both the
frontend and the back-end. These include software and open source materials.
Html/Html5
HTML means Hypertext Markup Language. This language is used in creating
web pages. This language also supports other languages such CSS, PHP,
JAVASCRIPT, etc. in creating interactive and responsive pages on the pages.
HTML5 is just an updated version of the HTML. It supports new features, new
attributes, new HTML elements, full CSS3 support, video and audio, 2D/3D
graphics that help users and also help web developers to create new features
easily on the website

PHP
PHP is a server-side scripting language that is used to develop Static websites
or Dynamic websites or Web applications. It is designed for web development
to implement dynamic web pages and can be embedded into HTML for it to be
displayed
CSS 3
CSS is simply referred to as Cascading Style Sheets.CSS is used to define styles
for web pages, including the design, layout, and variations in the display for
different devices and screen sizes. The general structure of CSS Basic syntax:
selector{property: value}

Example: p {text-align: center; color: black; font-family: arial}


CSS can be used in a separate style sheet or used in the webpage

MySQL
MySQL is a free source database system, and it enables the cost-effective
delivery of reliable and a high-performance and scalable Web-based and
embedded database applications. It is a relational database system (RDBMS).
It is a high performing program and scalable to meet the demands of users and
data. MySQL is written in C and C++, so it is compatible with most of the
operating systems available around the world.

XAMPP
XAMPP is an integrated development surrounding, which incorporates Apache
HTTP Server, MySQL Database, and PHP, Mercury, PERL or Python on a
home Windowsbased computer. Apache is a free web server. MySQL is an
open source database. XAMPP is used in collaboration with, PHP, MySQL and,
Windows 10 operating system.

PhpMyAdmin
PhpMyAdmin is a free and open source MySQL management program
application written in PHP and was first launched in 1998 under the GNU
preferred Public License. It is cross-platform help for the essential working
structures and helps management of more than one servers. It supports most
MySQL capabilities and has an intuitive net interface. It additionally has
supports developing PDF graphics of database layout, importing information
from CSV and SQL formats as well as exporting records to various codecs such
as SQL, XML, PDF and CSV
APPLICATION AND DESCRIPTION
Overview of the Various Parts
This project has several parts to it, but the most essential are three listed in
table.
Table 1: The overview of the three major parts of the shop
Administrators Customers User
Login access Login access Login access
Can add products Can add to cart Can add to cart
Can edit products Can edit products Can edit product in cart
Can view products Can checkout Cannot checkout
Can delete customer None None

Administrators Detailed Attribute


➢ Admin register
The administrator needs to register before they can have access to the core data
of the shop.
➢ Admin login
The admin logs in and can view, add products, manage customers.
➢ Admin Edit
The Admin can make changes to the shop such as delete customers, add a
customer or, upload new products.
➢ Manage Customer
The administrator has the authority to delete or add a custome

Customer Detailed Attribute


➢ Sign up
This refers to registering as a customer. The registered member has a lot of
privileges associated with the shop when one becomes a customer.
➢ Login
After the user has registered, the user becomes a customer, and he or she can
log in with their personal information.
➢ View
The customer can see all the products in the catalog and able to look at the
products and some features on the homepage
. ➢ Edit
The customer can make changes to their data displayed on the customer page.
➢ Update Cart
This refers to putting or removing products from a shopping cart.

User registration
The Users will use their exclusive information to register. After filling the form
and submitting it, the html5 checks to see if all the fields entered by the user are
correct. If the area is not correctly filled the user remains on the same pagebut if
the requirements are met the data goesto the database (table "customers") and
saves the information of the User. The User then becomes a customer, and he or
she is then directed to the login webpage of the shop.

Customer Login
The customer will use his particular data e-mail and passwordto log into the
shop. After submitting the form, the html5 checks if all the fields have been
filled correctly. If the condition is not met the customer remains on the same
page but if the fields are correctly filled the customer login information is sent
to the database to check if the data entered into the areas are same as the ones
used to register to the database. If it is correct, the customer is redirected to his
homepage, and he can successfully pick products and check out if they are done
shopping.
PROJECT PLANNING and METHODOLOGY

Software Develpoment Life Cycle


Software Development Life Cycle (SDLC) is a process used by the software
industry to design, develop and test high quality softwares. The SDLC aims to
produce a high-quality software that meets or exceeds customer expectations,
reaches completion within times and cost estimates.

Stage 1: Planning and Requirement Analysis


Requirement analysis is the most important and fundamental stage in SDLC. It is
performed by the senior members of the team with inputs from the customer, the
sales department, market surveys and domain experts in the industry. This
information is then used to plan the basic project approach and to conduct product
feasibility study in the economical, operational and technical areas.
Planning for the quality assurance requirements and identification of the risks
associated with the project is also done in the planning stage. The outcome of the
technical feasibility study is to define the various technical approaches that can
be followed to implement the project successfully with minimum risks.
Stage 2: Defining Requirements
Once the requirement analysis is done the next step is to clearly define and
document the product requirements and get them approved from the customer or
the market analysts. This is done through an SRS (Software Requirement
Specification) document which consists of all the product requirements to be
designed and developed during the project life cycle.
Stage 3: Designing the Product Architecture
SRS is the reference for product architects to come out with the best architecture
for the product to be developed. Based on the requirements specified in SRS,
usually more than one design approach for the product architecture is proposed
and documented in a DDS - Design Document Specification. A design approach
clearly defines all the architectural modules of the product along with its
communication and data flow representation with the external and third party
modules (if any).
Stage 4: Building or Developing the Product
In this stage of SDLC the actual development starts and the product is built. The
programming code is generated as per DDS during this stage. Different high level
programming languages such as C, C++, Pascal, Java and PHP are used for
coding. The programming language is chosen with respect to the type of software
being developed.
Stage 5: Testing the Product
This stage is usually a subset of all the stages as in the modern SDLC models, the
testing activities are mostly involved in all the stages of SDLC
Stage 6: Deployment in the Market and Maintenance
Once the product is tested and ready to be deployed it is released formally in the
appropriate market. Sometimes product deployment happens in stages as per the
business strategy of that organization.

SDLC Models
There are various software development life cycle models defined and designed
which are followed during the software development process
Following are the most important and popular SDLC models followed in the
industry −
 Waterfall Model
 Iterative Model
 Spiral Model
DIAGRAM
Source Code
IINDEX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Clothing Store</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.style8 {font-size: 24px}
.style9 {font-size: 95%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
-->
</style>
</head>
<body>
<div id="wrapper">

<?php
include "Header.php";
?>

<div id="content">
<h2><span style="color:#003300"> Welcome To Our Online Clothing
Store</span></h2>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><p><img src="img/Jeans.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/asd.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/images.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
</tr>
<tr>
<td height="26" bgcolor="#BCE0A8"><div align="center"
class="style9">Jeans</div></td>
<td bgcolor="#BCE0A8"><div align="center"
class="style9">Bleasures</div></td>
<td bgcolor="#BCE0A8"><div align="center" class="style9">T-
Shirts</div></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<?php
include "Right.php";
?>
<div style="clear:both;"></div>
<?php
include "Footer.php";
?>
</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php

$Name=$_POST['txtName'];
$Address=$_POST['txtAddress'];
$City=$_POST['cmbCity'];

$Email=$_POST['txtEmail'];
$Mobile=$_POST['txtMobile'];
$Gender=$_POST['rdGender'];
$BirthDate=$_POST['txtDate'];

$UserName=$_POST['txtUserName'];
$Password=$_POST['txtPassword'];

$con = mysqli_connect ("localhost","root", "", "shopping");


$sql = "insert into
customer_registration(CustomerName,Address,City,Email,Mobile,Gender,BirthDate,
UserName,Password)
values('".$Name."','".$Address."','".$City."','".$Email."',".$Mobile.",'".$Gen
der."','".$BirthDate."','".$UserName."','".$Password."')";

mysqli_query ($con, $sql);

mysqli_close ($con);

echo '<script type="text/javascript">alert("Registration Completed


Succesfully");window.location=\'index.php\';</script>';

?>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
session_start();
$UserName=$_POST['txtUserName'];
$Password=$_POST['txtPassword'];
$UserType=$_POST['rdType'];
if($UserType=="Admin")
{
$con = mysqli_connect("localhost","root", "", "shopping");
$sql = "select * from Admin_Master where UserName='".$UserName."' and
Password='".$Password."'";
$result = mysqli_query($con, $sql);
$records = mysqli_num_rows($result);
$row = mysqli_fetch_array($result);
if ($records==0)
{
echo '<script type="text/javascript">alert("Wrong UserName or
Password");window.location=\'index.php\';</script>';
}
else
{
header("location:Admin/index.php");
}
mysql_close($con);
}
else if($UserType=="Customer")
{
$con = mysqli_connect("localhost","root", "", "shopping");
$sql = "select * from Customer_Registration where UserName='".$UserName."' and
Password='".$Password."' ";
$result = mysqli_query($con, $sql);
$records = mysqli_num_rows($result);
$row = mysqli_fetch_array($result);
if ($records==0)
{
echo '<script type="text/javascript">alert("Wrong Username or
Password");window.location=\'index.php\';</script>';
}
else
{
$_SESSION['ID']=$row['CustomerId'];
$_SESSION['Name']=$row['CustomerName'];
header("location:Customer/index.php");
}
mysql_close($con);
}

?>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Cloth Shopping</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.style9 {font-size: 95%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
.style3 {font-weight: bold}
-->
</style>
</head>
<body>
<div id="wrapper">
<?php
include "Header.php";
?>

<div id="content">
<h2><span style="color:#003300"> Special Offers</span></h2>
<ul>

<?php

$con = mysqli_connect("localhost","root", "", "shopping");

$sql = "select * from Offer_Master";

$result = mysqli_query($con, $sql);

while($row = mysqli_fetch_array($result))
{
$Id=$row['OfferId'];
$Offer=$row['Offer'];
$Detail=$row['Detail'];
$Valid=$row['Valid'];
?>

<li><?php echo $Offer;?> : <?php echo $Detail;?>: <?php echo


$Valid;?></li>

<?php
}
// Retrieve Number of records returned
$records = mysqli_num_rows($result);
?>

<?php
// Close the connection
mysqli_close($con);
?>
</ul>
<p align="justify">&nbsp;</p>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><p><img src="img/Jeans.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/asd.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/images.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>

</tr>
<tr>
<td height="26" bgcolor="#BCE0A8"><div align="center"
class="style9">Jeans</div></td>
<td bgcolor="#BCE0A8"><div align="center"
class="style9">Bleasures</div></td>
<td bgcolor="#BCE0A8"><div align="center" class="style9">T-
Shirts</div></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<?php
include "Right.php";
?>
<div style="clear:both;"></div>
<?php
include "Footer.php";
?>
</div>
</body>
</html>

<?php require_once('Connections/shop.php'); ?>


<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "",
$theNotDefinedValue = "")
{
$theValue = stripslashes($theValue);

switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" :
"NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}

$colname_Recordset1 = "-1";
if (isset($_GET['CategoryId'])) {
$colname_Recordset1 = $_GET['CategoryId'];
}

$query_Recordset1 = sprintf("SELECT ItemName, `Description`, `Size`, Image,


Price, Discount, Total FROM item_master WHERE CategoryId = %s",
GetSQLValueString($colname_Recordset1, "int"));
$Recordset1 = mysqli_query($shop, $query_Recordset1) or die(mysqli_error());
$row_Recordset1 = mysqli_fetch_assoc($Recordset1);
$totalRows_Recordset1 = mysqli_num_rows($Recordset1);

$query_Recordset2 = "SELECT ItemName, `Description`, `Size`, Image, Price,


Discount, Total FROM item_master";
$Recordset2 = mysqli_query($shop, $query_Recordset2) or die(mysqli_error());
$row_Recordset2 = mysqli_fetch_assoc($Recordset2);
$totalRows_Recordset2 = mysqli_num_rows($Recordset2);
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Cloth Shopping</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.style9 {font-size: 95%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
.style10 {
color: #FFFFFF;
font-weight: bold;
}
-->
</style>
</head>
<body>
<div id="wrapper">

<?php
include "Header.php";
?>

<div id="content">
<h2><span style="color:#003300"> Products</span></h2>
<table width="100%" border="1" cellpadding="2" cellspacing="2">
<tr>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">ItemName</span></td>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">Description</span></td>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">Size</span></td>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">Image</span></td>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">Price</span></td>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">Discount</span></td>
<td bordercolor="#669933" bgcolor="#669933"><span
class="style10">Total</span></td>
</tr>

<?php
if(isset($_GET['CategoryId']))
{
do
{
?>
<tr>
<td><?php echo $row_Recordset1['ItemName']; ?></td>
<td><?php echo $row_Recordset1['Description']; ?></td>
<td><?php echo $row_Recordset1['Size']; ?></td>
<td><img src="Products/<?php echo $row_Recordset1['Image']; ?>"
height="125px" width="125px"/></td>
<td><?php echo $row_Recordset1['Price']; ?></td>
<td><?php echo $row_Recordset1['Discount']; ?></td>
<td><?php echo $row_Recordset1['Total']; ?></td>
</tr>
<?php } while ($row_Recordset1 = mysqli_fetch_assoc($Recordset1));
}
else
{
if(mysqli_num_rows($Recordset2) > 0){
do
{
?>
<tr>
<td><?php echo $row_Recordset2['ItemName']; ?></td>
<td><?php echo $row_Recordset2['Description']; ?></td>
<td><?php echo $row_Recordset2['Size']; ?></td>
<td><img src="Products/<?php echo $row_Recordset2['Image']; ?>"
height="125px" width="125px"/></td>
<td><?php echo $row_Recordset2['Price']; ?></td>
<td><?php echo $row_Recordset2['Discount']; ?></td>
<td><?php echo $row_Recordset2['Total']; ?></td>
</tr>
<?php } while ($row_Recordset2 = mysqli_fetch_assoc($Recordset2));
}else{
echo "<tr><td colspan='7'><center>No Data</center</td></tr>";
}
}

?>
</table>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><p><img src="img/Jeans.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/asd.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/images.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
</tr>
<tr>
<td height="26" bgcolor="#BCE0A8"><div align="center"
class="style9">Jeans</div></td>
<td bgcolor="#BCE0A8"><div align="center"
class="style9">Bleasures</div></td>
<td bgcolor="#BCE0A8"><div align="center" class="style9">T-
Shirts</div></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<?php
include "Right.php";
?>
<div style="clear:both;"></div>
<?php
include "Footer.php";
?>
</div>
</body>
</html>
<?php
mysqli_free_result($Recordset1);

mysqli_free_result($Recordset2);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Cloth Shopping</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.style5 {font-size: 85%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
-->
</style>
<script src="SpryAssets/SpryValidationTextarea.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
<!--
.style1 {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {font-size: small}
-->
</style>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
<!--
.style12 {font-size: small; font-weight: bold; }
.style13 {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #000000;
}
.style4 {font-size: small;
font-weight: bold;
color: #FFFFFF;
}
.style5 {color: #FFFFFF}
.style6 {color: #000000}
-->
</style>
<style type="text/css">

.ds_box {
background-color:#336633;
border: 2px solid #666600;
position: absolute;
z-index: 32767;
}

.ds_tbl {
background-color: #FFF;

.ds_head {
background-color: #85A157;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}

.ds_subhead {
background-color: #85A157;
color: #000;
font-size: 12px;
font-weight: bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
width: 32px;
}

.ds_cell {
background-color:#FFFFCC;
color: #000;
font-size: 13px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
cursor: pointer;
border: 1px solid #666600;
}

.ds_cell:hover {
background-color: #F3F3F3;
} /* This hover code won't work for IE */

</style>
<script src="SpryAssets/SpryValidationTextarea.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
<!--
.style9 {font-size: 95%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
-->
</style>
</head>
<body>

<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass"


style="display: none;">
<tr><td id="ds_calclass">
</td></tr>
</table>

<script type="text/javascript">
// <!-- <![CDATA[

// Project: Dynamic Date Selector (DtTvB) - 2006-03-16


// Script featured on JavaScript Kit- http://www.javascriptkit.com
// Code begin...
// Set the initial date.
var ds_i_date = new Date();
ds_c_month = ds_i_date.getMonth() + 1;
ds_c_year = ds_i_date.getFullYear();

// Get Element By Id
function ds_getel(id) {
return document.getElementById(id);
}

// Get the left and the top of the element.


function ds_getleft(el) {
var tmp = el.offsetLeft;
el = el.offsetParent
while(el) {
tmp += el.offsetLeft;
el = el.offsetParent;
}
return tmp;
}
function ds_gettop(el) {
var tmp = el.offsetTop;
el = el.offsetParent
while(el) {
tmp += el.offsetTop;
el = el.offsetParent;
}
return tmp;
}

// Output Element
var ds_oe = ds_getel('ds_calclass');
// Container
var ds_ce = ds_getel('ds_conclass');

// Output Buffering
var ds_ob = '';
function ds_ob_clean() {
ds_ob = '';
}
function ds_ob_flush() {
ds_oe.innerHTML = ds_ob;
ds_ob_clean();
}
function ds_echo(t) {
ds_ob += t;
}

var ds_element; // Text Element...

var ds_monthnames = [
'January', 'February', 'March', 'April', 'May', 'June',
'July', 'August', 'September', 'October', 'November', 'December'
]; // You can translate it for your language.

var ds_daynames = [
'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
]; // You can translate it for your language.

// Calendar template
function ds_template_main_above(t) {
return '<table cellpadding="3" cellspacing="1" class="ds_tbl">'
+ '<tr>'
+ '<td class="ds_head" style="cursor: pointer"
onclick="ds_py();">&lt;&lt;</td>'
+ '<td class="ds_head" style="cursor: pointer"
onclick="ds_pm();">&lt;</td>'
+ '<td class="ds_head" style="cursor: pointer" onclick="ds_hi();"
colspan="3">[Close]</td>'
+ '<td class="ds_head" style="cursor: pointer"
onclick="ds_nm();">&gt;</td>'
+ '<td class="ds_head" style="cursor: pointer"
onclick="ds_ny();">&gt;&gt;</td>'
+ '</tr>'
+ '<tr>'
+ '<td colspan="7" class="ds_head">' + t + '</td>'
+ '</tr>'
+ '<tr>';
}

function ds_template_day_row(t) {
return '<td class="ds_subhead">' + t + '</td>';

function ds_template_new_week() {
return '</tr><tr>';
}

function ds_template_blank_cell(colspan) {
return '<td colspan="' + colspan + '"></td>'
}

function ds_template_day(d, m, y) {
return '<td class="ds_cell" onclick="ds_onclick(' + d + ',' + m + ',' + y
+ ')">' + d + '</td>';

}
function ds_template_main_below() {
return '</tr>'
+ '</table>';
}

function ds_draw_calendar(m, y) {

ds_ob_clean();

ds_echo (ds_template_main_above(ds_monthnames[m - 1] + ' ' + y));


for (i = 0; i < 7; i ++) {
ds_echo (ds_template_day_row(ds_daynames[i]));
}

var ds_dc_date = new Date();


ds_dc_date.setMonth(m - 1);
ds_dc_date.setFullYear(y);
ds_dc_date.setDate(1);
if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12)
{
days = 31;
} else if (m == 4 || m == 6 || m == 9 || m == 11) {
days = 30;
} else {
days = (y % 4 == 0) ? 29 : 28;
}
var first_day = ds_dc_date.getDay();
var first_loop = 1;

ds_echo (ds_template_new_week());

if (first_day != 0) {
ds_echo (ds_template_blank_cell(first_day));
}
var j = first_day;
for (i = 0; i < days; i ++) {

if (j == 0 && !first_loop) {

ds_echo (ds_template_new_week());
}

ds_echo (ds_template_day(i + 1, m, y));

first_loop = 0;

j ++;
j %= 7;
}

ds_echo (ds_template_main_below());

ds_ob_flush();

ds_ce.scrollIntoView();
}

function ds_sh(t) {

ds_element = t;

var ds_sh_date = new Date();


ds_c_month = ds_sh_date.getMonth() + 1;
ds_c_year = ds_sh_date.getFullYear();

ds_draw_calendar(ds_c_month, ds_c_year);

ds_ce.style.display = '';

the_left = ds_getleft(t);
the_top = ds_gettop(t) + t.offsetHeight;
ds_ce.style.left = the_left + 'px';
ds_ce.style.top = the_top + 'px';

ds_ce.scrollIntoView();
}

function ds_hi() {
ds_ce.style.display = 'none';
}

function ds_nm() {

ds_c_month ++;

if (ds_c_month > 12) {


ds_c_month = 1;
ds_c_year++;
}

ds_draw_calendar(ds_c_month, ds_c_year);
}
function ds_pm() {
ds_c_month = ds_c_month - 1;

if (ds_c_month < 1) {
ds_c_month = 12;
ds_c_year = ds_c_year - 1;
}

ds_draw_calendar(ds_c_month, ds_c_year);
}

function ds_ny() {

ds_c_year++;

ds_draw_calendar(ds_c_month, ds_c_year);
}

function ds_py() {

ds_c_year = ds_c_year - 1;

ds_draw_calendar(ds_c_month, ds_c_year);
}

function ds_format_date(d, m, y) {

m2 = '00' + m;
m2 = m2.substr(m2.length - 2);

d2 = '00' + d;
d2 = d2.substr(d2.length - 2);

return y + '-' + m2 + '-' + d2;


}

function ds_onclick(d, m, y) {

ds_hi();

if (typeof(ds_element.value) != 'undefined') {
ds_element.value = ds_format_date(d, m, y);

} else if (typeof(ds_element.innerHTML) != 'undefined') {


ds_element.innerHTML = ds_format_date(d, m, y);
} else {
alert (ds_format_date(d, m, y));

}
}

</script>
</head>
<SCRIPT language="JavaScript1.2" src="gen_validation.js"></SCRIPT>
<SCRIPT language="JavaScript1.2">
var arrFormValidation=
[
[//Name
["minlen=1",
"Please Enter Name"
],
["alpha",
"Please Enter Valid Name"
]

],
[//Address
["minlen=1",
"Please Enter Address"
]

],
[//City

],
[//Email

["minlen=1",
"Please Enter Email "
],
["email",
"Please Enter valid email "
]
],
[//Mobile
["num",
"Please Enter valid Mobile "
],
["minlen=10",
"Please Enter valid Mobile "
],
["maxlen=10",
"Please Enter valid Mobile "
]
]
,
[//Gender

],
[//BirthDate

],

[//User
["minlen=1",
"Please Enter UserName "
]

],
[//Password
["minlen=1",
"Please Enter Password "
]

];
</SCRIPT>
<body>
<div id="wrapper">

<?php
include "Header.php";
?>

<div id="content">
<h2><span style="color:#003300">New User Registration</span></h2>

<form action="insert.php" method="post" onSubmit="return


validateForm(this,arrFormValidation);" enctype="multipart/form-data"
name="form2" id="form2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="28"><div align="left">Customer Name:</div></td>
<td><span id="sprytextfield3">
<label>
<input type="text" name="txtName" id="txtName" />
</label>
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td height="69"><div align="left">Address:</div></td>
<td><span id="sprytextarea1">
<label>
<textarea name="txtAddress" id="txtAddress" cols="35"
rows="3"></textarea>
</label>
<span class="textareaRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td height="37"><div align="left">City:</div></td>
<td><label>
<select name="cmbCity" id="cmbCity">
<option>Delhi</option>
<option>Mumbai</option>
<option>Uttar Pradesh</option>
<option>Uttrakhand</option>
</select>
</label></td>
</tr>
<tr>
<td height="29">Email ID:</td>
<td><span id="sprytextfield4">
<label>
<input type="text" name="txtEmail" id="txtEmail" />
</label>
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td height="27">Mobile Number:</td>
<td><span id="sprytextfield5">
<label>
<input type="text" name="txtMobile" id="txtMobile" />
</label>
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td height="29">Gender:</td>
<td><label>
<select name="rdGender" id="rdGender">
<option>Male</option>
<option>Female</option>
</select>
</label></td>
</tr>
<tr>
<td height="29">Birth Date:</td>
<td><span id="sprytextfield9">
<label>
<input type="text" name="txtDate" id="txtDate"
onclick="ds_sh(this);" />
</label>
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td height="29">User Name:</td>
<td><span id="sprytextfield6">
<label>
<input type="text" name="txtUserName" id="txtUserName3" />
</label>
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td height="30">Password:</td>
<td><span id="sprytextfield7">
<label>
<input type="password" name="txtPassword" id="txtPassword" />
</label>
<span class="textfieldRequiredMsg">A value is
required.</span></span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input type="submit" name="button2" id="button2" value="Register"
/>
</label></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><p><img src="img/Jeans.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/asd.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/images.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
</tr>
<tr>
<td height="26" bgcolor="#BCE0A8"><div align="center"
class="style9">Jeans</div></td>
<td bgcolor="#BCE0A8"><div align="center"
class="style9">Bleasures</div></td>
<td bgcolor="#BCE0A8"><div align="center" class="style9">T-
Shirts</div></td>
</tr>
</table>
</div>
<?php
include "Right.php";
?>
<div style="clear:both;"></div>
<?php
include "Footer.php";
?>
</div>
<script type="text/javascript">
<!--
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
var sprytextfield9 = new Spry.Widget.ValidationTextField("sprytextfield9");
//-->
</script>
</body>
</html>

function validateEmail(email)
{
// a very simple email validation checking.
// you can add more complex email checking if it helps
var splitted = email.match("^(.+)@(.+)$");
if(splitted == null) return false;
if(splitted[1] != null )
{
var regexp_user=/^\"?[\w-_\.]*\"?$/;
if(splitted[1].match(regexp_user) == null) return false;
}
if(splitted[2] != null)
{
var regexp_domain=/^[\w-\.]*\.[A-Za-z]{2,4}$/;
if(splitted[2].match(regexp_domain) == null)
{
var regexp_ip =/^\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]$/;
if(splitted[2].match(regexp_ip) == null) return false;
}// if
return true;
}
return false;
}

/* function validateData
* Checks each field in a form
* Called from validateForm function
*/
function validateData(strValidateStr,objValue,strError)
{
var epos = strValidateStr.search("=");
var command = "";
var cmdvalue = "";
if(epos >= 0)
{
command = strValidateStr.substring(0,epos);
cmdvalue = strValidateStr.substr(epos+1);
}
else
{
command = strValidateStr;
}

switch(command)
{
case "req":
case "required":
{
if(eval(objValue.value.length) == 0)
{
if(!strError || strError.length ==0)
{
strError = objValue.name + " : Required Field";
}//if
alert(strError);
return false;
}//if
break;
}//case required
case "maxlength":
case "maxlen":
{
if(eval(objValue.value.length) > eval(cmdvalue))
{
if(!strError || strError.length ==0)
{
strError = objValue.name + " : "+cmdvalue+" characters
maximum ";
}//if
alert(strError );
return false;
}//if
break;
}//case maxlen
case "minlength":
case "minlen":
{
if(eval(objValue.value.length) < eval(cmdvalue))
{
if(!strError || strError.length ==0)
{
strError = objValue.name + " : " + cmdvalue + " characters
minimum ";
}//if
alert(strError );
return false;
}//if
break;
}//case minlen
case "alnum":
case "alphanumeric":
{
var charpos = objValue.value.search("[^A-Za-z0-9]");
if(objValue.value.length > 0 && charpos >= 0)
{
if(!strError || strError.length ==0)
{
strError = objValue.name+": Only alpha-numeric characters
allowed ";
}//if
alert(strError + "\n [Error character position " +
eval(charpos+1)+"]");
return false;
}//if
break;
}//case alphanumeric
case "num":
case "numeric":
{
var charpos = objValue.value.search("[^0-9]");
if(objValue.value.length > 0 && charpos >= 0)
{
if(!strError || strError.length ==0)
{
strError = objValue.name+": Only digits allowed ";
}//if
alert(strError + "\n [Error character position " +
eval(charpos+1)+"]");
return false;
}//if
break;
}//numeric
case "alphabetic":
case "alpha":
{
var charpos = objValue.value.search("[^A-Za-z]");
if(objValue.value.length > 0 && charpos >= 0)
{
if(!strError || strError.length ==0)
{
strError = objValue.name+": Only alphabetic characters
allowed ";
}//if
alert(strError + "\n [Error character position " +
eval(charpos+1)+"]");
return false;
}//if
break;
}//alpha
case "email":
{
if(!validateEmail(objValue.value))
{
if(!strError || strError.length ==0)
{
strError = objValue.name+": Enter a valid Email address ";
}//if
alert(strError);
return false;
}//if
break;
}//case email
case "lt":
case "lessthan":
{
if(isNaN(objValue.value))
{
alert(objValue.name+": Should be a number ");
return false;
}//if
if(eval(objValue.value) >= eval(cmdvalue))
{
if(!strError || strError.length ==0)
{
strError = objValue.name + " : value should be less than "+
cmdvalue;
}//if
alert(strError);
return false;
}//if
break;
}//case lessthan
case "gt":
case "greaterthan":
{
if(isNaN(objValue.value))
{
alert(objValue.name+": Should be a number ");
return false;
}//if
if(eval(objValue.value) <= eval(cmdvalue))
{
if(!strError || strError.length ==0)
{
strError = objValue.name + " : value should be greater than
"+ cmdvalue;
}//if
alert(strError);
return false;
}//if
break;
}//case greaterthan
case "regexp":
{
if(!objValue.value.match(cmdvalue))
{
if(!strError || strError.length ==0)
{
strError = objValue.name+": Invalid characters found ";
}//if

alert(strError);
return false;
}//if
break;
}//case regexp
case "dontselect":
{
if(objValue.selectedIndex == null)
{
alert("BUG: dontselect command for non-select Item");
return false;
}
if(objValue.selectedIndex == eval(cmdvalue))
{
if(!strError || strError.length ==0)
{
strError = objValue.name+": Please Select one option ";
}//if

alert(strError);
return false;
}
break;
}//case dontselect
}//switch
return true;
}

/*
* function validateForm
* the function that can be used to validate any form
* returns false if the validation fails; true if success
* arguments :
* objFrm : the form object
* arrObjDesc : an array of objects describing the validations to conduct on
each
* input item.
* The array should consist of one object per input item in the order
the input
* elements are present in the form. Each object consist of zero or
more validation
* objects. Each of these validation object is a pair consisting of
the validation
* descriptor string and an optional Error message.
*/

function validateForm(objFrm,arrObjDesc)
{
for(var itrobj=0; itrobj < arrObjDesc.length; itrobj++)
{
if(objFrm.elements.length <= itrobj)
{
alert("BUG: Obj descriptor for a non existent form element");
return false;
}//if
for(var itrdesc=0; itrdesc < arrObjDesc[itrobj].length ;itrdesc++)
{
if(validateData(arrObjDesc[itrobj][itrdesc][0],
objFrm[itrobj],arrObjDesc[itrobj][itrdesc][1]) == false)
{
objFrm[itrobj].focus();
return false;
}//if
}//for
}//for
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Cloth Shopping</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.style9 {font-size: 95%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
.style10 {color: #FFFFFF}
.style3 {font-weight: bold}
-->
</style>
<script src="../SpryAssets/SpryValidationTextField.js"
type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationTextarea.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet"
type="text/css" />
<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="wrapper">

<?php
include "Header.php";
?>

<div id="content">
<h2><span style="color:#003300"> Category Management</span></h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="27" bgcolor="#003300"><span class="style10"><strong>Create
New Category</strong></span></td>
</tr>
<tr>
<td height="26"><form action="InsertCategory.php" method="post"
enctype="multipart/form-data" name="form1" id="form1">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="32" >Category Name:</td>
<td><span id="sprytextfield1">
<label>
<input type="text" name="txtName" id="txtName" />
</label>
<span class="textfieldRequiredMsg">Enter
Category.</span></span></td>
</tr>
<tr>
<td height="34">Description:</td>
<td><span id="sprytextarea1">
<label>
<textarea name="txtDesc" id="txtDesc" cols="35"
rows="3"></textarea>
</label>
<span class="textareaRequiredMsg">Enter
Description</span></span></td>
</tr>
<tr>
<td height="34">Upload Image:</td>
<td><label>
<input type="file" name="txtFile" id="txtFile" />
</label></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><label>
<input type="submit" name="button" id="button"
value="Submit" />
</label></td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td height="25" bgcolor="#003300"><span
class="style10"><strong>Category List</strong></span></td>
</tr>
<tr>
<td><table width="100%" border="1" bordercolor="#003300" >
<tr>
<th height="32" bgcolor="#BDE0A8" class="style3"><div
align="left" class="style9 style5"><strong>Id</strong></div></th>
<th bgcolor="#BDE0A8" class="style3"><div align="left"
class="style9 style5"><strong>Category Name</strong></div></th>
<th bgcolor="#BDE0A8" class="style3"><div align="left"
class="style9 style5"><strong>Description</strong></div></th>
<th bgcolor="#BDE0A8" class="style3"><div align="left"
class="style9 style5"><strong>Edit</strong></div></th>
<th bgcolor="#BDE0A8" class="style3"><div align="left"
class="style12">Delete</div></th>
</tr>
<?php

$con = mysqli_connect("localhost","root", "", "shopping");

$sql = "select * from Category_Master";

$result = mysqli_query($con, $sql);

while($row = mysqli_fetch_array($result))
{
$Id=$row['CategoryId'];
$CategoryName=$row['CategoryName'];
$Description=$row['Description'];

?>
<tr>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $Id;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $CategoryName;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $Description;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><a href="EditCategory.php?CatId=<?php echo
$Id;?>">Edit</a></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><a href="DeleteCategory.php?CatId=<?php echo
$Id;?>">Delete</a></strong></div></td>
</tr>
<?php
}
// Retrieve Number of records returned
$records = mysqli_num_rows($result);
?>
<tr>
<td colspan="5" class="style3"><div align="left"
class="style12"><?php echo "Total ".$records." Records"; ?> </div></td>
</tr>
<?php
// Close the connection
mysqli_close($con);
?>
</table></td>
</tr>

</table>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><p><img src="img/Jeans.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/asd.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/images.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
</tr>
<tr>
<td height="26" bgcolor="#BCE0A8"><div align="center"
class="style9">Jeans</div></td>
<td bgcolor="#BCE0A8"><div align="center"
class="style9">Bleasures</div></td>
<td bgcolor="#BCE0A8"><div align="center" class="style9">T-
Shirts</div></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<?php
include "Right.php";
?>
<div style="clear:both;"></div>
<?php
include "Footer.php";
?>
</div>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
//-->
</script>
</body>
</html>

<div id="footer"> &copy; Online Clothing Store</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Online Cloth Shopping</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.style9 {font-size: 95%; font-weight: bold; color: #003300; font-family:
Verdana, Arial, Helvetica, sans-serif; }
.style10 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="wrapper">

<?php
include "Header.php";
?>
<div id="content">
<h2><span style="color:#003300"> Welcome Administrator </span></h2>
<table width="100%" border="1" bordercolor="#003300" >
<tr>
<td bgcolor="#4B692D" class="style10 style3"><strong>ID</strong></td>
<td bgcolor="#4B692D" class="style10 style3"><strong>Customer
Name</strong></td>
<td bgcolor="#4B692D" class="style10 style3"><strong>Item
Name</strong></td>

<td bgcolor="#4B692D" class="style10


style3"><strong>Quantity</strong></td>
<td bgcolor="#4B692D" class="style10
style3"><strong>Price</strong></td>
<td bgcolor="#4B692D" class="style10
style3"><strong>Total</strong></td>

<td bgcolor="#4B692D" class="style10 style3"><strong>Shipping


Address</strong></td>
</tr>
<?php
session_start();

$con = mysqli_connect("localhost","root", "", "shopping");

$sql = "SELECT customer_registration.CustomerId,


customer_registration.CustomerName, shopping_cart_final.ItemName,
shopping_cart_final.Quantity, shopping_cart_final.Price,
shopping_cart_final.Total
FROM customer_registration, shopping_cart_final
WHERE customer_registration.CustomerId=shopping_cart_final.CustomerId ";

$result = mysqli_query($con, $sql);

while($row = mysqli_fetch_array($result))
{
$Id=$row['CustomerId'];
$CustomerName=$row['CustomerName'];
$ItemName=$row['ItemName'];
$Quantity=$row['Quantity'];
$Price=$row['Price'];
$Total=$row['Total'];

?>
<tr>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $Id;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $CustomerName;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $ItemName;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $Quantity;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $Price;?></strong></div></td>
<td class="style3"><div align="left" class="style9
style5"><strong><?php echo $Total;?></strong></div></td>

<td class="style3"><a href="Detail.php?CustomerId=<?php echo


$Id;?>">Shipping Address</a></td>
</tr>
<?php
}

$records = mysqli_num_rows($result);
?>
<?php

mysqli_close($con);
?>
</table>
<p align="justify">&nbsp;</p>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><p><img src="img/Jeans.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/asd.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
<td><p><img src="img/images.jpg" alt="box" width="100" height="100"
hspace="10" align="left" class="imgleft" title="box" /></p></td>
</tr>
<tr>
<td height="26" bgcolor="#BCE0A8"><div align="center"
class="style9">Jeans</div></td>
<td bgcolor="#BCE0A8"><div align="center"
class="style9">Bleasures</div></td>
<td bgcolor="#BCE0A8"><div align="center" class="style9">T-
Shirts</div></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<?php
include "Right.php";
?>
<div style="clear:both;"></div>
<?php
include "Footer.php";
?>
</div>
</body>
</html>

body {
margin : 0;
padding : 0;
text-align : left;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
line-height : 1.5em;
background : #BCE0A8 url(img/bg.jpg) top center repeat-y;
color : #000;
}
/*CONTAINER*/
#wrapper
{
position : relative;
width : 780px;
margin-right : auto;
margin-left : auto;
padding : 0;
border : 0px solid green;
background : #fff;
}
/*TOP TITLE BAR*/
#title {
width : 770px;
margin-left : 5px;
padding : 0;
text-align : right;
background : #fff;
color : #000;
}
#title h1 {
margin : 0;
padding : 10px;
font-size : 175%;
text-transform : uppercase;
letter-spacing : 5px;
background : inherit;
color : #BCE0A8;
}
/*BANNER*/
#header {
background : url(images/header.jpg) no-repeat;
width : 770px;
height : 200px;
margin : 0 0 0 5px;
padding : 0 0 0 0;
}
/*TOP NAVIGATION*/
.container {
width : 770px;
height : 35px;
margin : 20px 0 10px 5px;
background-color:#669933;
color:#FFFFCC;
}
#navCircle {
margin : 0;
padding : 0 0 20px 20px;

}
#navCircle li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
margin-top:5px;
}
#navCircle a:link, #navCircle a:visited {
float : left;
font-size : 1.3em;
padding : 0 25px 15px 25px;
text-decoration : none;
background : inherit;
color:#FFFFCC;
margin-top:5px;
}
#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
background-color : inherit;
color : #FFFFCC;
}
/*MAIN CONTENT*/
#content {
width : 560px;
float : left;
margin-top : 0;
margin-left : 11px;
padding : 5px;
border-right : 1px solid #b2d094;
}
#content p {
padding : 0 20px;
}
/*SIDEBAR*/
#right-col {
width : 175px;
margin : 5px 0 0 590px;
border-left : 1px none #28460a;
padding : 3px;
}
/*FOOTER*/
#footer {
margin : 50px 0 0 0;
padding : 5px;
font : 90% "Trebuchet MS", verdana, arial, sans-serif;
background : #4b692d;
color : #fff;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #b2d094;
}
#footer a:hover {
background : inherit;
color : #fff;
text-decoration : none;
}
/*SCROLLBAR*/
div.scroll {
height : auto;
width : 160px;
padding : 1ex;
margin : 0 0 30px 5px;
border : 1px solid #345411;
background : #BCE0A8;
color : #000;
}
/*TYPOGRAPHY*/
h2 {
margin : 20px;
font-size : 140%;

letter-spacing : 3px;
background : inherit;
color : green;
}
h3 {
margin : 5px;
font-size : 120%;
letter-spacing : 5px;
background : inherit;
color : green;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
/*LINKS*/
a img {
border : none;
}
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #457C05;
}
a:hover {
text-decoration : underline;
background : inherit;
color : #666;
}
ul.side {
list-style-type : square;
padding : 0;
margin : 0;
background : inherit;
color : #457C05;
}
.side li {
padding-left : 0.2em;
margin-left : 2em;
}
/*CLASSES*/
.news {
font-size : 90%;
background : inherit;
color : #000;
}
.imgleft {
float : left;
border : 1px solid #345411;
padding : 5px;
margin-right : 15px;
}
.imgright {
float : right;
border : 1px solid #345411;
padding : 5px;
margin-left : 15px;
}
OUTPUT
Database
SYSTEM REQUIREMENTS

HARDWARE

PROCESSOR PENTIUM 4 OR HIGHER

RAM 256 MB OR HIGHER

MONITOR 17 INCH COLOUR MONITOR

KEYBOARD 104 KEYBOARD

MOUSE STANDARD MOUSE

SOFTWARE

OPERATING SYSTEM WINDOWS 10 OR HIGHER

PROGRAM VS CODE

DATABASE XAMPP, MYSQL


CONCLUSION
I have successfully implemented the site “Clothing Website”. With the help of
various links and tools, I have been able to provide a site which is live and
running on the web. I have been successful in my attempt to take care of the
needs of both customers as well as administrator. Finally I hope that this will
go a long way in popularizing the organization and making its work of
enrollment, keeping track of Artist’s Art, problem solving, etc much more
efficient.
BIBLIOGRAPHY

Refrences
Murach’s PHP & MySQL 2nd Edition
HTML, CSS& Javascript Web Publishing.

WEBSITES
www.geeks.com
www.wikipedia.com
www.w3schools.com
https://www.tutorialspoint.com

You might also like