Общие условия выбора системы дренажа: Система дренажа выбирается в зависимости от характера защищаемого...
Двойное оплодотворение у цветковых растений: Оплодотворение - это процесс слияния мужской и женской половых клеток с образованием зиготы...
Топ:
Выпускная квалификационная работа: Основная часть ВКР, как правило, состоит из двух-трех глав, каждая из которых, в свою очередь...
Оснащения врачебно-сестринской бригады.
Оценка эффективности инструментов коммуникационной политики: Внешние коммуникации - обмен информацией между организацией и её внешней средой...
Интересное:
Искусственное повышение поверхности территории: Варианты искусственного повышения поверхности территории необходимо выбирать на основе анализа следующих характеристик защищаемой территории...
Берегоукрепление оползневых склонов: На прибрежных склонах основной причиной развития оползневых процессов является подмыв водами рек естественных склонов...
Распространение рака на другие отдаленные от желудка органы: Характерных симптомов рака желудка не существует. Выраженные симптомы появляются, когда опухоль...
Дисциплины:
2017-06-25 | 331 |
5.00
из
|
Заказать работу |
|
|
После подтверждения, набранного 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.
Применение
|
|
Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...
Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...
Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...
Состав сооружений: решетки и песколовки: Решетки – это первое устройство в схеме очистных сооружений. Они представляют...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!