66
Рисунок 2.8 - Физическая структура сайта
Описание модулей web-приложения приведено в следующем разделе.
2.3.4. Описание программных модулей
Структура модулей web-приложения представлена на рисунке 2.9.
67
index.php option.php
БД dress
user.php category.php merch.php reg.php sale1.php
sale2.php
sale.php
saletoexcel.
php
about.php
Рисунок 2.9 - Структура модулей web-приложения
Web-приложение состоит из следующих модулей:
1. index.php-стартовая страница web-приложения;
2. option.php – модуль подключения к базе данных;
3. user.php – модуль для работы с пользователями системы;
4. category.php – модуль для работы с категориями товаров;
5. merch.php – модуль для работы с товарами;
6. reg.php – модуль для регистрации пользователя;
7. sale1.php – модуль каталога товаров для выбора покупателя;
8. sale2.php – корзина покупателя;
9. sale.php – модуль просмотра заказов покупателя;
10. saletoexcel.php – экспорт данных о заказах в excel;
11. about.php – информационный модуль со сведениями о магазине.
Информационное обеспечение web-приложения представляет собой:
БД, в которой хранится вся необходимая информация.
Документы организации, в которой функционирует web-приложение,
на основании которых регламентируется ввод информации в БД web-
приложении.
68
Требования к БД: оптимизированная структура, соответствие третьей
форме нормализации таблиц, поддержка обеспечения целостности
данных, контроль и предотвращение занесения некорректной
информации.
Требования к документам: полнота и непротиворечивость информации
для ее ввода в БД web-приложения.
К информационным связям web-приложения относятся:
Внешние входящие связи: входные документы которые вводятся в web-
приложение для хранения в БД и последующей манипуляции.
Связи со СКУД: информация передаваемая на сервер по определенным
протоколам.
Внешние исходящие связи: результата поиска данных, экспорт данных
в Excel, генерируемые системой.
Рассмотрим основные алгоритмы работы программы, к которым
относятся:
Алгоритм вывода отфильтрованных данных;
Алгоритм редактирования и удаления данных.
Алгоритм вывода отфильтрованных данных представлен на рисунке
2.10.
Вывод данных начинается с вывода шапки таблицы. Далее считывается
признак фильтра данных и значение поля поиска.
В результате анализа параметров выполняются три варианта SQL
запроса SELECT:
1. select * from table – фильтра данных нет;
2. select * from table where $field = $field- фильтр с пустым значением
поля поиска;
3. select * from table where $field LIKE '%$value1%' – фильр данных
по значению поля поиска.
69
Ввод данных в поле
поиска
Т Справочника
НАЧАЛО
Загрузка формы
справочника
Поле поиска
заполнено
Выбор параметра
поиска
ДА
Формирование
SQL-Запроса поиска
данных
Вывод данных на
экран
Продолжить
работу?
F
ДА
НЕТ
КОНЕЦ
НЕТ
Нажатие кнопки
«Фильтр»
Присвоение полю
поиска значения «Все»
Рисунок 2.10- Алгоритм вывода отфильтрованных данных
Далее происходит вывод данных в таблицу по количеству
отфильтрованных записей.
Алгоритм редактирования и удаления данных представлен на рисунке
2.11.
В результате анализа параметров выполняются три варианта SQL
запроса редактирования данных:
1. INSERT INTO table (attr1, attr2…) VALUES (attrval1, attrval2…)) –
в поля attr вставляются значения attrval;
2. UPDATE table SET attr1= attrval1, attr2= attrval2 - в поля attr
заносятся значения attrval;
70
Выбор пункта меню
Добавление записи
Удаление записи
Экранная
форма
добавления
Экранная
форма
удаления
Выбор записи
Ввод данных
Добавление данных в
таблицу БД
Удаление данных из
таблицы БД
Т Справочника
Продолжить
работу?
Т Справочника
F
ДА
НЕТ
Данные
НАЧАЛО
Загрузка экранной
формы
F
КОНЕЦ
Данные введены
верно?
ДА
НЕТ
Радактрование записи
Экранная
форма
редактирования
Редактирование
данных
НЕТ
Данные
Редактирование
данных
в таблице БД
Данные введены
верно
?
ДА
Рисунок 2.11 - Алгоритм редактирования и удаления данных
3. DELETE FROM table WHERE id=idval – из таблицы удаляется
строка данных, id которой равен idval.
71
2.4. Контрольный пример реализации проекта и его описание
Для развертывания локального web-сервера и сервера базы данных
MySQL устанавливаем программное средство openserver. Настройки
openserver представлены на рисунке 2.12.
Рисунок 2.12 – Настройки openserver
Если 80-й порт занят, меняем его на 81 (HTTP), рисунок 2.13.
Рисунок 2.13 – Настройка портов
72
После того, как openser настроен и запущен, копируем папку
polygraphy с php-скриптами web-приложения в папку c:\OpenServer\domains\.
Запускаем phpmyadmin и создаем новую базу данных polygraphy с
кодировкой cr_1251, рис. 2.14.
Рисунок 2.14 – Создание базы данных
Далее импортируем базу из файла polygraphy.sql, рис. 2.15.
Рисунок 2.15 – Импорт базы данных
Импортированные таблицы базы данных представлены на рисунке
2.16.
73
Рисунок 2.16 – Импортированные таблицы базы данных
Настройка локального web-приложения завершена, для перехода на
стартовую страницу можно воспользоваться меню openserver.
Стартовая страница web-приложения представлена на рисунке 2.17.
Форма авторизации пользователя представлена на рисунке 2.18.
Рисунок 2.17 – Стартовая страница web-приложения
74
Рисунок 2.18– Авторизация пользователя
В режиме гостя возможен просмотр каталога товаров и информации о
магазине, рис. 2.19-2.20.
Рисунок 2.19 – Каталог товара
75
Рисунок 2.20 – Информация о магазине
В режиме администратора (логин: admin, пароль: master) возможно
редактирование сведений о категориях товара, товарах и пользователях,
рис.2.21-2.24.
Рисунок 2.21– Категории товаров