Створення динамічних веб-сторінок на сервері

Створення динамічних веб-сторінок на сервері

 

 

МЕТОДИЧНІ ВКАЗІВКИ

До виконання лабораторних робіт

З дисципліни «програмування Інтернет-застосувань»

для студентів базового напряму 6.050103 «Програмна інженерія»

 

 

Затверджено

на засіданні кафедри

програмного забезпечення.

Протокол № 12 від 22.02.2013 р.

 

 

Львів – 2013

Створення динамічних веб-сторінок на сервері. Методичні вказівки до лабораторних робіт з дисципліни «програмування Інтернет-застосувань» для студентів базового напряму 6.050103 «Програмна інженерія» / Укл.: Р.А. Мельник, М.М. Сенів. – Львів: Видавництво Національного університету “Львівська політехніка”, 2013. – 25 с.

 

Укладачі: Мельник Р.А., д-р техн.. наук, проф.,

 

Сенів М.М., канд. техн. наук, ст. викл.

 

 

Відповідальний за випуск Федасюк Д.В., д-р. техн. наук, проф.

 

 

Рецензенти Яковина В.С. канд. фіз.-мат. наук, доц.,

Пелешко Д.Д. д-р. техн. наук, доц.

 

 

 

Лабораторна робота № 1

Тема: Об’єкти Ajax та сценарії взаємодії з сервером

Обмін форматизованими даними

Поширеною мовою опису даних є XML. Мова XML призначена для опису та зберігання даних ієрархічного типу. Вона використовується для зберігання та обміну форматизованими даними між різними програмними системами:

· дані Web-серверів;

· дані результатів запитів до серверів баз даних;

· дані Web-сервісів;

· новини RSS блоків.

· мова XHTML є підмножиною XML.

Структура документа XML така:

заголовок <?xml version="1.0" encoding="UTF-8"?>, потім тег, що може містити ще багато тегів.

Синтаксис тегу:

<element attributes>

Текст чи теги

</element>

 

Тег без внутрішніх тегів/змісту закінчується символами />

Синтаксис атрибутів:

name="value"

Коментарі:

<!-- comment -->

 

Наведемо приклад файла XML:

<?xml version="1.0" encoding="UTF-8"?>

<bookstore>

<book category="cooking">

<title lang="en">Everyday Italian</title>

<author>Giada De Laurentiis</author>

<year>2005</year><price>30.00</price>

</book>

<book category="computers">

<title lang="en">XQuery Kick Start</title>

<author>James McGovern</author>

<year>2003</year><price>49.99</price>

</book>

<book category="children">

<title lang="en">Harry Potter</title>

<author>J K. Rowling</author>

<year>2005</year><price>29.99</price>

</book>

<book category="computers">

<title lang="en">Learning XML</title>

<author>Erik T. Ray</author>

<year>2003</year><price>39.95</price>

</book></bookstore>

 

Наведені дані про книги можна відобразити ієрархічною структурою (рис.1.2).

 

Рис.1.2. Дерево ієрархічних даних

Повернений XML файл записується у властивість (об’єкт) responseXML. Доступ до елементів даних та їх атрибутів здійснюється алгоритмом обходу дерева з використанням методів getElementsByTagName() та getAttribute(). Це проілюстровано наступним фрагментом програми JavaScript:

var xmlDoc = ajax.responseXML;

var books = xmlDoc.getElementsByTagName("book");

for (var i = 0; i < books.length; i++) {

var category = books[i].getAttribute("category");

if (category == "computers") {

var title = books[i].getElementsByTagName("title")[0].firstChild.nodeValue;

var author = books[i].getElementsByTagName("author")[0].firstChild.nodeValue;

var p = document.createElement("p");

p.innerHTML = title + ", by " + author;

document.body.appendChild(p);

}

}

 

Фрагмент формує параграф з автором та назвами книг, наприклад: "XQuery Kick Start, by James McGovern".

 

 

Завдання до лабораторної роботи

1. Вибрати тематику веб-сайту.

2. Засобами AJAX створити програму формування запиту на веб-сайті.

3. Розробити програму засобами AJAX опрацювання відповіді на веб-сайті.

4. Розробити програму модифікації вузлів дерева DOM засобами AJAX.

 

5. Контрольні запитання

1. Які об’єкти є в AJAX?

2. Чому AJAX є асинхронним?

3. Методи основного об’єкта AJAX. Навести приклади.

4. Властивості основного об’єкта AJAX. Навести приклади.

5. Що потрібно для реалізації AJAX-технології?

6. Чому мова XML є основою технології AJAX?

7. Як прочитати дані з XML файла?

8. Які події опрацьовують програми в AJAX.

9. Які основні методи для відсилання та приймання даних?

10. Порівняти AJAX та інші подібні технології.

11. Навести приклади об’єктів мови AJAX.

 

Лабораторна робота № 2

Тема: РНР як засіб написання сценаріїв.

Мета: Оволодіти структурою та основними засобами РНР для написання сценаріїв.

Config.php

Database configuration file.

<?php

$mysql_hostname = "hostname";

$mysql_user = "username";

$mysql_password = "password";

$mysql_database = "database";

$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password)

or die("Opps some thing went wrong");

mysql_select_db($mysql_database, $bd) or die("Opps some thing went wrong");

?>

Login.php

Contains PHP and HTML code.

>?php

include("config.php");

session_start();

if($_SERVER["REQUEST_METHOD"] == "POST")

{

// ім'я користувача та пароль, присланий з форми

 

$myusername=addslashes($_POST['username']);

$mypassword=addslashes($_POST['password']);

$sql="SELECT id FROM admin WHERE username='$myusername' and passcode='$mypassword'";

$result=mysql_query($sql);

$row=mysql_fetch_array($result);

$active=$row['active'];

$count=mysql_num_rows($result);

// Якщо результат відповідає $myusername and $mypassword, рядок таблиці має бути 1 рядок

 

if($count==1)

{

session_register("myusername");

$_SESSION['login_user']=$myusername;

header("location: welcome.php");

}

else

{

$error="Your Login Name or Password is invalid";}

}

?>

Lock.php

<?php

include('config.php');

session_start();

$user_check=$_SESSION['login_user'];

$ses_sql=mysql_query("select username from admin where username='$user_check' ");

$row=mysql_fetch_array($ses_sql);

$login_session=$row['username'];

if(!isset($login_session))

{

header("Location: login.php");

}

?>

Welcome.php

<?php

include('lock.php');

?>

<body>

<h1>Welcome <?php echo $login_session;?></h1>

</body>

Logout.php

SignOut Destroy the session value.

<?php

session_start();

if(session_destroy())

{header("Location: login.php");

}

?>

Лабораторна робота № 3

МЕТОДИЧНІ ВКАЗІВКИ

до виконання лабораторних робіт

з дисципліни «програмування Інтернет-застосувань»

для студентів базового напряму 6.050103 «Програмна інженерія»

 

 

Укладачі: Мельник Р.А., д-р техн.. наук, проф.,

Сенів М.М., канд. техн. наук, ст. викл.

 

Редактор Оксана Чернигевич

Комп’ютерне верстання Галини Сукмановської

 

 

Здано у видавництво. Підписано до друку.

Формат 60´84/16. Папір офсетний. Друк на різографі.

Умовн. друк. арк.. Обл.-вид. арк..

Наклад прим. Зам.

 

Видавництво Національного університету “Львівська політехніка”

Реєстраційне свідоцтво серії ДК № 751 від 27.12.2001 р.

Поліграфічний центр Видавництва

Національного університету “Львівська політехніка”

вул. Ф. Колесси, 2, Львів, 79000

 

 

 

створення динамічних веб-сторінок на сервері

 

 

МЕТОДИЧНІ ВКАЗІВКИ