Описание используемых функций и процедур

После подтверждения, набранного URL пользователем в адресной строке, браузер открывает главную страницу на основе шаблона index.html (из папки public/templates). Данный файл выполняет следующие функции:

- загрузка библиотек и функций;

- формирование переменных;

- предварительный запуск модуля myApp;

- определение подключаемого шаблона;

- подключение шаблона;

- вывод шаблона.

Для корректного и структурного отображения страниц использованы каркасы, реализованные средствами HTML и CSS. Динамические данные отображаются в нужных местах благодаря использованию MVC архитектуры на основе библиотеки AngularJS.

Шаблоны:

· index.html;

· about.html;

· cart.html;

· categories.html

· goods.html

· home.html

· login.html

· profile.html

· shipping.html

В шаблоны динамически подставляются необходимые данные из JavaScript благодаря AngularJS и связи View – Controller. Котроллеры для всех страниц находятся в файле app.js (из папки public). В них реализована логика всех событий, обрабатываемых на страницах интернет-магазина.

 

Тестирование

Совместимость сайта с различными браузерами и разными настройками браузеров производилось на последних версиях браузера, в соответствии с таблицей 5.1.

 

Таблица 5.1 – совместимость с браузерами.

Браузер	Оценка
Google Chrome	Положительная. Все эффекты работают отлично.
Mozilla Firefox	Положительная. Все эффекты работают отлично.
Opera	Положительная. Все эффекты работают отлично.
Windows Internet Explorer	Нежелательно. Некоторые эффекты не работают.

 

Для правильности работы сайта, рекомендуется использовать Google Chrome версию 31 и выше.

При вводе в адресную строку не существующий адрес страницы пользователя автоматически перенаправит на главную страницу сайта.

При регистрации на сайте необходимо заполнить все поля, если поля будут не заполнены отобразится ошибка, в соответствии с рисунком 5.2.

Рисунок 5.2 – Ошибка незаполненного поля при регистрации.

 

Данная валидация производится с помощью html5 возможностей, в частности с помощью атрибута «required». В случае, если два введенных при регистрации пароля не совпадают отобразится ошибка, в соответствии с рисунком 5.3.

Рисунок 5.3 – Ошибка несовпадающих паролей при регистрации.

 

Если введенный логин уже зарегистрирован отобразится ошибка, в соответствии с рисунком 5.4

Рисунок 5.4 – Ошибка занятого логина при регистрации.

 

Если при авторизации пользователь введет неправильный пароль отобразится ошибка, в соответствии с рисунком 5.5

Рисунок 5.5 – Ошибка неверного пароля при авторизации.

 

При успешной регистрации или авторизации, пользователь будет перенаправлен на страницу «Каталог». Для корректного функционирования сайта в браузере должна быть включена поддержка использования сценариев JavaScript.

 

Применение