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

После подтверждения, набранного 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.

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

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

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

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

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

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

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

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

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

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

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

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

Применение

Наши рекомендации