Створення категорії товарів магазина

Класифікація веб-сайтів Засоби розробки Розширювана мова розмітки XML Мова програмування PHP Висновки Розробка сайту на основі CMS Створення категорій сайта Створення меню on-line магазина Створення категорії товарів магазина

78247

знаков

таблиц

изображений

Створення меню on-line магазина

2.3.7 Створення категорії товарів магазина

Після встановлення та настройки необхідних для функціонування сайту розширень, необхідно створити категорії для товарів. Для цього ми використовуємо розширення для CMS Joomla “VirtueMart”, яке розповсюджується по ліцензії GNU\GPL, тобто можна використовувати розширення безкоштовно і змінювати програмний код розширення для своїх потреб. Місце виведення категорій визначено в шаблоні сайта.

Для того, щоб створити нову категорію для товарів, потрібно в основному меню вибрати «Компоненты», потім пункт «VirueMart» (рис. 23). Після того, як перейшли на головну сторінку компонента «VirtueMart», потрібно вибрати «Товары», потім пункт «Добавить категорию» (рис. 24).

Рис. 23. Доступ до сторінки «VirtueMart».

Рис. 24. Доступ до сторінки «Добавить категорию».

На рис. 25 розглядається приклад додавання нової категорії товарів.Для додавання необхідно:

1. Ввести ім’я нової категорії в полі «Наименование категории».

2. В полі «Описание категории» ввести інформацію про кавтегорію.

3. Вибрати чи буде це підкатегорія чи категорія в полі «Родительская категория».

4. В полі «Опубликовать?» відмітити, якщо потрібно щоб категорія була відображена на сайті.

У вкладці «Изображение» (рис. 26) можна загрузити зображення для категорії товарів.

Після того, як поля заповнені натискаємо «Сохранить» для зберігання введеної інформації.

Рис. 25. Сторінка «Добавить категорию».

Рис. 26. Вкладка «Изображение».

Для того щоб передивитися категории товарів, потрібно потрібно вибрати «Товары», потім пункт «Отобразить категорию». На сторінці «Дерево категорий» будуть відображені всі категорії товарів. Щоб категория не відображалась в магазині, потрібно відзначити певну категорію та натиснути «Скрыть». Для того щоб видалити категорію, потрібно вибрати категорію та натиснути «Удалить».

2.3.8 Розміщення товарів в on-line магазині

Після створення категорій товарів товарів, потрібно розміщати товари в on-line магазині. Для того, щоб добавити новий товар в магазин, потрібно в основному меню вибрати «Компоненты», потім пункт «VirueMart» (рис. 23). Після того, як перейшли на головну сторінку компонента «VirtueMart», потрібно вибрати «Товары», потім пункт «Добавить товар».

На рис. 27 розглядається приклад додавання нового товару .Для додавання необхідно:

1. В полі «Артикул» потрібно ввести актрикул нового товару.

2. Ввести назву товара в поле «Название».

3. Вибрати категорію товара із списка поля «Категории».

4. В полі «Цена товара» вказати ціну даного товара.

5. Ввести коротке описання товара в поле «Краткое описание».

5. Ввести повне описання товара в поле «Описание товара».

Рис. 27. Сторінка «Новый товар».

На сторінці «Новый товар» окрім основної вкладки «Информация о товаре» існує 4 додаткові вкладки:

1. Вкладка «Состояние товара» - в цій вкладці можна добавити інформацію про кількість товару, коли буде в наявності, спеціальні умови.

2. Вкладка «Габариты товара и вес» - в цій вкладці можна ввести габаритні параметри товару.

3. Вкладка «Изображения товара» - в цій вкладці можна загрузити зображення товара.

4. Вкладка «Сопутствующиме товары» - в цій вкладці можнга вибрати товри, які супутні даному товару.

2.4 Висновки

Згідно технічного завдання було створено сайт інтернет-магазин на базі CMS Joomla. Був створений дизайн сайта в виді шаблона, який використовується в системі управління вмістом Joomla. На головній сторінці розміщено логотип веб-сайта, основне меню сайту (для навігації по його структурі), форму аутентифікації (входу зареєстрованих користувачів), реєстраційне посилання (реєстрація нових клієнтів). Також сайт має початкові категорії товарів та початкові товари для відображення працездатності інтернет-магазина. Окрім каталогу товарів сайт має інформативні сторінки, які мають інформативний вміст для користувачів і корисну інформацію для клієнтів інтернет-магазину.

Висновок

В ході виконання випускної кваліфікаційної роботи був отриманий повнофункціональний веб-сайт, повністю готовий до застосування. Даний сайт орієнтований для широкого спектру застосування в on-line торгівлі. З його допомогою користувачі зможуть отримувати необхідну інформацію про товар, а також можливість купівлі товару. При розміщенні його в глобальній мережі географія розповсюдження зростає до масштабів всього світу.

При розробці веб-сайта були проаналізовані сучасні веб-технології, що дозволяють створювати інтерактивні веб-сторінки. Найбільш відповідними для виконання поставленого завдання виявилися Macromedia Dreamweaver MX 2004 і Joomla 1.5.

Розроблений сайт задовольняє всім вимогам, поставленим на етапі постановки завдання. При розробці веб-сайта були використані готові модулі аутентифікації, голосування, on-line магазин і здійснення пошуку по сайту. Дані модулі були допрацьовані з урахуванням специфіки веб-сайта і успішно упроваджені в його структуру.

Як подальше вдосконалення веб-сайта представляється можливим розробка модулів доступу. Так само можливе доопрацювання інтерфейсу сайту з метою подальшого підвищення його інформативності, привабливості і зручності.

Використані джерела

1. «Веб Database Application with PHP and MYSQL», 2nd Edition By David Lane, Hugh E. Williams. © O'Reilly, May 2004. ISBN: 0-596-00543-1.

2. CMS List. Огляд cms. Сайт про системи управління сайтом. http://www.cmslist.ru

3. Joomla CMS по-російськи. http://joomlaportal.ru

4. Матеріал з Вікипедії — вільній енциклопедії про системи управління сайтом. http://ru.wikipedia.org/wiki/CMS

5. Content management system http://www.brutto.ru/informacija/uznat-bolshe/content-management-system

6. Joomla-инструменты. http://docs.joom.ru/!;C651=0O:Categories

7. CMS огляд: CMS, движок сайту, система управління сайтом, mambo, php nuke, netcat, phpbb, invision power board, vbulletin. http://cmsobzor.ru/news.php

8. «Dreamweaver MX 2004 для "чайников".» Уорнер, Джанни, Гарднер, Сюзанна.

Пер. с англ. — М. : Издательский дом "Вильямс", 2004. — 352 с.

9. «PHP, MySQL и Dreamweaver MX 2004. Разработка интерактивных Web-

сайтов.» Дронов В. А. — СПб.: БХВ-Петербург, 2005. — 448 с : ил.

10. «PHP and MySQL Web Development (4th Edition)», Luke Welling, Laura Thomson 848 стр., с ил.; ISBN 978-5-8459-1574-0, 978-0-672-32916-6.

11. «Joomla! 1.5. Руководство пользователя», Колисниченко Д.Н., с ил.; ISBN 978-5-8459-1509-2; 2009,224 с.

12. «Движок для вашего сайта. CMS Joomla!. Slaed, PHP-Nuke». Колисниченко Д., СПб.: БХВ-Петербург, 368 с.,

13. «Joomla! Практическое руководство»., Норт Б., 448 с., СПб: Символ-Плюс.

14. «Самоучитель Joomla!»., Дэн Рамел, БХВ-Петербург, 2008 г., 448 с.

15. «Создание веб-сайтов с помощью Joomla! 1.5». Хаген Граф, Издательский дом "Вильямс", 304 с., 2009.

Додатки

Додаток А

Код шаблону сайта

<?php

// no direct access

defined( '_JEXEC' ) or die( 'Restricted index access' );

define( 'YOURBASEPATH', dirname(__FILE__) );

require( YOURBASEPATH.DS."styles.php");

require( YOURBASEPATH.DS."rt_styleswitcher.php");

JHTML::_( 'behavior.mootools' );

global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;

global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;

global $overlay_style, $bg_style, $showcase_title, $showcase_text, $showcase_link, $body_text, $body_link, $primary_color;

$live_site = $mainframe->getCfg('live_site');

$template_path= $this->baseurl . '/templates/' . $this->template;

$preset_style = $this->params->get("presetStyle", "style3");

$overlay_style = $this->params->get("overlayStyle", "dark");

$bg_style = $this->params->get("bgStyle", "bgstyle3");

$showcase_title = $this->params->get("showcaseTitle", "#ffffff");

$showcase_text = $this->params->get("showcaseText", "#fffddd");

$showcase_link = $this->params->get("showcaseLink", "#21bddf");

$body_text = $this->params->get("bodyText", "#999999");

$body_link = $this->params->get("bodyLink", "#21bddf");

$frontpage_component = $this->params->get("enableFrontpage", "show");

$enable_ie6warn = ($this->params->get("enableIe6warn", 0) == 0)?"false":"true";

$font_family = $this->params->get("fontFamily", "refraction");

$enable_fontspans = ($this->params->get("enableFontspans", 1) == 0)?"false":"true";

$enable_inputstyle = ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";

$inputs_exclusion = $this->params->get("inputsExclusion", "'.content_vote'");

$enable_featured_effects= ($this->params->get("featEffects", 1) == 0)?"false":"true";

$panel_hooks= $this->params->get("panelHooks", ".showcase-panel-trigger, a[href*=showcasemoduletrigger]");

$panel_fixheight= $this->params->get("panelFixHeight", 1);

$panel_height= $this->params->get("panelHeight", "337");

$panel_opacity= $this->params->get("panelOpacity", "0.9");

$panel_totop= $this->params->get("panelToTop", 1);

$panel_clickclose = $this->params->get("panelClickClose", 1);

$panel_closebutton= $this->params->get("panelCloseButton", 0);

$template_width = $this->params->get("templateWidth", "959");

$leftcolumn_width= $this->params->get("leftcolumnWidth", "210");

$rightcolumn_width= $this->params->get("rightcolumnWidth", "210");

$leftinset_width= $this->params->get("leftinsetWidth", "180");

$rightinset_width= $this->params->get("rightinsetWidth", "180");

$splitmenu_col= $this->params->get("splitmenuCol", "rightcol");

$menu_name = $this->params->get("menuName", "mainmenu");

$menu_type = $this->params->get("menuType", "moomenu");

$menu_rows_per_column = $this->params->get("menuRowsPerColumn");

$menu_columns = $this->params->get("menuColumns");

$menu_multicollevel = $this->params->get("menuMultiColLevel", 1);

$default_font = $this->params->get("defaultFont", "default");

$show_logo = ($this->params->get("showLogo", 1) == 0)?"false":"true";

$show_topbutton = ($this->params->get("showTopbutton", 1) == 0)?"false":"true";

$show_copyright = ($this->params->get("showCopyright", 1) == 0)?"false":"true";

$js_compatibility = ($this->params->get("jsCompatibility", 0) == 0)?"false":"true";

// moomenu options

$moo_bgiframe = ($this->params->get("moo_bgiframe'","0") == 0)?"false":"true";

$moo_delay = $this->params->get("moo_delay", "500");

$moo_duration = $this->params->get("moo_duration", "600");

$moo_fps = $this->params->get("moo_fps", "200");

$moo_transition = $this->params->get("moo_transition", "Sine.easeOut");

$moo_bg_enabled = ($this->params->get("moo_bg_enabled","1") == 0)?"false":"true";

$moo_bg_over_duration = $this->params->get("moo_bg_over_duration", "500");

$moo_bg_over_transition= $this->params->get("moo_bg_over_transition", "Expo.easeOut");

$moo_bg_out_duration= $this->params->get("moo_bg_out_duration", "600");

$moo_bg_out_transition = $this->params->get("moo_bg_out_transition", "Sine.easeOut");

$moo_sub_enabled= ($this->params->get("moo_sub_enabled","1") == 0)?"false":"true";

$moo_sub_opacity= $this->params->get("moo_sub_opacity","0.95");

$moo_sub_over_duration= $this->params->get("moo_sub_over_duration", "50");

$moo_sub_over_transition= $this->params->get("moo_sub_over_transition", "Expo.easeOut");

$moo_sub_out_duration = $this->params->get("moo_sub_out_duration", "600");

$moo_sub_out_transition= $this->params->get("moo_sub_out_transition", "Sine.easeIn");

$moo_sub_offsets_top= $this->params->get("moo_sub_offsets_top", "0");

$moo_sub_offsets_right = $this->params->get("moo_sub_offsets_right", "1");

$moo_sub_offsets_bottom= $this->params->get("moo_sub_offsets_bottom", "0");

$moo_sub_offsets_left= $this->params->get("moo_sub_offsets_left", "1");

require(YOURBASEPATH . "/rt_styleloader.php");?>

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head" />

<?php

require(YOURBASEPATH . DS . "rt_utils.php");

require(YOURBASEPATH . DS . "rt_head_includes.php");

</head>

<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> <?php echo $bg_style; ?> <?php echo $overlay_style; ?> iehandle">

<?php if ($show_logo == "true" or $mtype != "none" or $this->countModules('logo')) : ?>

<?php if ($this->countModules('logo')) : ?>

<?php elseif ($show_logo == "true") : ?>

<a href="<?php echo $this->baseurl; ?>" id="logo" class="png"></a>

<?php endif; ?>

<?php if($mtype != "none") : ?>

<?php if($mtype != "module") : ?>

<?php echo $topnav; ?>

<?php else: ?>

<jdoc:include type="modules" name="toolbar" style="none" />

<?php endif; ?>

</div>

<?php endif; ?>

</div>

<?php endif; ?>

<?php $mClasses = modulesClasses('case5'); if ($this->countModules('showcase') or $this->countModules('showcase2') or $this->countModules('showcase3')) : ?>

<?php if ($this->countModules('showcase')) : ?>

<jdoc:include type="modules" name="showcase" style="main" />

</div>

<?php endif; ?>

<?php if ($this->countModules('showcase2')) : ?>

<jdoc:include type="modules" name="showcase2" style="main" />

</div>

<?php endif; ?>

<?php if ($this->countModules('showcase3')) : ?>

<jdoc:include type="modules" name="showcase3" style="main" />

</div>

<?php endif; ?>

</div>

<?php endif; ?>

<?php if ($this->countModules('showcase-panel')): ?>

<div class="readon-wrap1"><div class="readon1-l"></div><a class="readon-main" href="#"><span class="readon1-m"><span class="readon1-r">Close</span></span></a></div>

</div>

<jdoc:include type="modules" name="showcase-panel" style="showcasepanel" />

</div>

<?php endif;?>

<?php if ($this->countModules('newsflash')) : ?>

<jdoc:include type="modules" name="newsflash" style="newsflash" /> </div> <?php endif; ?><?php $mClasses = modulesClasses('case0'); if ($this->countModules('feature') or $this->countModules('feature2') or $this->countModules('feature3')) : ?>

<div id="featuremodules" class="spacer<?php echo $featuremod_width; ?> png"> <?php if ($this->countModules('feature')) : ?>

<jdoc:include type="modules" name="feature" style="feature" /> </div>

<?php endif; ?> <?php if ($this->countModules('feature2')) : ?>

<jdoc:include type="modules" name="feature2" style="feature" /> </div>

<?php endif; ?>

<?php if ($this->countModules('feature3')) : ?>

<jdoc:include type="modules" name="feature3" style="feature" />

</div>

<?php endif; ?>

</div>

<?php endif; ?>

<div id="maincontent-m" class="png"><div id="maincontent-l" class="png"><div id="maincontent-r" class="png"><div id="maincontent-surround" class="png"><?php if ($this->countModules('breadcrumb')) : ?>

<a href="<?php echo $this->baseurl; ?>" id="breadcrumbs-home" class="png"></a> <jdoc:include type="modules" name="breadcrumb" style="none" /> </div> <?php endif; ?> <?php $mClasses = modulesClasses('case1'); if ($this->countModules('user1') or $this->countModules('user2') or $this->countModules('user3')) : ?> <div id="mainmodules" class="spacer<?php echo $mainmod_width; ?>">

<?php if ($this->countModules('user1')) : ?>

<jdoc:include type="modules" name="user1" style="main" /> </div> <?php endif; ?> <?php if ($this->countModules('user2')) : ?> <div class="block <?php echo $mClasses['user2'][0]; ?>"> <jdoc:include type="modules" name="user2" style="main" /></div>

<?php endif; ?>

<?php if ($this->countModules('user3')) : ?>

<jdoc:include type="modules" name="user3" style="main" />

</div>

<?php endif; ?> </div> <?php endif; ?>

<?php if ($this->countModules('inset2') and !$editmode) : ?>

<jdoc:include type="modules" name="inset2" style="main" />

</div></div>

<?php endif; ?>

<?php if ($this->countModules('inset') and !$editmode) : ?> <div id="inset-block-left"><div class="left-padding">

<jdoc:include type="modules" name="inset" style="main" />

</div></div>

<?php endif; ?>

<jdoc:include type="message" />

<?php if (!($frontpage_component == 'hide' and JRequest::getVar('view') == 'frontpage')): ?>

<jdoc:include type="component" />

<?php endif; ?> </div>

</div><div class="clr"></div>

<?php $mClasses = modulesClasses('case2'); if ($this->countModules('user4') or $this->countModules('user5') or $this->countModules('user6')) : ?>

<div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>"> <?php if ($this->countModules('user4')) : ?> <div class="block <?php echo $mClasses['user4'][0]; ?>"> <jdoc:include type="modules" name="user4" style="main" />

</div>

<?php endif; ?>

<?php if ($this->countModules('user5')) : ?>

<jdoc:include type="modules" name="user5" style="main" />

</div>

<?php endif; ?> <?php if ($this->countModules('user6')) : ?>

<jdoc:include type="modules" name="user6" style="main" />

</div>

<?php endif; ?>

</div>

<?php endif; ?>

</div></div></div></div>

</div> </div>

</div>

<?php if ($leftcolumn_width != 0) : ?>

<?php if ($subnav and $splitmenu_col=="leftcol") : ?> <div class="sidenav-block"> <?php echo $subnav; ?> </div>

<?php endif; ?> <jdoc:include type="modules" name="left" style="sidebar" /> <?php if (!isset($active)) :?><jdoc:include type="modules" name="inactive" style="sidebar" /> <?php endif; ?>

</div>

<?php endif; ?>

<?php if ($rightcolumn_width != 0) : ?>

<?php if ($subnav and $splitmenu_col=="rightcol") : ?> <div class="sidenav-block"> <?php echo $subnav; ?> </div> <?php endif; ?> <jdoc:include type="modules" name="right" style="sidebar" /></div>

</div> </div>

<?php endif; ?>

</div>

</div>

<?php $mClasses = modulesClasses('case3'); if ($this->countModules('user7') or $this->countModules('user8') or $this->countModules('user9')) : ?><div class="wrapper">

<?php if ($this->countModules('user7')) : ?>

<jdoc:include type="modules" name="user7" style="sidebar" />

</div>

<?php endif; ?>

<?php if ($this->countModules('user8')) : ?>

<jdoc:include type="modules" name="user8" style="sidebar" />

</div>

<?php endif; ?>

<?php if ($this->countModules('user9')) : ?>

<jdoc:include type="modules" name="user9" style="sidebar" />

</div>

<?php endif; ?>

</div>

<?php endif; ?>

</div></div>

</div>

<?php $mClasses = modulesClasses('case4'); if ($this->countModules('bottom') or $this->countModules('bottom2') or $this->countModules('bottom3')) : ?>

<?php if ($this->countModules('bottom')) : ?>

<jdoc:include type="modules" name="bottom" style="bottom" />

</div>

<?php endif; ?>

<?php if ($this->countModules('bottom2')) : ?>

<jdoc:include type="modules" name="bottom2" style="bottom" />

</div>

<?php endif; ?>

<?php if ($this->countModules('bottom3')) : ?>

<jdoc:include type="modules" name="bottom3" style="bottom" />

</div>

<?php endif; ?>

</div>

</div></div></div></div>

</div>

<?php endif; ?>

<?php if ($show_copyright == "true") : ?>

<a href="http://www.rockettheme.com/" title="<?php echo JText::_('ROCKETTHEME_JTC'); ?>" id="rocket" class="png"></a>

</div>

<?php else: ?>

<jdoc:include type="modules" name="footer" style="xhtml" />

</div>

<?php endif; ?>

<?php if ($show_topbutton == "true") : ?>

<?php echo JText::_('TOP'); ?></a></div>

<?php endif; ?>

</div>

<?php if ($this->countModules('debug')) : ?>

<jdoc:include type="modules" name="debug" style="none" />

</div>

<?php endif; ?>

</body>

</html>

Додаток Б

Структурна схема веб- сайту

Головна сторінка Веб- сайту

Настройки Веб-сайта

Створення меню on-line магазина

Раздел: Информатика, программирование
Количество знаков с пробелами: 78247
Количество таблиц: 0
Количество изображений: 29

Скачать

... є інтереси відповідного бізнесу. Прецеденти є, але про суспільну користь говорити можна не завжди. Переглянувши державні бюджети України чи бюджети окремих міст, можна знайти факти підтримки суспільно корисних громадських організацій. Велика частина з них стала предметом розслідування КРУ, податкової міліції, чи депутатських комісій. Якщо влада таким чином не хоче ощасливити когось із своїх родич ...

Главная Новости Рефераты Статьи Вузы

О проекте Соглашение

Наверх

Войти на сайт

Навигация

Похожие работы

0 комментариев

Разделы

Инфо

Следите за новостями