
- •2.Організація робочого місця
- •2.2. Опис робочого місця
- •3. Техніка безпеки на робочому місці
- •3. Індивідуальне завдання
- •3.1. Написання php-скрипта. Запис даних з форми веб-сторінки в бд MySql
- •3.2. Написання php-скрипта. Виведення даних з бд MySql на веб-сторінку
- •3.3. Написання jquery-скрипта. Слайдер зображень
- •3.4. Створення модального вікна на веб-сторінці засобами css
- •3.5. Створення адаптивного меню для сайта
- •5. Застосування сучасних комп’ютерних технологій
- •Висновок
3. Індивідуальне завдання
3.1. Написання php-скрипта. Запис даних з форми веб-сторінки в бд MySql
Для написання скрипта спочатку було створено форму в яку будуть вводитися дані користувачем та відправлятися на обробку скрипту, який ці дані потім записує до потрібної нам таблиці БД MySQL.
Форма була створена в файлі index.htm. Це звичайна веб-сторінка побудована засобами гіпертекстової розмітки HTML, код сторінки наведено нище:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//RU">
<html>
<head>
<title>index</title>
<meta http-equiv="content-type" content="text/html; charset=Windows-1251">
</head>
<body>
<form name="myform" method="post" action="mysql_insert.php">
<input type="text" name="name" value="Введіть ім’я">
<input type="text" name="surname" value="Введіть прізвище">
<textarea name="description" cols=30 rows=5 name="text"></textarea>
<input type="submit" name="submit" value="Відправити дані">
</form>
</body>
</html>
В даній веб-сторінці створена форма з 3 текстовими полями для введення даних та однією кнопкою, при натисканні якої дані з форми будуть відправлятися на обробку скрипту. Інтерфейс форми нведено на рис. 1.
Рис. 1 Інтерфейс форми для введення даних
Після створення форми було створено БД MySQL в середовищі проектування БД phpMyAdmin. Таблиця в яку буде здійснюватися запис наведена на рис. 2.
Рис. 2 Таблиця БД
Після створення таблиці в БД, приступив до написання скрипта. Для цього створив файл mysql_insert.php . Алгоритм роботи скрипта:
Перевіряємо чи існують значення для запису в БД;
Якщо існують то під’єднуємось до БД;
Після з’єднання з БД, визначаємо які дані і в які поля будуть записуватися;
Перевіряємо чи запис відбувся і виводимо відповідне повідомлення.
Код скрипта mysql_insert.php :
<?php
if (isset($_POST["name"]))
{
$name = $_POST["name"];
}
if (isset($_POST["text"]))
{
$text = $_POST["text"];
}
$db = mysql_connect("localhost","user","12345");
mysql_select_db("blog-bd",$db);
$result = mysql_query("INSERT INTO people (name,surname,description) VALUES ('$name','$surname','$descriptiont')");
if ($result == 'true')
{
echo "Запис добавлено.";
}
else
{
echo "Запис не добавлено.";
}
?>
Вміст таблиці після запису нових даних:
Рис. 3 Вміст таблиці
3.2. Написання php-скрипта. Виведення даних з бд MySql на веб-сторінку
Для на писання скрипта виведення даних з БД також було попередньо створено також відповідні веб-стоірнки та таблиці в БД, тому одразу наведено код даного скрипта mysql_select.php :
<?php
$db = mysql_connect("localhost","user","12345");
mysql_select_db("blog-bd",$db);
$result = mysql_query("SELECT * FROM people",$db);
$myrow = mysql_fetch_array ($result);
do
{
echo "<p>".$myrow["name"]."</p>";
echo "<p>".$myrow["surname"]."</p>";
echo "<p>".$myrow["description"]."</p>";
}
while ($myrow = mysql_fetch_array ($result));
?>
Алгоритм роботи скрипта:
Під’єнуємось до БД;
Після з’єднання, створюємо вибірку потрібних значень з БД;
Виводимо в циклі значення на веб-сторінку.
Рис. 4 Результат роботи скріпта