Археология об основании Рима: Новые раскопки проясняют и такой острый дискуссионный вопрос, как дата самого возникновения Рима...
История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...
Топ:
Проблема типологии научных революций: Глобальные научные революции и типы научной рациональности...
Методика измерений сопротивления растеканию тока анодного заземления: Анодный заземлитель (анод) – проводник, погруженный в электролитическую среду (грунт, раствор электролита) и подключенный к положительному...
Установка замедленного коксования: Чем выше температура и ниже давление, тем место разрыва углеродной цепи всё больше смещается к её концу и значительно возрастает...
Интересное:
Аура как энергетическое поле: многослойную ауру человека можно представить себе подобным...
Инженерная защита территорий, зданий и сооружений от опасных геологических процессов: Изучение оползневых явлений, оценка устойчивости склонов и проектирование противооползневых сооружений — актуальнейшие задачи, стоящие перед отечественными...
Распространение рака на другие отдаленные от желудка органы: Характерных симптомов рака желудка не существует. Выраженные симптомы появляются, когда опухоль...
Дисциплины:
2017-06-25 | 334 |
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.
Применение
|
|
История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...
Археология об основании Рима: Новые раскопки проясняют и такой острый дискуссионный вопрос, как дата самого возникновения Рима...
Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций...
Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!