Курсовая работа: Створення веб-сайту для електронного магазину

<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' />";}

?><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" width="29" 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'];?>" width="175px" 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' width='15px' height='15px' class='image' alt='В наявності'/>";} else {echo "<em><u>Наявність:</u></em> <img src='images/tovary/unavailable.gif' width='15px' height='15px' class='image' alt='Немає в наявності' />";}?></div></div></div><!-- end row --></div>

Створення адміністраторської частини сайту

Адміністраторська частина сайту, це частина яка закрита від очей користувачів сайтом , а доступна тільки для адміністраторів і власників сайту. В ній виможете маніпулювати сайтом, а саме добавляти, видаляти редагувати статті, сторінки, товари і тд.

Вигляд головної сторінки адміністраторської частини сайту

<?php

include "blocks/db.php";

?>

<!-- header -->

<td>

<img src="image/logo.jpg"> <br>

</td>

<!-- /header -->

<!-- body -->

<html><head> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head><body>

<h3>Панель Адміністратора</h3>

<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>

<ul> <?php

$result1 = mysql_query("SELECT * FROM categories") or die(mysql_error());while ($myrow1 = mysql_fetch_array($result1 )) { ?><li><a href="#"> <?php echo $myrow1['title']; ?> </a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li><li><a href=#><img src="image/del.png" alt="Видалити"> - Видалити</a></li></ul>

</li><?php } $add = 1; ?>

<li><a href="add.php?add=<?php echo $add; ?>"><img src="image/add.png" alt="Додати"> - Додати категорію</a></li></ul></li><li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Види</span></a><ul>

<?php $result2 = mysql_query("SELECT * FROM submenu") or die(mysql_error()); while ($myrow2 = mysql_fetch_array($result2 )) {?><li><a href="#"> <?php echo $myrow2['title']; ?> </a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li><li><a href=#><img src="image/del.png" alt="Видалити"> - Видалити</a></li></ul>

</li><?php } $add = 2;?>

<li><a href="add.php?add=<?php echo $add; ?>"><img src="image/add.png" alt="Додати"> - Додати вид</a></li></ul></li><li>

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

<ul> <?php $result3 = mysql_query("SELECT * FROM products") or die(mysql_error()); while ($myrow3 = mysql_fetch_array($result3)) {?> <li> <a href="#"> <?php echo $myrow3['title'];?> </a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li><li><a href=#><img src="image/del.png" alt="Видалити"> - Видалити</a></li></ul>

</li><?php } $add = 3;?> <li><a href="add.php?add=<?php echo $add; ?>"><img src="image/add.png" alt="Додати"> - Додати товар</a></li> </ul></li><li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Контактна інформація</span></a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li></ul></li><li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Банери</span></a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li></ul></li></ul></div>

</body></html><!-- /body -->

Сторінка додавання категорій категорій

<?php include "blocks/db.php"; ?>

<td>

<img src="image/logo.jpg"> <br>

</td>

<head> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head>

<!-- TinyMCE -->

<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">

tinyMCE.init({

// General options

mode : "textareas",

theme : "advanced",

plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups",

// Theme options

theme_advanced_buttons1 : "bold,italic,underline,justifyleft,justifycenter,justifyright,justifyfull,formatselect,fontselect,fontsizeselect",

theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,bullist,numlist,undo,redo,|,link,unlink,anchor,image,code,forecolor,backcolor",

theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,media,fullscreen",

theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",

theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",

theme_advanced_statusbar_location : "bottom",

theme_advanced_resizing : true,

// Example word content CSS (should be your site CSS) this one removes paragraph margins

content_css : "css/word.css",

// Drop lists for link/image/media/template dialogs

template_external_list_url : "lists/template_list.js",

external_link_list_url : "lists/link_list.js",

external_image_list_url : "lists/image_list.js",

media_external_list_url : "lists/media_list.js",

// Replace values for the template plugin

template_replace_values : {

username : "Some User",

staffid : "991234"}});</script>

<!-- /TinyMCE --><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><ul> <?php

$result1 = mysql_query("SELECT * FROM categories") or die(mysql_error());while ($myrow1 = mysql_fetch_array($result1 )) { ?><li><a href="#"> <?php echo $myrow1['title']; ?> </a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li><li><a href=#><img src="image/del.png" alt="Видалити"> - Видалити</a></li></ul>

</li><?php } $add = 1; ?>

<li><a href="add.php?add=<?php echo $add; ?>"><img src="image/add.png" alt="Додати"> - Додати категорію</a></li></ul></li><li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Види</span></a><ul>

<?php $result2 = mysql_query("SELECT * FROM submenu") or die(mysql_error()); while ($myrow2 = mysql_fetch_array($result2 )) {?><li><a href="#"> <?php echo $myrow2['title']; ?> </a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li><li><a href=#><img src="image/del.png" alt="Видалити"> - Видалити</a></li></ul>

</li><?php } $add = 2;?>

<li><a href="add.php?add=<?php echo $add; ?>"><img src="image/add.png" alt="Додати"> - Додати вид</a></li></ul></li><li>

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

<ul> <?php $result3 = mysql_query("SELECT * FROM products") or die(mysql_error()); while ($myrow3 = mysql_fetch_array($result3)) {?> <li> <a href="#"> <?php echo $myrow3['title'];?> </a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li><li><a href=#><img src="image/del.png" alt="Видалити"> - Видалити</a></li></ul>

</li><?php } $add = 3;?> <li><a href="add.php?add=<?php echo $add; ?>"><img src="image/add.png" alt="Додати"> - Додати товар</a></li> </ul></li><li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Контактна інформація</span></a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li></ul></li><li>

<a href="index.php" class="active"><span class="l"></span><span class="r"></span><span class="t">Банери</span></a>

<ul><li><a href=#><img src="image/edit.png" alt="Редагувати"> - Редагувати</a></li></ul></li></ul></div><?php

if (isset ($_GET['add'])) {$add = $_GET['add'];}

if ($add == 1) {

if (isset($_POST['j'])){ $r =0;

if (isset ($_POST['title'])){$title = $_POST['title'];}

if (isset ($_POST['description'])){$description = $_POST['description'];}

if (isset ($_POST['img'])){$img = $_POST['img'];}

if (empty($title)) {echo "<font color='#FF0066'>Ви не ввели заголовок.</font><br>"; $r=1; unset($title);}

if (empty($description)) {echo "<font color='#FF0066'>Ви не ввели описю</font><br>"; $r=1; unset($description);}

if (empty($img)) {echo "<font color='#FF0066'>Ви не вибрали картинку.</font><br>"; $r=1; unset($img);}

if ($r == 1) {die("Помилка!! <a href='add.php?add=".$add."'> Назад</a> <a href='index.php'> На головну</a> " );} else {echo "Дані успішно додані. <a href='add.php?add=".$add."'> Назад</a> <a href='index.php'> На головну</a>"; mysql_query ("INSERT INTO categories(title,description ,img)VALUES ('$title','$description','$img')"); }} else { echo "

<h3>Додати категорію:</h3>

<form action = 'add.php' method='post' target='_self'>

<label>Введіть заголовок</label><br><input type='text' name='title' /> <br>

<label>Опис</label>

<textarea name='description'></textarea>

<label>Зображення</label><br><input type='file' name='img' /> <br>

<input type='hidden' name='j'>

<input type='submit' value='Додати'>

</form><br><br><br> <a href='index.php'> На головну</a> ";} }?><?php

if (isset ($_GET['add'])) {$add = $_GET['add'];}

if ($add == 2) {

if (isset($_POST['j'])){ $r =0;

if (isset ($_POST['title'])){$title = $_POST['title'];}

if (isset ($_POST['name'])){$name = $_POST['name'];}

if (isset ($_POST['img'])){$img = $_POST['img'];}

if (empty($title)) {echo "<font color='#FF0066'>Ви не ввели назву.</font><br>"; $r=1; unset($title);}

if (empty($name)) {echo "<font color='#FF0066'>Ви не ввели унікальну назву</font><br>"; $r=1; unset($name);}

if (empty($img)) {echo "<font color='#FF0066'>Ви не вибрали картинку.</font><br>"; $r=1; unset($img);}

if ($r == 1) {die("Помилка!! <a href='add.php?add=".$add."'> Назад</a> <a href='index.php'> На головну</a> " );} else {echo "Дані успішно додані. <a href='add.php?add=".$add."'> Назад</a> <a href='index.php'> На головну</a>"; mysql_query ("INSERT INTO submenu(title,name,img)VALUES ('$title','$name','$img')"); }} else { echo "

<h3>Додати вид:</h3>

<form action = 'add.php' method='post' target='_self'>

<label>Введіть назву</label><br><input type='text' name='name' /> <br>

<label>Введіть унікальну назву (англійськими)</label><br><input type='text' name='title' /> <br>

<label>Зображення</label><br><input type='file' name='img' /> <br>

<input type='hidden' name='j'>

<input type='submit' value='Додати'>

</form><br><br><br> <a href='index.php'> На головну</a> ";} }?>

<?php

if (isset ($_GET['add'])) {$add = $_GET['add'];}

if ($add == 3) {

if (isset($_POST['j'])){ $r =0;

if (isset ($_POST['title'])){$title = $_POST['title'];}

if (isset ($_POST['description'])){$description = $_POST['description'];}

if (isset ($_POST['fdescription'])){$description = $_POST['fdescription'];}

if (isset ($_POST['img'])){$img = $_POST['img'];}

if (isset ($_POST['price'])){$price = $_POST['price'];}

if (empty($title)) {echo "<font color='#FF0066'>Ви не ввели назву.</font><br>"; $r=1; unset($title);}

if (empty($description)) {echo "<font color='#FF0066'>Ви не ввели опис</font><br>"; $r=1; unset($description);}

if (empty($fdescription)) {echo "<font color='#FF0066'>Ви не ввели повний опис</font><br>"; $r=1; unset($fdescription);}

if (empty($img)) {echo "<font color='#FF0066'>Ви не вибрали картинку.</font><br>"; $r=1; unset($img);}

if (empty($price)) {echo "<font color='#FF0066'>Ви не вибрали ціну.</font><br>"; $r=1; unset($price);}

if ($r == 1) {die("Помилка!! <a href='add.php?add=".$add."'> Назад</a> <a href='index.php'> На головну</a> " );} else {echo "Дані успішно додані. <a href='add.php?add=".$add."'> Назад</a> <a href='index.php'> На головну</a>"; mysql_query ("INSERT INTO products(title,description,fdescription,,img, price)VALUES ('$title','$description','$fdescription','$img','$price')"); }} else { echo "

<h3>Додати товар:</h3>

<form action = 'add.php' method='post' target='_self'>

<label>Введіть назву</label><br><input type='text' name='title' /> <br>

<label>Опис</label>

<textarea name='description'></textarea>

<label>Повний опис</label>

<textarea name='fdescription'></textarea>

<label>Зображення</label><br><input type='file' name='img' /> <br>

<label>Введіть ціну</label><br><input type='text' name='price' /> <br>

<input type='hidden' name='j'>

<input type='submit' value='Додати'>

</form><br><br><br> <a href='index.php'> На головну</a> ";} }

?>

Висновок

Мета курсової роботи ствроення повноцінного веб-сайту в мому випадку інтернет магазину, а саме клієнтської та адміністративної частини за допомогою PHP та MySQL і Flash вставками. На далі для покращення веб сайту можна добавити можливість регістрації користувачів, створити модуль коментарів, створити кошик куди добавляється і оформлюється замовлення, Оптимізувати адміністративну частину, а саме покращити захист сайту за допомогою хеш-шифрування даних. Та покращити візуальне оформлення.

Список літератури

1.Д. Котеров, А.Костеров PHP 5 в оргиніналі.

2.www.php.su

3.google.com.ua