Клієнт-сервер / лабки / boiko-5lab
.docЛабораторна робота № 5
ТЕМА: Взаємодія РНР-сценаріїв з формами.
МЕТА: познайомитися з основами розмітки сторінок НТМL, елементами вводу інформації у Web-сторінках та основами взаємодії РНР-сценаріїв з формами
Завдання 1
Код:
<html lang="ru"> <head> <meta charset="UTF-8"> <title>Form</title> </head> <body> <p><b>Заполните данные для отправки товара:</b></p> <form method="post" action="check.php"> <div class="hotel"> <p>Фамилия:<br><label> <input type="text" name="surname"> </label></p> <p>Имя:<br><label> <input type="text" name="name"> </label></p> <p>Отчество:<br><label> <input type="text" name="patronymic"> </label></p> <p>Введите номер телефона +380:<label> <input type="text" name="phone" maxlength="9"> </label></p> <p>Введите Email:<label> <input type="text" name="email" maxlength="20"> @gmail.com </label></p> <p><label> Вебирете цвет товара <select name="color" size="1"> <option disabled>цвет </option> <option value="black">Чорный</option> <option value="white">Белый</option> <option value="yellow">Желтый</option> <option value="red">Красный</option> <option value="blue">Синий</option> </select> </label></p> <p> <label> Количество ед. товара <select name="kilkist" size="1"> <option disabled>Кол-вол</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </label> </p> <p>Способ доствки<br><label> <p><label> <input name="typedelivery" type="radio" value="Courier"> </label>Курьер</p> <p><label> <input name="typedelivery" type="radio" value="branch"> </label>В отделение НП</p> <p><label> <p>Адрес Доставки<label> <input type="text" name="adres"> </label></p> <p><label> Способ Оплаты <select name="Oplata" size="1"> <option disabled>Способ Оплаты</option> <option value="card">Перевод денег на карту </option> <option value="Nova_Poshta">Наложеный платеж НП</option> </select> </label> </p> <p>Перезвонить вам для уточнения <label> да <input name="Call" type="checkbox" value="Call"> нет<input name="Call" type="checkbox" value=" Not Call"> </label></p> <button>Отправить</button> </div> </form> </body> </html>
<?php $isSend = false; $err = ''; $surname = $_POST['surname']; $name = $_POST['name']; $patronymic = $_POST['patronymic']; $phone = $_POST['phone']; $email = $_POST['email']; $adres= $_POST['adres']; $color = $_POST['color']; $kilkist= $_POST['kilkist']; $typedelivery= $_POST['typedelivery']; $Oplata= $_POST['Oplata']; $Call= $_POST['Call']; $idrand = rand(1,500); if (isset($_POST['surname']) && isset($_POST['name']) && isset($_POST['patronymic']) && isset($phone) && isset($email) && isset($color) && isset($adres) && isset($kilkist) && isset($Oplata)&& isset($Call) && isset($typedelivery)){ $pib = trim(htmlspecialchars($_POST['surname'] && $_POST['name'] && $_POST['patronymic'])); if ($surname === '' || $name === '' || $patronymic === ''){ echo $err = 'Заполните все поля'; } else{ dataInput($idrand, $surname, $name, $patronymic, $phone, $email, $adres, $color, $kilkist, $typedelivery, $Oplata, $Call); $isSend = true; } } function dataInput ($idrand, string $surname, string $name, string $patronymic, string $phone, string $email, string $adres, $color, string $kilkist, $typedelivery, $Oplata, $Call) : bool{ $id = $idrand; $data[] = [ $surname => 'surname', $name => 'name', $patronymic => 'patronymic', $phone => 'phone', $email => 'email', $adres => 'adres ', $color => 'color', $kilkist => 'kilkist', $typedelivery => 'typedelivery', $Oplata => 'Oplata', $Call => 'Call', ]; $time = date('H:m:s'); $dataString = "$time; id:$id; Фамилия:$surname; Имя:$name; Отчество:$patronymic; Номер телефона:$phone; e-mail:$email; Адрес доставки:$adres; Цвет товара:$color; Кол-во товара:$kilkist; Тип доставки:$typedelivery; Способ оплаты:$Oplata; Перезвонить:$Call;"; $filename = date('Y-d-m'); $file = fopen("$filename.txt", "a"); fwrite($file, $dataString . "\n"); fclose($file); return true; } ?> <head> <link rel="stylesheet" href="style.css"> <title>check</title> </head> <body> <form method="post"> <h1>Ваш чек</h1> <h2>Информация о заказе</h2> <div class="check mtb-3"> <table class="table"> <thead> <tr> <th>Номер заказа</th> <th>Фамилия</th> <th>Имя</th> <th>Отчество</th> <th>email</th> <th>Номер телефона</th> <th>цвет</th> <th>кол-во ед.</th> <th>Тип доставки</th> <th>Адрес доставки</th> <th>способ оплаты</th> <th>Перезвонить</th> </tr> </thead> <tbody> <tr> <td><?=$idrand?></td> <td><?=$surname?></td> <td><?=$name?></td> <td><?=$patronymic?></td> <td><?=$email?></td> <td><?=$phone?></td> <td><?=$color?></td> <td><?=$kilkist?></td> <td><?=$typedelivery?></td> <td><?=$adres?></td> <td><?=$Oplata?></td> <td><?=$Call?></td> </tr> </tbody> </table> </div> </form> </body>
Скріншот:
Завдання 2:
Код:
<meta charset="UTF-8"> <form action="processorder.php" method="post"> <table border="0"> <tr bgcolor="#cccccc"> <td width="150">Найменування</td> <td width="15">Кількість</td> </tr> <tr> <td>Шини</td> <td align="center"><label> <input type="text" name="tireqty" size="3" maxlength="3"> </label></td> </tr> <tr> <td>Тип шини</td> <td align="center"><label> <input name="typeTires" type="radio" value="winter"> </label>Зимова</p> <p><label> <input name="typeTires" type="radio" value="summer"> </label>Літня</p></td> </tr> <tr> <td>Машинне масло</td> <td align="center"> <label> <select name="liter" size="1"> <option disabled>Скільки літр масла</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </label></td> </tr> <tr> <td>свічки запалення</td> <td align="center"><label> <input type="text" name="sparkqty" size="3" maxlength="3"> </label></td> </tr> <tr> <td>На яку дату?</td> <td align="center"><label> <input type="date" name="date" value="2020-09-28" min="2020-10-15" max="2020-12-01"> </label></p></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Ввести замовлення"></td> </tr> </table> </form>
<?php $tires = $_POST['tireqty']; $typeTires = $_POST['typeTires']; $liter = $_POST['liter']; $sparkqty = $_POST['sparkqty']; $date = $_POST['date']; $array= [ $tires => 'tireqty', $typeTires => 'typeTires', $liter => 'liter', $sparkqty => 'sparkqty', $date => 'date' ]; ?> <h1>Магазин автозапчастин</h1> <h2>Результат обробки замовлення</h2> <h2><?$dataString = "Кол-во шин:$tires; Тип шин:$typeTires; Машинне масло:$liter; Свічки запалення:$sparkqty; На дату:$date;"; echo $dataString;?></h2> <? echo "<p>Обробка замовлення"?> <? echo date("H:i:s, Y.d.m") . "<br>"?>
Скріншот:
Висновок: на лабораторній роботі я познайомився з основами розмітки сторінок НТМL, елементами вводу інформації у Web-сторінках та основами взаємодії РНР-сценаріїв з формами
Контрольні запитання
Що мається на увазі під терміном «клієнт»?
Клієнт - будь-який процес, який користується послугами серверу. Задача - виконання додатку і здійснення зв'язку з сервером, коли цього вимагає додаток
Що мається на увазі під терміном «сервер»?
cервер - набір програм, які контролюють виконання різних процесів. Функція: по запиту клієнта запустити який-небудь конкретний процес і відправити клієнту результати його роботи.
Як відбувається взаємодія між клієнтом і сервером?
Взаємодія між клієнтом і сервером починається за ініціативою клієнта. Клієнт запрошує вид обслуговування, встановлює сеанс, одержує потрібні йому результати і повідомляє про закінчення роботи.
Послугами одного серверу частіше за все користується декілька клієнтів одночасно. Тому кожний сервер повинен мати достатньо велику продуктивність і забезпечувати безпеку даних.
Логічніше за все встановлювати сервер на комп'ютері, що входить в яку-небудь мережу, локальну або глобальну. Проте можна встановлювати сервер і на окремому комп'ютері (тоді він буде одночасно і клієнтом і сервером ).
Хто ініціює взаємодію клієнта і сервера?
Взаємодія між клієнтом і сервером починається за ініціативою клієнта.
Перерахуйте і охарактеризуйте наявні типи серверів.
Відеосервер
6.Що є web-сервером?
Web-сервер- Є сховищем інформаційних ресурсів
7.Опишіть призначення методу GET. Як він працює?
Метод GET дозволяє одержати будь-які дані, ідентифіковані за допомогою URL в запиті ресурсу
<простий-запит> := <метод> <символ пробіл>
<запитаний-URL> <символ нового рядка>