Главная / Дисциплины / Сетевые технологии обмена информацией / Лабораторная работа №7

Цель работы - создание системы, позволяющей пользователям получать и передавать метеорологическую информацию в интерактивном режиме.

1. Создание интерактивной формы

К сайту, созданному по результатам выполнения предыдуших работ, добавить пятую страницу, например, с названием "Данные". На данной странице должна располагаться форма для ввода метеорологических данных и отправки этих данных на сервер. Приведенный ниже пример создает форму для ввода значений температуры, атмосферного давления, относительной влажности, направления ветра, скорости ветра, количества облаков.
<?php ... if($p==4) { ... } if($p==5) { ... // URL-адрес в свойстве action необходимо заменить на полный адрес своего сайта echo "<form name='data' action='http://www.name.esy.es/index.php' method='get'>\n"; echo "<input name='message' value='Введите данные' size='70' readonly style='color: red; font-weight: bold; border: 0;'><br>\n"; echo "<table>\n"; echo "<tr><td>Температура, С</td><td><input type='text' name='temperature'></td></tr>\n"; echo "<tr><td>Атмосферное давление, гПа</td><td><input type='text' name='pressure'></td></tr>\n"; echo "<tr><td>Относительная влажность, %</td><td><input type='text' name='humidity'></td></tr>\n"; echo "<tr><td>Направление ветра, градус</td><td><input type='text' name='direction'></td></tr>\n"; echo "<tr><td>Скорость ветра, м/с</td><td><input type='text' name='speed'></td></tr>\n"; echo "<tr><td>Количество облаков, балл</td><td><input type='text' name='cloudiness'></td></tr>\n"; echo "<tr><td><input type='hidden' name='page' value='4'></td><td><input type='button' value='Отправить!' onclick='calc()'></td></tr>\n"; echo "</table>\n"; echo "</form>\n"; ... } ... ?>

2. Добавление средств ввода новой метеорологической информации в базу данных

В файл index.php добавить операторы, позволяющие добавлять метеорологические данные в таблицу meteo базы данных. Представленный ниже фрагмент программы осуществляет проверку наличия в строке запроса параметров, содержащих значения температуры, атмосферного давления, относительной влажности, направления ветра, скорости ветра, количества облаков, и при наличии этих параметров производит запись их значений в базу данных.
<?php // Соединение с базой данных (u906740311_user - имя пользователя, b789lev9x7 - пароль к базе данных) $link = mysql_connect("localhost", "u906740311_user", "b789lev9x7"); if(!$link) { echo "Не удалось установить соединение с базой данных"; exit; } // Выбор базы данных (u906740311_data заменить на название базы данных) mysql_select_db("u906740311_data"); // Проверяем, есть ли в строке запроса параметры: // temperature, pressure, humidity, direction, speed, cloudiness if(isset($_GET["temperature"]) && isset($_GET["pressure"]) && isset($_GET["humidity"]) && isset($_GET["direction"]) && isset($_GET["speed"]) && isset($_GET["cloudiness"])) { // Записываем значения параметров строки запроса в переменные $T = $_GET["temperature"]; $P = $_GET["pressure"]; $S = $_GET["humidity"]; $dd = $_GET["direction"]; $V = $_GET["speed"]; $N = $_GET["cloudiness"]; // Определяем текущее время на сервере $date = getdate(); // В отдельные переменные записываем: день, месяц, год, час, минуту, секунду $day = $date["mday"]; $month = $date["mon"]; $year = $date["year"]; $hour = $date["hours"]; $min = $date["minutes"]; $sec = $date["seconds"]; // Формируем строку с датой для записи в базу данных в виде: 2014-04-29 12:07:15 $time = "$year-$month-$day $hour:$min:$sec"; $query = "insert into meteo values('$time', $T, $P, $S, $dd, $V, $N);"; $result = mysql_query($query); if($result==0) { echo "Не добавить данные в таблицу meteo!"; } } $p = $_GET["page"]; ... ... ... // Отключаемся от базы данных mysql_close($link); ?>
Внимание!
В предыдушей работе использовалось обращение к базе данных при генерации содержимого четвертой ячейки таблицы. Поскольку в данной работе будет осуществляться неоднократное обращение к базе данных, то операторы подключения к базе данных необходимо ПЕРЕНЕСТИ в начало файла index.php, а оператор закрытия соединения с базой данных ПЕРЕНЕСТИ в конец файла index.php.

3. Добавление средств проверки корректности передаваемых данных

Создать текстовый файл functions.js в котором разместить скрипт на языке JavaScript, который осуществляет проверку значений (температуры, атмосферного давления, относительной влажности, направления ветра, скорости ветра, количества облаков), передаваемых на сервер. Представленный ниже пример программы на языке JavaScript осуществляет проверку на предмет соответствия вводимых данных числовому типу, и на попадание в диапазон реально возможных значений.
function calc() { // Удаление текста из поля message data.message.value=""; // Запись значений из полей ввода в строковые переменные T = data.temperature.value; P = data.pressure.value; S = data.humidity.value; dd = data.direction.value; U = data.speed.value; N = data.cloudiness.value; // Преобразование строк в вещественные числа T = parseFloat(T); P = parseFloat(P); // и так далее // Проверка на предмет соответствия вводимых данных числовому типу if(!T) { data.message.value="Неправильно указано значение температуры"; return; } if(!P) { data.message.value="Неправильно указано значение атмосферного давления"; return; } // и так далее // Проверка на попадание в диапазон реально возможных значений if(T<-50) { data.message.value="Слишком низкая температура!"; return; } if(T>50) { data.message.value="Слишком высокая температура!"; return; } if(P<900) { data.message.value="Слишком низкое атмосферное давление!"; return; } if(P>1050) { data.message.value="Слишком высокое атмосферное давление!"; return; } // и так далее // Отправка данных на сервер data.submit(); }

В файл index.php добавить строку, генерирующую html-код, подключающий внешний файл functions.js с программой на языке JavaScript.
<?php ... echo "<html>\n"; echo "<head>\n"; echo "<script type='text/javascript' src='functions.js'></script>\n"; ... echo "</head>\n"; ... ?>

4. Тестирование работы скрипта

Копировать файлы index.php и functions.js на сервер. Произвести предварительное тестирование работы созданного скрипта index.php.

5. Добавление среств авторизации пользователей

5.1 Создание таблиц в базе данных

Поскольку у любого пользователя, имеющего доступ к разработанному сайту есть возможность ввода метеорологических данных, то целесообразно ввести ограничение, предоставив эту возможность только зарегистрированным пользователям. Для осуществления этого необходимо создать в базе данных таблицу users, где хранить значения логина и пароля каждого пользователя. Также необходимо создать таблицу sessions, где хранить информацию о пользователях уже авторизовавшихся на сайте и номера их сессий (уникальное число, состоящее из 32 символов).
Для этого необходимо создать текстовый файл user.sql, где разместить SQL-команды для создания указанных таблиц.
# Description: Users Database # Author: Alexey S. Ivanov create table users (user_id int, login char(30), password char(30)); create table sessions (user_id int, session_id char(32)); insert into users values(1, "luna", "kojzgsf11"); insert into users values(2, "sun", "kkllll11"); # при необходимости аналогично можно добавить и других пользователей
Выполнить SQL-команды из файла user.sql на сервере (см. лаб. работу N6).

5.2 Добавление средсв авторизации

В файле index.php добавить операторы, которые осуществляют проверку вводимых пользователем логина и пароля, а также контроллируют номер текущей сессии.
<?php // Запускаем механизм определения текущей сессии // и записываем 32 символьный номер текущей сессии в переменную $session_id session_start(); $session_id = session_id(); // В переменную $state записываем текст "no" $state = "no"; ... ... ... // Если в запросе указан логин и пароль, то проверяем есть ли такие по базе данных, // и если есть, то добавляем в таблицу sessions номер текущей сессии if($_GET["login"] && $_GET["password"]) { $login = $_GET["login"]; $password = $_GET["password"]; $query = "select user_id, login, password from users where login='$login' and password='$password';"; $result = mysql_query($query); if($result!=0) { $row = mysql_fetch_row($result); mysql_free_result($result); if(!empty($row)) { $user = $row[0]; $query = "insert into sessions values($user, '$session_id');"; $result = mysql_query($query); if($result==0) { echo "Не добавить данные в таблицу sessions<br>\n";} } else { echo "Неправильный логин или пароль!<br>\n"; } } else { echo "Не подключиться к таблице users<br>\n"; } } // Если текущая сессия есть в таблице sessions, то в переменную $state записываем слово "yes" $query = "select count(session_id) from sessions where session_id='$session_id'; "; $result = mysql_query($query); if($result==0) { echo "Не получить данные из таблицы sessions<br>\n"; } else { $row=mysql_fetch_row($result); $count = $row[0]; if($count>0) { $state="yes"; } } ... ... ... ?>
Необходимо несколько модифицировать текст программы, генерирующий пятую страницу.
Содержимое пятой страницы должно отличаться в зависимости от того, авторизовался пользователь на сайте или нет. Информация об этом храниться в переменной $state. Если в переменной $state записано слово "no", то пользователь еще не авторизован и необходимо сгенерировать страницу с приглашением ввести логин и пароль, а если в переменной $state записано слово "yes", то сгенерировать форму для ввода метеорологических данных.
<?php ... if($p==5) { // Если пользователь еще не авторизовался, то просим его указать логин и пароль if($state=="no") { // URL-адрес в свойстве action необходимо заменить на полный адрес своего сайта echo "<form action='http://www.name.esy.es/index.php' method='get'>\n"; echo "<table>\n"; echo "<tr><td>Логин</td><td><input type='text' name='login'></td></tr>\n"; echo "<tr><td>Пароль</td><td><input type='password' name='password'></td></tr>\n"; echo "<tr><td><input type='hidden' name='page' value='5'></td><td><input type='submit' value='Войти'></td></tr>\n"; echo "</table>\n"; echo "</form>\n"; } // Если пользователь уже авторизовался, по предлагаем ему заполнить форму else { // URL-адрес в свойстве action необходимо заменить на полный адрес своего сайта echo "<form name='data' action='http://www.name.esy.es/index.php' method='get'>\n"; echo "<input name='message' value='Введите данные' size='50' readonly style='color: red; font-weight: bold; border: 0;'><br>\n"; echo "<table>\n"; echo "<tr><td>Температура, С</td><td><input type='text' name='temperature'></td></tr>\n"; echo "<tr><td>Атмосферное давление, гПа</td><td><input type='text' name='pressure'></td></tr>\n"; echo "<tr><td>Относительная влажность, %</td><td><input type='text' name='humidity'></td></tr>\n"; echo "<tr><td>Направление ветра, градус</td><td><input type='text' name='direction'></td></tr>\n"; echo "<tr><td>Скорость ветра, м/с</td><td><input type='text' name='speed'></td></tr>\n"; echo "<tr><td>Количество облаков, балл</td><td><input type='text' name='cloudiness'></td></tr>\n"; echo "<tr><td><input type='hidden' name='page' value='4'></td><td><input type='button' value='Отправить!' onclick='calc()'></td></tr>\n"; echo "</table>\n"; echo "</form>\n"; } ... ?>

6. Тестирование работы скрипта

Произвести завершающее тестирование работы созданного скрипта index.php.

7. Оформление отчета по лабораторной работе

Отправить электронное письмо на адрес @. В теме письма обязательно указать номер лабораторной работы, например, lab7. В тексте письма указать адрес сайта, а также Фамилию Имя Отчество. К письму прикрепить файлы index.php, functions.js, user.sql.
Информацию о зачете лабораторной работы можно посмотреть в разделе "Список групп" рядом с описаниями лабораторных работ.