Автор работы: Пользователь скрыл имя, 06 Ноября 2013 в 12:42, лабораторная работа
Система управления содержимым сайта (Content Management System – CMS) – это программный комплекс, позволяющий автоматизировать процесс управления как сайтом в целом, так и сущностями в рамках сайта: макетами страниц, шаблонами вывода данных, структурой, информационным наполнением, пользователями и правами доступа, а также по возможности предоставляющий дополнительные сервисы: списки рассылки, ведение статистики, поиск, средства взаимодействия с пользователями и т. д. Необходимость CMS для разработчиков и администраторов сайтов начала проявляться в тот момент, когда количество материалов на web-сайтах начало стремительно расти.
Введение 3
Ход работы 7
Установка Денвера, базовые настройки…………………………………7
Создание базы данных товаров в MySQL……………………………….12
Установка OpenCart………………………………………………………15
Наполнение магазина содержимым……………………………………..21
Изменение основных настроек и внешнего вида магазина……………30
Процесс заказа товара в интернет-магазине……………………………36
Заключение 43
Рис. 2.1 – Страница «Ура, Заработало!»
Сначала воспользуемся ссылкой Заведение новых БД и пользователей MySQL. Создадим БД и пользователей MySQL.
Поле «Пароль администратора MySQL» пока оставим пустым. Поля «Имя базы данных» и «Логин пользователя» автоматически заполняются одинаковыми значениями, но допускают и разные. Укажем имя нашей БД и пользователя – администратора этой БД. В поле «Пароль» и «еще раз» введем пароль. Теперь эту вкладку можно закрыть.
Рис. 2.2 – Быстрое создание баз и пользователей MySQL
Откроем другую ссылку phpMyAdmin – администрирование СУБД MySQL.
Рис. 2.3 – Закладка «Базы данных»
Скачиваем свежий дистрибутив с сайта разработчика OpenCart. http://www.opencart.ru/.
Рис. 3.1 – Скачивание OpenCart
Сам файл дистрибутива полностью обезличен: opencart.zip – это архив внутри которого находятся:
Рис. 3.2 – Содержимое папки Upload дистрибутива OpenCart
Сначала создадим корневую
папку для нашего магазина, располагаться
она должна в директории «D:\WebServers\home\ localhost\www\» создадим папку
«aitana.ru». Распаковываем архив и копируем
содержимое папки Upload папку «D:\WebServers\home\www\aitana
Рис. 3.3 – Стартовое окно установки OpenCart
Нажав кнопку «Продолжить» мы перейдем к следующему окну и столкнемся здесь с проблемой установки.
Рис.3.4 - Окно установки OpenCart с неподключенными дополнениями.
Для настройки PHP необходимо
открыть в блокноте файл «php.ini», находящийся
в папке «D:\WebServers\usr\local\php5»
Рис. 3.5 - Изменение настройки файла «php.ini».
Для быстрого нахождения подлежащих исправлению строк в этом файле воспользуемся поиском(Ctrl+F):
Все необходимые изменения сделаны, сохраняем файл – настройка PHP закончена. Для вступления изменеаний в силу необходимо сделать рестарт сервера (ярлык «Restart Denwer»).
Вернемся к в окну нашего браузера, в котором мы выполняли установку OpenCart. Для этого нажмем кнопку «Продолжить».
Рис. 3.6 - Настройки БД при установке OpenCart
После нажатия на кнопку «Продолжить» открывается окно с информацией об окончании процесса установки.
Рис. 3.7 - Окончание установки OpenCart
После установки необходимо
удалить установочную папку «install» из
директории «D:\WebServers\home\localhost\
Внешний вид шаблона интернет-магазина.
Рис. 3.8 - Внешний вид шаблона интернет-магазина
Страница входа в
Рис. 3.9 - Страница входа в административную панель интернет-магазина.
Основное окно административной панели интернет-магазина.
Рис. 3.10 - Основное окно административной панели интернет-магазина
Основной ассортимент магазина и связанная с ним информация сосредоточены в закладке «Каталог» главного окна административной панели. Прежде чем приступать к наполнению нашего магазина данными о товарах, поставщиках, производителях и т.д. необходимо удалить предустановленные данные. Для этого нужно последовательно перейти по пунктам меню «Товары», «Производители» и «Категории» закладки «Каталог» и очистить находящиеся в них списки.
Рис. 4.1 - Очистка списка «Товары»
После очистки приступим к заполнению. Сначала заполним список производителей.
Рис. 4.2 - Создание элемента списка «Производители»
В этом списке всего 2 ключевых поля: это «Производитель» – имя производителя, и «Изображение» – сюда можно поместить логотип производителя. Для добавления изображения необходимо нажать ссылку «Просмотр файлов» и откроется панель «Управление изображениями», содержащая сохраненные в БД изображения.
Рис. 4.3 - Панель «Управление изображениями»
Заполненный список производителей
Рис. 4.4 - Заполненный список производителей
Теперь заполним список «Категории».
Рис. 4.5 - Создание элемента списка «Категории», закладка «Общие»
Рис. 4.6 - Создание элемента списка «Категории», закладка «Данные»
Рис. 4.7 - Создание элемента списка «Категории», закладка «Дизайн»
Для создания подкатегории заполнение полностью аналогично, за исключением того, что нужно указать родительскую категорию.
Рис. 4.8 – Создание подкатегорий.
Рис. 4.9 - Список категорий товаров
После формирования категорий необходимо внести изменения в настройки магазина:
Рис. 4.10 - «Система» «Локализация» «Валюты» добавить Валюту – Рубль.
Рис. 4.10 - «Система» «Локализация» «Единицы измерения» добавить единицу – Штука.
Рис. 4.11 - «Система» «Локализация» «Единицы веса» добавить единицы – Килограмм.
Рис. 4.12 - «Система» «Локализация» «Единицы веса» добавить единицы – Грамм.
Теперь необходимо заполнить список товаров.
Рис. 4.13 - Создание элемента списка «Товары», закладка «Общие»
Рис. 4.14 - Создание элемента списка «Товары», закладка «Данные»
Рис. 4.15 - Создание элемента списка «Товары», закладка «Связи»
Рис. 4.16 - Создание элемента списка «Товары», закладка «Акции»
Рис. 4.17 - Создание элемента списка «Товары», закладка «Изображения»
Рис. 4.17 - Создание элемента списка «Товары», закладка «Бонусные баллы»
Рис. 4.18 - Создание элемента списка «Товары», закладка «Дизайн»
Рис. 4.19 - Список товаров
После наполнения нашего магазина товарами можно переходить к следующему этапу изменению основных настроек магазина и его внешнего вида.
Сначала надо изменить основные настройки магазина. Для этого в основной административной панели откроем закладку «Система», пункт «Настройки».
Рис. 5.1 - Настройки магазина раздел - Общие
Рис. 5.2 - Настройки магазина раздел – Магазин
Рис. 5.3 - Настройки магазина раздел – Изображения
Почта, Фрауд и Сервер – оставим без изменения. Локализация – Страна: Российская федерация; Язык и Язык Администратора: Русский; Валюта: Рубль; Единица измерения: штука; Вес: Грамм.
Создание и замена баннеров. Создание баннеров похоже на создание других списков, находятся они в разделе «Система» –«Дизайн»–«Баннеры».
Рис. 5.4 – Баннер «Central banner»
Рис. 5.5 – Баннер «Recommended»
Рис. 5.6 – Баннер «Aitana»
Теперь перейдем в раздел
«Дополнения»–«Модули» и
Рис. 5.7 – Модуль «Баннер»
Рис. 5.8 – Модуль «Карусель»
Рис. 5.9 - Модуль «Слайдшоу»
Рис. 5.10 – Модуль «Рекомендуемые»
Рис. 5.11 –Модуль «Последние»
На этом настройку внешнего вида и интерфейса можно считать законченной.
Внешний вид нашего интернет магазина:
Последний этап – это настройка доступа к сайту по доменному имени.
Скопируем папку «aitana.ru» в «D:\WebServers\home\».
Создадим в ней подпапку www. Все содержимое
папки «aitana.ru» перенесем в папку www.
В файлах «D:\WebServers\home\aitana.ru\
Рис. 5.12 – Изменение файла config.php
Рис. 5.13 – Изменение файла config.php в папке admin
Теперь для доступа к нашему сайту можно набирать его доменное имя «http://aitana.ru», а для доступа к административной панели «http://aitana.ru/admin». Настройка интернет магазина завершена.
Для заказа товаров на сайте, необходимо пройти регистрацию.
Рис. 6.1 – Регистрация на сайте
Рис. 6.2 – Создана учетная запись
Рис. 6.3 – Создание личного кабинета
Рис. 6.4 - Выбрали товар, приступаем к оформлению заказа
Рис. 6.5 – Оформление заказа
Рис. 6.6 - Оформление заказа окончено
Рис. 6.7 - Мониторинг работы магазина
Рис. 6.8- Информация о конкретном заказе: вид из административной панели
Рис. 6.9 - Печатная форма заказа: вид из административной панели
Рис. 6.10 - Таблица order (заказы) базы данных aitana: вид из phpMyAdmin
Рис. 6.11 - Печатная форма таблицы order (заказы) базы данных aitana вид из phpMyAdmin
Заключение
В заключение отчета можно сказать, что разработана максимально подробная и доступная работа по созданию интернет – магазина (на основе программы OpenCart), где максимально отображается объем проделанной работы. Доступные и понятные материалы, разбитые по пунктам разделы каждого профиля рабочего процесса, имеющие подробное описание с иллюстрациями.
На основе программы OpenCart, был создан свой интернет-магазин «Aitana».
Во время разработки интернет - магазина наиболее максимально вникала в получении новых знаний, что послужило большим опытом для меня в моей специальности.
За время работы:
1) получен практический опыт работы с OpenCart;
2) ознакомилась с Денвером;
4) выполнен сбор материала.
Информация о работе Создание сайта электронного магазина на основе CMS OPENCART