Разработка формы обратной связи

Отчет по практической работе №3

по дисциплине

МДК.03.02 Разработка кода информационных систем

Выполнил: студент

группы 118

Казлаускас Любовь Андреевна

«10» мая 2023г.

Проверил: преподаватель

Ф.Р. Даминов

«____» _____________ 2022г.

Оглавление

1.1. Задание практической работы        3

1.2. Ход работы        3

1.3. Вывод        9

1.1. Задание практической работы

• Используя фреймворк Bootstrap создать 2 формы обратной связи с полями ФИО, Номер телефона, E-mail, Сообщение + 1 произвольное поле + 1 элемент управления (Выпадающий список/Radio-кнопки/Checkbox/Color picker и т.п.). Исключить повторение произвольных полей и элементов в группе
• Первая форма должна напрямую отправлять данные файлу-обработчику на сервере, вторая должна это делать асинхронно через Ajax, обе формы методом POST
• На сервере создать обработчик, который будет проверять данные на пустоту и наличие данных и при соблюдении условий помещать данные из формы в БД в таблицу forms-data
• При отсутствии данных или их пустоте должны отображаться соответствующие ошибки, при успешном сохранении данных должно выводиться сообщение об этом 

1.2. Ход работы

1. Я использовала фреймворк Bootstrap и создала две формы обратной связи с полями ФИО, номер телефона, E-mail, сообщение + произвольное поле, которое назвала «Название запроса» + элемент управления (выпадающий список) «Выберите тематику», также кнопку отправить. Примером двух форм является рисунок 1, примером кода форм является рисунок 2.

[pic 1]

        Рисунок 1 – Форма 1 и 2.

[pic 2]

[pic 3]

        Рисунок 2 – Файл html.

1. Создала таблицу с названием forms-data в базе данных. Я создала файл-обработчик PHP. Подключилась к БД. Первая форма отправляет данные файлу-обработчику на сервере, вторая должна это делать асинхронно через Ajax, обе формы методом POST. Примером таблицы forms-data в базе данных является рисунок 3, примером файла-обработчика PHP является рисунок 4, примером ajax запроса является рисунок 5.

[pic 4]

        Рисунок 3– Таблица базы данных forms-data.