Курсовая работа: Створення веб-сайту для електронного магазину
<?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" width="200" 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" width="200" 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" width="20px" 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']?>" width="125px" 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']?>" width="125px" 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']?>" width="175px" 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" width="29" 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']?>" width="175px" 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' width='15px' height='15px' class='image' />";} else {echo "<em><u>Наявність:</u></em> <img src='images/tovary/unavailable.gif' width='15px' height='15px' class='image' />";}