Разработка клиентского приложения

Для начала разработаем страницу авторизации

Рис 5 Страница авторизации

На данной странице находиться форма авторизации.

На форме имеются 2 текстовых поля «Имя пользователя», «Пароль», а так же кнопка далее.

Теперь разработаем страницу «Новый заказ»

Рис 6 Страница «Новый заказ»

На данной странице расположена форма «Новый заказ» которая имеет

· Три выпадающих списка с данными блюд

· Три поля для указания количества заказываемых порций

· Кнопка «Добавить» которая отправляет итоговую сумму с нашу базу данных и отображает их в таблице текущих заказов

Так же имеется таблица с столбцами «Номер заказа», «Сумма заказа с учетом скидки», «Скидка», «Готовность»

В столбце «Готовность» в каждой строке имеется 2 кнопки «Готово», «Отменить»

И так, переходим к разработки странице «Статистика»

Рис 7 Страница «Статистика»

Данная страница доступна только авторизированному пользователю то бишь Администратору

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

Так же имеются 5 панелей на которых отображаются заданные данные

В правом верхнем углу есть кнопка «Выйти» которая отправляет на страницу авторизации и удаляет данные о текущем пользователи

Теперь нужно разработать страницу «Заказы»

Рис 8 Страница «Заказы»

Здесь мы можем увидеть идентичную кнопку выхода

Так же имееться таблица «Таблица заказов»

· На ней располагается поле поиска и очищения поиска

· Кнопка вывода данных в Excel

· Так же кнопки пагинации

В столбце «Редактирование» располагаются кнопки «Изменить», «Удалить»

И завершающая страница «Блюда»

Рис 9 Страница «Блюда»

Здесь мы можем наблюдать идентичную таблицу с теми же кнопками редактирования и экспорта

Примечания

Стоит отдельно отметить что страницы «Статистика», «Заказы», «Блюда» доступны только авторизированным пользователям то бишь администратору, во избежание редактирования данных сторонними лицами

Приложение 4

Тестирование и отладка

Начнем мы с авторизации проверим работу наших валидаторов, ведем некорректные данные в поле «Имя пользователя» и пароль не проходящий минимальную длину в 6 символов

Рис 10 Валидация на пустые поля

Рис 11 Валидация на длинну пароля

И корректные данные

Рис 12 Когда данные корректны

 

Теперь протестим добавление нового заказа

Рис 13 Заполняем поля

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

Рис 14 Добавление данных

Теперь на очереди станица «Заказы»

Будем тестировать поиск

Рис 15 Поиск

Как видите все работает. Работу кнопки вывода в excel покажу в live режиме на защите, а так же остальные функции программы чтобы не загромождать отчет