Створення бази даних та таблиць

База даних створена за допомогою phpmyadmin.

Створено такі таблиці, як categories (в якій містяться категорії товарів), submenu (в якій містяться види товарі), products (в якій містяться самі товари),settings (в якій містяться дані про сторінки), ord (де містяться замовлення надіслані користувачами), capital (таблиця створена для captchi - комп'ютерний тест, який використовується для того, щоб визначити, хто використовує систему — людина чи комп'ютер.)

 

Структура бази даних

Структура таблиць:

 





Створеня сайту

Сайт розбитий на блоки header, rightbar, leftbar, footer, які підключаються до сторінок сайту за допомогою phph команди include"";. Це полегшує їх редагування тому, що не потрібно редагувати кожну сторінку окремо, а робити це тільки раз

Header – шапка сайту з логотипом та горизонтальним меню.

 

 

Код:

 

<?php include ("db.php");?>

<div class="art-header">

<div class="art-header-png"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

<title>logo</title>

</script>

</head>

<body bgcolor="#ffffff">

<!--url's used in the movie-->

<!--text used in the movie-->

<!-- saved from url=(0013)about:internet -->

<script language="JavaScript" type="text/javascript">

AC_FL_RunContent(

'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',

'width', '1050',

'height', '250',

'src', 'logo',

'quality', 'high',

'pluginspage', 'http://www.adobe.com/go/getflashplayer',

'align', 'middle',

'play', 'true',

'loop', 'true',

'scale', 'showall',

'wmode', 'window',

'devicefont', 'false',

'id', 'logo',

'bgcolor', '#ffffff',

'name', 'logo',

'menu', 'true',

'allowFullScreen', 'false',

'allowScriptAccess','sameDomain',

'movie', 'logo',

'salign', ''

); //end AC code

</script>

<noscript>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" height="250" id="Untitled-11111111" align="middle">

<param name="allowScriptAccess" value="sameDomain" />

<param name="allowFullScreen" value="false" />

<param name="movie" value="logo.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="logo.swf" quality="high" bgcolor="#ffffff" height="250" name="logo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

</object>

</noscript>

</body>

</html>

</div>

<div class="art-header-jpeg"></div>

</div>

<div class="art-nav">

<div class="l"></div>

<div class="r"></div>

<ul class="art-menu">

<li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Головна</span></a>

</li>

<li>

<a href="catalog.php"><span class="l"></span><span class="r"></span><span class="t">Товари</span></a>

<ul>

<li><a href="products.php">Продукти</a>

<ul>

<?php

$result = mysql_query("SELECT * FROM submenu WHERE cat='1'") or die (mysql_error());

while ($myrow = mysql_fetch_array($result)) {

?>

<li><a href="tovary.php?sub=<?php echo $myrow['id'];?>"><?php echo $myrow['title'];?></a> </li>

<?php }?>

</ul> </li>

<li><a href="chemy.php">Побутова хімія</a>

<ul>

<?php

$result1 = mysql_query("SELECT * FROM submenu WHERE cat='2'") or die (mysql_error());

while ($myrow1 = mysql_fetch_array($result1)) {

?>

<li><a href="tovary.php?sub=<?php echo $myrow1['id'];?>"><?php echo $myrow1['title'];?></a></li>

<?php }?>

</ul></li>

<li><a href="order.php">Замовити</a>

</li>

</ul>

</li>

<li><a href="price.php"><span class="l"></span><span class="r"></span><span class="t">Прайс</span></a> </li>

</ul>

</div>

 

Leftbar – ліва колонка сайту, в якій знаходиться вертикальне меню, та реклама (банери)

 

 

<div class="art-layout-cell art-sidebar1">

<div class="art-vmenublock">

<div class="art-vmenublock-body">

<div class="art-vmenublockheader">

<div class="l"></div>

<div class="r"></div><div class="t">Навігація</div></div>

<div class="art-vmenublockcontent">

<div class="art-vmenublockcontent-body">

<ul class="art-vmenu"><li>

<a href="index.php"><span class="l"></span><span class="r"></span><span class="t">Головна</span></a></li></ul>

<ul class="art-vmenu">

<li><a href="products.php"><span class="l"></span><span class="r"></span><span class="t">Продукти</span></a> </li></ul>

<ul class="art-vvmenu"><?php

$result = mysql_query("SELECT * FROM submenu WHERE cat='1'") or die (mysql_error());

while ($myrow = mysql_fetch_array($result)) {?>

<li><a href="tovary.php?sub=<?php echo $myrow['id'];?>"><span class="l"></span><span class="r"></span><span class="t"><?php echo $myrow['title'];?></span></a> </li><?php }?> </ul>

<ul class="art-vmenu">

<li><a href="chemy.php"><span class="l"></span><span class="r"></span><span class="t">Побутова хімія</span></a> </li></ul><ul class="art-vvmenu"><?php

$result1 = mysql_query("SELECT * FROM submenu WHERE cat='2'") or die (mysql_error());

while ($myrow1 = mysql_fetch_array($result1)) {?>

<li><a href="tovary.php?sub=<?php echo $myrow1['id'];?>"><span class="l"></span><span class="r"></span><span class="t"><?php echo $myrow1['title'];?></span></a></li>

<?php }?> </ul>

<ul class="art-vmenu">

<li><a href="order.php"><span class="l"></span><span class="r"></span><span class="t">Замовити</span></a></li></ul>

<div class="cleared"></div></div></div>

<div class="cleared"></div></div></div>

<div class="art-vmenublock">

<div class="art-vmenublock-body">

<div class="art-vmenublockheader">

<div class="l"></div>

<div class="r"></div>

<div class="t">Банери:</div>

</div>

<div class="art-vmenublockcontent">

<div class="art-vmenublockcontent-body">

<script language="JavaScript" type="text/javascript">

AC_FL_RunContent(

'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',

'width', '200',

'height', '400',

'src', 'ban',

'quality', 'high',

'pluginspage', 'http://www.adobe.com/go/getflashplayer',

'align', 'middle',

'play', 'true',

'loop', 'true',

'scale', 'showall',

'wmode', 'window',

'devicefont', 'false',

'id', 'ban',

'bgcolor', '#ffffff',

'name', 'ban',

'menu', 'true',

'allowFullScreen', 'false',

'allowScriptAccess','sameDomain',

'movie', 'ban',

'salign', ''

); //end AC code

</script>

<noscript>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" height="400" id="ban" align="middle">

<param name="allowScriptAccess" value="sameDomain" />

<param name="allowFullScreen" value="false" />

<param name="movie" value="ban.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="ban.swf" quality="high" bgcolor="#ffffff" height="400" name="ban" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />

</object>

</noscript>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

</div>

Rightbar – права колонка сайту, в якій знаходиться контактна інформація, та інформер, який показує нову продукцію сайту.

 


 

<div class="art-layout-cell art-sidebar2">

<div class="art-block">

<div class="art-block-body">

<div class="art-blockheader">

<div class="l"></div>

<div class="r"></div>

<div class="t">Контактна інформація</div>

</div>

<div class="art-blockcontent">

<div class="art-blockcontent-body">

<!-- block-content -->

<div>

<img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />

<br />

<b>It products.</b><br />

Львів<br />Email: <a href="mailto:info@company.com">info@company.com</a><br/><br />

Телефон: (123) 456-7890 <br />

Fax: (123) 456-7890</div>

<div class="art-blockheader">

<div class="l"></div>

<div class="r"></div>

<div class="t">Новинки:</div></div><div><img

<?php $result = mysql_query("SELECT * FROM products ORDER BY id DESC LIMIT 5 ") or die(mysql_error());

while ($myrow = mysql_fetch_array($result)){?><div>

<center> <h4><?php echo $myrow['title'];?></h4> </center> </div>

<img src="<?php echo $myrow['img'];?>" alt="an image" height="120px" style="margin: 0 auto;display:block;width:95%" class="image"/>

<center><b><?php echo $myrow['price'];?></b></center><br />

<?php }?></div>

<!-- /block-content -->

<div class="cleared"></div></div></div>

<div class="cleared"></div></div></div></div>

 

Footer – Нижня частина сайту, на якій розміщена інформація про розробника сайту, та дату створення сайту і права сайту.

 

 

<div class="art-footer">

<div class="art-footer-t"></div>

<div class="art-footer-l"></div>

<div class="art-footer-b"></div>

<div class="art-footer-r"></div>

<div class="art-footer-body">

<a href="#" class="art-rss-tag-icon" title="RSS"></a>

<div class="art-footer-text">

<!-- <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>

| <a href="#">Privacy Statement</a><br />-->

<p> Copyright bu Bogdan Dubyk 2011. Всі права захищені.</p>

</div>

<div class="cleared"></div>

</div>

</div>

Сайт складається з таких сторінок: index.php, tovary.php, catalog.php, details.php.

index.php, order.php– головна сторінка сайту.

Index.php – головна сторінка, на якій розміщені категорії товарів.

 

 


PHP – код, головної сторінки, а саме виводу категорій:

<?php $result = mysql_query("SELECT * FROM categories WHERE id='1'") or die (mysql_error());

if (mysql_num_rows($result)!= 0){

?>

<?php if($myrow = mysql_fetch_array($result)) {?>

<div class="art-layout-cell">

<div class="overview-table-inner">

<h4><?php echo $myrow['title']?> </h4>

<img src="<?php echo $myrow['img']?>" height="125px" alt="an image" class="image" />

<p><?php echo $myrow['description']?></p>

<span class="art-button-wrapper">

<span class="l"> </span>

<span class="r"> </span>

<a class="art-button" href="products.php">Переглянути...</a>

</span>

</div>

</div><!-- end cell -->

<?php }

}else {echo "Немає записів в БД";}?>

<?php $result = mysql_query("SELECT * FROM categories WHERE id='2'") or die (mysql_error());

if (mysql_num_rows($result)!= 0){

?>

<?php if($myrow = mysql_fetch_array($result)) {?>

<div class="art-layout-cell">

<div class="overview-table-inner">

<h4><?php echo $myrow['title']?> </h4>

<img src="<?php echo $myrow['img']?>" height="125px" alt="an image" class="image" />

<p><?php echo $myrow['description']?></p>

<span class="art-button-wrapper">

<span class="l"> </span>

<span class="r"> </span>

<a class="art-button" href="chemy.php">Переглянути...</a>

</span>

</div>

</div><!-- end cell -->

<?php }

}else {echo "Немає записів в БД";}?>

Catalog.php – сторінка на якій розміщені всі види товарів

PHP – код виводу всіх видів товарів:

 

<?php $result = mysql_query("SELECT * FROM categories") or die (mysql_error());

if (mysql_num_rows($result)!= 0){?>

<?php while($myrow = mysql_fetch_array($result)) {?>

<div class="cleared"></div>

<div class="table-postmetadataheader">

<h2 class="table-header">

<?php echo $myrow['title']?></h2></div>

<?php $lim = 3; $start=0;

$res = mysql_query("SELECT count(*) FROM submenu WHERE cat='$myrow[id]'") or die (mysql_error());

$row = mysql_fetch_row($res);

$total_rows=$row[0];

$num_rows=ceil($total_rows/$lim);

for ($i=1; $i<=$num_rows;$i++) {?>

<div class="art-content-layout overview-table">

<div class="art-content-layout-row"> <center>

<?php

$result1 = mysql_query("SELECT * FROM submenu WHERE cat='$myrow[id]' LIMIT $start,3") or die (mysql_error());

while ($myrow1 = mysql_fetch_array($result1)) {?>

<div class="art-layout-cell" >

<div class="overview-table-inner">

<center> <a href="tovary.php?sub=<?php echo $myrow1['id'];?>"> <img src="<?php echo $myrow1['img']?>" height="175px" alt="an image" class="image" /></a>

<a href="tovary.php?sub=<?php echo $myrow1['id'];?>"><h4> <?php echo $myrow1['title'];$start++;?> </h4></a> </center></div>

</div> <?php }?> </center>

</div><!-- end row --></div>

<?php } } }

else {echo "Немає записів в БД";}?>


 

Tovary.php – сторінка на якій за допомогою методу передачі даних між сервером і клієнтом GET виводяться товари вибраного виду.

PHP – код виводу товарів:

<div class="art-post-inner art-article">

<?php if (isset($_GET['sub'])) {$sub = $_GET['sub'];} else {echo "Помилка";}

$result= mysql_query("SELECT title FROM submenu WHERE id='$sub'") or die (mysql_error());

$myrow = mysql_fetch_array($result);?>

<div class="art-postmetadataheader">

<h2 class="art-postheader">

<img src="images/postheadericon.png" height="29" alt="postheadericon" />

<?php echo $myrow['title'];?></h2></div><br>

<div class="art-postcontent">

<!-- article-content -->

<?php

$result1 = mysql_query("SELECT * FROM products WHERE sub='$sub'") or die (mysql_error());

while ($myrow1 = mysql_fetch_array($result1))

{?>

<div class="cleared"></div>

<div class="table-postmetadataheader">

<h2 class="table-header">

<?php echo $myrow1['title']?></h2></div>

<div class="art-content-layout overview-table">

<div class="art-content-layout-row">

<div class="art-layout-cell" >

<div class="overview-table-inner">

<div align="center"> <img src="<?php echo $myrow1['img']?>" height="175px" alt="an image" class="image" /></div>

<div><h4><em><b>Ціна: <?php echo $myrow1['price'];?></b></em></h4> </div>

<div class="tovary"> <label><h4><em><u>Опис:</u></em></h4> </label> <?php echo $myrow1['description'];?>... </div>

<?php if ($myrow1['available'] == 1) {echo "<em><u>Наявність:</u></em> <img src='images/tovary/available.gif' height='15px' class='image' />";} else {echo "<em><u>Наявність:</u></em> <img src='images/tovary/unavailable.gif' height='15px' class='image' />";}

?><div align="right"> <a class="art-button" href="details.php?id=<?php echo $myrow1['id'];?>">Детальніше...</a> </div></div></div></div>

 

Details.php – сторінка з детальним описом товару

 

<div class="art-post-inner art-article">

<?php if (isset($_GET['id'])) {$id = $_GET['id'];} else {echo "Помилка";}

$result= mysql_query("SELECT * FROM products WHERE id='$id'") or die (mysql_error());

$myrow = mysql_fetch_array($result);?>

<div class="art-postmetadataheader">

<h2 class="art-postheader">

<img src="images/postheadericon.png" height="29" alt="postheadericon" />

<?php echo $myrow['title'];?></h2></div><br>

<div class="art-postcontent">

<!-- article-content -->

<div class="cleared"></div>

<div class="table-postmetadataheader">

<h2 class="table-header"></h2></div>

<div class="art-content-layout overview-table">

<div class="art-content-layout-row">

<div class="art-layout-cell" >

<div class="overview-table-inner">

<div align="center"> <img src="<?php echo $myrow['img'];?>" height="175px" alt="an image" class="image" /></div>

<div><h4><em><b>Ціна:</b></em><?php echo $myrow['price'];?></h4> </div>

<div class="tovary"> <label><h4><em><u>Опис:</u></em></h4> </label> <?php echo $myrow['fdescription'];?> </div>

<?php if ($myrow1['available'] == 1) {echo "<em><u>Наявність:</u></em> <img src='images/tovary/available.gif' height='15px' class='image' alt='В наявності'/>";} else {echo "<em><u>Наявність:</u></em> <img src='images/tovary/unavailable.gif' height='15px' class='image' alt='Немає в наявності' />";}?></div></div></div><!-- end row --></div>





Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: