78
Диаграмма элементов, в противоположность ранее рассмотренным
диаграммам, описывает специфичности физического представления
системы. Данная диаграмма предоставляет возможность определения
архитектуры проектируемой системы, устанавливая зависимости между
программными элементами, в качестве которых могут выступать бинарный,
исходный, и исполняемый код.
Диаграммой элементов (рисунок 35) обеспечивается согласованность
перехода от логического представления к определённой реализации проекта
в виде программного кода.
Рисунок 35 Диаграмма компонентов
Компонент "option.php" отвечает за соединение с БД.
Модуль "menu.php" отвечает за работу главного меню.
Компонент "index.php" отвечает за работу стартовой страницы.
Компонент "about.php" отвечает за работу страницы с информацией о
службе доставки.
Компонент "reg.php" отвечает за регистрацию на сайте.
Компонент "user.php" отвечает за работу c пользователями системы.
База данных
MySQL
option.php
index.php
reg.php
req.php
district.php
about.php
menu.php
expreq.php
explst.php updreq.php
upddistrict.php
user.php
79
Редактирование данных «upduser.php». Удаление данных «deluser.php».
Компонент "district.php" отвечает за работу cо строительными
площадками. Редактирование данных «upddistrict.php». Удаление данных
«deldistrict.php».
Компонент "req.php" отвечает за работу c заявками организации.
Редактирование данных «updreq.php». Удаление данных «delreq.php»
Экспорт данных заявки в excel «expreq.php». Экспорт данных с перечнем
заявок «explst.php»
2.3.4 Описание программных модулей
Рассмотрим наиболее важные алгоритмы работы программы,
которыми считаются:
1. Алгоритм вывода отфильтрованных данных;
2. Алгоритм удаления и редактирования данных.
На рисунке 36 изображён алгоритм вывода отфильтрованных данных.
Начинается вывод данных с вывода шапки таблицы. Потом
считывается признак фильтра данных и значение поля поиска.
Вследствие анализа параметров реализовываются 3 варианта SQL
запроса SELECT:
1. select * from table – фильтра данных нет;
2. select * from table where $field = $field- фильтр с пустым значением
поля поиска;
3. select * from table where $field LIKE '%$value1%' – фильтр данных
по значению поля поиска.
Затем осуществляется вывод данных в таблицу согласно количеству
отфильтрованных записей.
На рисунке 37 изображён алгоритм удаления и редактирования
данных.
В результате анализа параметров выполняются три варианта SQL
запроса редактирования данных:
1. INSERT INTO table (attr1, attr2…) VALUES (attrval1, attrval2…)) –
80
в поля attr вставляются значения attrval;
2. UPDATE table SET attr1= attrval1, attr2= attrval2 - в поля attr
заносятся значения attrval;
3. DELETE FROM table WHERE id=idval – из таблицы удаляется
строка данных, id которой равен idval.
Рисунок 36 Алгоритм вывода отфильтрованных данных
Ввод данных в поле
поиска
Т Справочника
НАЧАЛО
Загрузка формы
справочника
Поле поиска
заполнено
Выбор параметра
поиска
ДА
Формирование
SQL-Запроса поиска
данных
Вывод данных на
экран
Продолжить
работу?
F
ДА
НЕТ
КОНЕЦ
НЕТ
Нажатие кнопки
«Фильтр»
Присвоение полю
поиска значения «Все»
81
Рисунок 37 Алгоритм редактирования и удаления данных
2.4 Контрольный пример реализации проекта и его описание
На рисунке 38 показана главная страница web-приложения.
Рисунок 38 Главная страница web-приложения
Выбор пункта меню
Добавление записи
Удаление записи
Экранная
форма
добавления
Экранная
форма
удаления
Выбор записи
Ввод данных
Добавление данных в
таблицу БД
Удаление данных из
таблицы БД
Т Справочника
Продолжить
работу?
Т Справочника
F
ДА
НЕТ
Данные
НАЧАЛО
Загрузка экранной
формы
F
КОНЕЦ
Данные введены
верно?
ДА
НЕТ
Радактрование записи
Экранная
форма
редактирования
Редактирование
данных
НЕТ
Данные
Редактирование
данных
в таблице БД
Данные введены
верно
?
ДА
82
Ошибка авторизации представлена на рисунке 39.
Рисунок 39 Ошибка авторизации
После авторизации клиента (yui, 123), выводится список всех заявок
(рисунок 40) авторизованного клиента, добавление заявки представлено на
рисунке 41.
Рисунок 40 Заявки авторизованного клиента
Рисунок 41 Добавление заявки
83
После авторизации в режиме менеджера (qwe, 123), выводится список
всех заявок, рисунок 42. Возможно редактирование заявок, назначение
исполнителя.
Рисунок 42 Заявки клиентов в режиме менеджера
Редактирование заявки и назначение исполнителя показаны на
рисунке 43.
Рисунок 43 Редактирование заявки
Сведения о клиенте и исполнители показаны на рисунке 44, 45.
84
Рисунок 44 Сведения о клиенте
Рисунок 45 Сведения о исполнителе
Экспорт данных о заявках представлен на рисунке 46.
85
Рисунок 46 Экспорт данных о заявке
После авторизации в режиме исполнителя, выводится список всех
заявок исполнителя, рисунок 47. Возможно редактирование статуса заявок
и печать (рисунки 48).
Рисунок 47 Заявки исполнителю
86
Рисунок 48 Экспорт заявки
В режиме администратора (admin, master) доступен для
редактирования список всех пользователей web-приложения, рисунок 49.
Рисунок 49 Список пользователей
Добавление, редактирование и удаление пользователей представлено
на рисунках 50-52.
87
Рисунок 50 Добавление пользователя
Рисунок 51 Редактирование пользователя
Рисунок 52 Удаление пользователя