WEB-програмування

 

Міністерство  освіти і науки, молоді та спорту України

Полтавський національний технічний університет  імені Юрія Кондратюка

Факультет інформаційних  та телекомунікаційних технологій і  систем

Кафедра комп’ютерних та інформаційних технологій і систем

 

 

 

 

КУРСОВА РОБОТА

З ДИСЦИПЛІНИ

«WEB-програмування»

 

 

 

 

 

Виконав:

студент групи 202-ТН

Рак Б.В.

Викладач:

Демиденко М.І.

 

 

Зміст

ВСТУП 3

Опис завдання 4

Проектування бази даних 5

Розробка сторінок сайту 6

Головна сторінка «index.php» 6

Модуль «block_menu.php» 6

Модуль «mysql.php» 7

Список контактів «book.php» 8

Додавання контактів «add.php» «add+.php» 8

Редагування контактів «edit.php» «edit+.php» 9

Видалення контактів «delete+.php» 10

Модуль «police.php» 10

Реєстрація «reg.php» «reg+.php» 11

Авторизація «log.php» «log+.php» 12

Вихід «logout.php» 12

 

Розробка інтерфейсу 13

Шаблон сайту 13

Каскадні таблиці стилів «base.css» 13

Результат роботи 18

ВИСНОВКИ 20

СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ 22

 

ВСТУП

World Wide Web – глобальна комп'ютерна мережа, яка на сьогоднішній день містить мільйони сайтів, на яких розміщена різноманітна інформація. Люди отримують доступ до цієї інформації за допомогою використання технології Internet. Для навігації в WWW використовуються спеціальні програми  –  Web – браузери, які істотно полегшують подорож по безкрайніх просторах WWW. Вся інформація в Web – браузері відображається у вигляді Web – сторінок, які є основним елементом байтів WWW.

Web – сторінки, підтримуючи технологію мультимедія, об’єднують в собі різні види інформації: текст, графіку, звук, анімацію і відео. Від того, наскільки якісно і креативно розроблена та чи інша Web - сторінка, залежить її успіх у Мережі.

Користувачу приємно відвідувати ті Web – сторінки, які мають стильне оформлення, не обтяжені надмірною графікою і анімацією, швидко завантажується і правильно відображається у вікні Web – браузера.

В даній роботі було розглянуто основи мови програмування Web – сторінок – HTML, який є загальноприйнятим стандартом WWW, а також скриптової мови – PHP.

 

Опис завдання

«Персональни телефонний довідник»

Для розробки я використовував мову PHP 5.x. Це найновіша версія, більш стабільна та швидка. Перед написанням коду я створив невелике техзавдання.  Це полегшило та пришвидшило процес написання.

На сайті виконується  реєстрація користувачів. Кожен зареєстрований користувач має можливість додавати, видаляти або редагувати контакти.

Переглядати контакти може навіть не авторизований користувач «Гість».

На сторінці де розміщується список всіх контактів є можливість сортування:

«За телефоном», «За ім’ям», «По порядку».

 

Сайт розміщений на даний  хостинг: http://cpanel.byethost22.com . Адреса сайту: http://phonebook.byethost22.com

 

Проектування  бази даних

Для роботи сайту використовується база даних та запити MySQL.

На сайті існує дві таблиці. Далі вказана назва таблиці та поля що в ній містяться.

1. Таблиця користувачі

1. ID
2. Логін
3. Пароль
4. Мобільний телефон
5. Ім’я
6. Компанія
7. Посада
8. Адреса
9. Факс
10. День народження

 

2. Таблиця контакти

1. ID
2. Логін користувча, котрий додав контакт
3. Мобільний телефон
4. Ім’я
5. Компанія
6. Посада
7. Адреса
8. Факс
9. День народження

 

 

 

 

Розробка сторінок сайту

До складу сторінок також  входять модулі для роботи з ним. 

Головна сторінка «index.php»

Так як цей файл перший для  сайта, я відвів йому роль перевірки користувача на авторизацію.

Перевірка виконується наступним  чином:

1. Із cookie приймаються данні «логін» та «пароль» юзера.
2. Із таблиці користувачів вибирається пароль, де логін юзера дорівнює логіну із cookie
3. Якщо паролі співпадають то переадресовувати його на сторінку «book.php» , якщо ні то на сторінку авторизації «log.php».

<?php

include("mysql.php");

$login = $_COOKIE[login];

$pass = $_COOKIE[pass];

$result = mysql_query("SELECT * FROM user WHERE login='$login'");

$myrow = mysql_fetch_array($result);

if(!empty($myrow[id])){

if($pass==$myrow[pass])

{

    header("location: book.php"); 

}}

else

{

header("location: log.php");

}

?>

Модуль «block_menu.php»

Цей модуль зберігає меню для  сайту. Також виводить елементи меню в залежності від типу користувача («Гість» чи користувач). Зі збільшенням функціоналу, меню теж буде збільшуватись, тому я вирішив відвести для цього окремий модуль.

                    <table border="0" id="menu_table" cellpadding="0" cellspacing="0">

                    <tr>

<?php

include("mysql.php");

$login = $_COOKIE[login];

$pass = $_COOKIE[pass];

$result = mysql_query("SELECT * FROM user WHERE login='$login'");

$myrow = mysql_fetch_array($result);

if(!empty($myrow[id])){

if($pass==$myrow[pass])

{

echo

'

<td id="li_menu"><a id="link_menu" href="book.php" >Моя книга</a></td>

<td id="li_menu"><a id="link_menu" href="add.php" >Добавить</a></td>

<td id="li_menu"><a id="link_menu" href="logout.php" >Выйти</a></td>

';

}}

else

{

 

  echo

'

<td id="li_menu"><a id="link_menu" href="book.php" >Моя книга</a></td>                       

<td id="li_menu"><a id="link_menu" href="log.php" >Войти</a></td>

                     <td id="li_menu"><a id="link_menu" href="reg.php" >Регистрация</a></td>

';

 

}

?>

                    </tr>

                    </table>

                   

                   

                                       

   Модуль «mysql.php»

Модуль в якому встановлене з’єднання з БД.

<?php

 

$db = mysql_connect("sql207.byethost22.com","b22_10531967","852456");

mysql_query('SET NAMES cp1251');

mysql_select_db("b22_10531967_adres",$db);

 

?>

 

 

 

 

Список контактів «book.php»

На цій сторінці виводяться в циклі контакти користувача, або усі (якщо користувач не авторизований). Присутня можливість сортування.

<?

$mylogin = $_COOKIE[login];

$order = $_GET['order'];

if($_GET['order']!="mobile" && $_GET['order']!="id" && $_GET['order']!="fname"){$order="id";}

$result_book = mysql_query("SELECT * FROM tel ORDER BY ".$order."");

                            do

                            {

                             if(!empty($myBook[id]))

                             {

                             echo '

    <tr>

<td align="center" width="150"><a href="info.php?id='.$myBook[id].'">'.$myBook[mobile].'</a></td>

<td align="center" id="contact">'.$myBook[fname].'</td>

<td width="50" align="center"><form method="get" action="edit.php"><input type="hidden"  name="id" value="'.$myBook[id].'"/><input type="image"  src="img/telephone_edit.png"/></form></td>

<td width="50" align="center"><form method="post" action="delete+.php"><input type="hidden"  name="id" value="'.$myBook[id].'"/><input type="image"  src="img/telephone_delete.png"/></form></td>

                               </tr>

                                               

                                <tr>

                                <td colspan="4" height="10" style="border-bottom: 1px dashed #787878;"> </td>

                               </tr>

                                  ';}

}while($myBook = mysql_fetch_array($result_book))

                                           

?>

Додавання контакту «add.php» «add+.php»

 

У файлі «add.php» знаходиться форма, яка заповнюється користувачем

У файлі «add+.php» знаходиться скрипт, який обробляє отримані данні

<?php

include("police.php");

include("mysql.php");

$mylogin = $_COOKIE[login];

$mobile = htmlspecialchars($_POST['mobile']);

$name = htmlspecialchars($_POST['name']);

$company = htmlspecialchars($_POST['company']);

$post = htmlspecialchars($_POST['post']);

$adres = htmlspecialchars($_POST['adres']);

$fax = htmlspecialchars($_POST['fax']);

$hb = htmlspecialchars($_POST['hb']);

if(

   !empty($name) &&

   !empty($hb) &&

   !empty($mobile)

  )

      {

        $result = mysql_query("INSERT INTO tel (`mobile`, `fname`, `company`, `post`, `adres`, `fax`, `hb`, `user`)

                                VALUES ('$mobile','$name','$company','$post','$adres','$fax','$hb','$mylogin')");

        if($result==true){header("location: add.php?result=true");}