Разработка структуры и содержания цифрового образовательного ресурса "Основы веб-программирования"

Автор работы: Пользователь скрыл имя, 24 Мая 2015 в 12:58, курсовая работа

Описание работы

Стремительное развитие информационного общества, проявление и широкое распространение технологий мультимедиа, электронных информационных ресурсов, сетевых технологий позволяют использовать информационные технологии (ИТ) в качестве средства обучения, общения, воспитания, интеграции в мировое пространство. Совокупность традиционных и информационных направлений внедрения информационной технологии создает предпосылки для реализации новой интегрированной концепции применения ИТ в образовании.

Файлы: 1 файл

!Курсовая веб-программирование.docx

— 264.09 Кб (Скачать файл)

Значение переменной $_GET['HDD'] передается формой test.html скрипту test.php. Код формы test.html:

<form action = "http://localhost/PHP/test.php;" method=get>

   HDD: <input type="text" name="HDD"/><br>

   <input type="submit"/>

</form>

РНР также, как и С++, Java предоставляет возможность заменять блоки if…else условной операцией (в отличие от унарных и бинарных операций условная операция используется с тремя операндами). В изображении условной операции присутствуют два размещенных не подряд символа ‘?’ и ‘:’ и три операнда выражения:

выражение_1 ? выражение_2 : выражение_3

Первым вычисляется значение выражения_1. Если оно истинно (т.е. не равно нулю), то вычисляется значение выражения_2, которое и становится результатом. Если при вычислении значения выражения_1 получится ноль (ложь), то в качестве результата берется выражение_3. Классическим примером условной операции является выражение

x < 0 ? –x : x;

Это выражение возвращает абсолютное значение переменой x. 

Переключатель switch

Переключатель switch является наиболее удобным средством для организации мультиветвления. Синтаксис переключателя таков:

switch(expression) // переключающее выражение

{

   case value1: // константное выражение 1

      statements; // блок операторов

   break;

   case value2: // константное выражение 2

      statements;

   break;

   default:  

      statements;

}

Управляющая структура switch передает управление тому из помеченных case операторов, для которого значение константного выражения совпадает со значением переключающего выражения. Если значение переключающего выражения не совпадает ни с одним из константных выражений, то выполняется переход к оператору, помеченному меткой default. В каждом переключателе может быть не более одной метки default, однако она может отсутствовать вообще. Приведем пример программы с переключателем. В этой программе выводятся названия нечетных целых десятичных цифр от 1 до 9 не меньше заданной, в зависимости от числа, указанного в форме test.html.

<form action = "http://localhost/PHP/chapt2/switch.php" method="get">

number: <input type="text" name="number"/><br>

<input type="submit"/>

</form> 

<?

switch($number)

{

case 1:

      echo ("one ");

case 2: case 3:

      echo ("free");

case 4: case 5:

      echo ("five");

case 6: case 7:

      echo ("seven");

case 8: case 9:

      echo ("nine");

break;

default:  

      echo ("This isn't number or number is > 9 or < 1");

}

?>

Результат выполнения скрипта:

Форма запроса


Так же, как и в случае условного оператора для переключателей допустимы любые степени вложенности, однако злоупотреблять этим без особой на то необходимости также не следует.

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

После конструкции switch приведен составной оператор, однако это совершенно не обязательно – после switch может находиться любой оператор, помеченный служебным словом case.

Составной оператор, это заключенная в фигурные скобки последовательность операторов.

В PHP в качестве меток case могут использоваться не только литералы, но и сами метки могут быть переменными. В качестве меток case в PHP не могут выступать только массивы и объекты.

4.6. Создание  калькулятора в PHP

Для создания калькулятора нужно решить, что он будет делать. В первую очередь, он, конечно, должен выполнять арифметические действия: сложение, вычитание, деление и умножение. Пусть он ещё будет вычислять корень из числа, возводить его в указанную степень и выводить процент от числа.

Создаем файл, который называем calc.php. Использование функций позволит нам совместить в этом файле как форму для ввода чисел и других данных, так и вывод результата.

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">  
<title>Калькулятор</title> 
</head> 
<body> 
<?             /* приступаем непосредственно php коду */ 
function show() 

  global $action; 
  ?> 
  <FORM method=Get action="calc.php" target="_blank"> 
/* target="_blank" - результат обработки формы будет выводится в новом окне */ 
  Первое число 
  <input type="text" name="first"> 
  Второе число (Степень, процент) 
  <input type="text" name="second"> 
  <select size="1" name="action"> 
    <option value="sum">Сложить</option> 
    <option value="min">Вычесть</option> 
    <option value="mult">Умножить</option> 
    <option value="dev">Разделить</option> 
    <option value="stepen">Возвести в степень</option> 
    <option value="procent">Процент от числа</option> 
    <option value="koren">Корень</option> 
  </select> 
  <br><input type="submit" value="Выполнить"> 
  </form> 
  <?php  
}       //конец функции show()

Итак, определили функцию show, которая будет выводить форму. Хоть и разбили php скрипт, вставив блок HTML, но все же это все относится к одной функции show, это подобно тому, если бы не прерывали скрипт, а вместо этого написали бы echo "<FORM и так далее </html>";. Пока ни о каком дизайне формы нет и речи, это лишь "скелет" Калькулятора.

Продолжаем дальше писать файл calc.php.

function calc() 

global $action, $result, $first, $second; 
switch($action) 
 { 
   case "sum": $result = $first+$second; break; 
   case "min": $result = $first-$second; break; 
   case "mult": $result = $first*$second; break; 
   case "dev":  
   if (!$second)             /* если второе число равно "0" или вообще не введено */ 
   { 
     exit("Извините, программа не может выполнить действие: на ноль делить нельзя"); 
   } 
   $result=$first/$second; break; 
   case "procent": $result = $first*($second/100); break; 
   case "stepen": $result = pow($first, $second); break; 
   case "koren": $result = pow($first,0.5); break; 
 } 
?>                             //заканчиваем оператор switch 
 Результат Вашего действия равен <b> 
 <? echo $result; ?>           //вывод результата 
 </b> 
 </font> 
 <? 
}                    //конец функций calc()

Написали функцию calc, занимающуюся непосредственно вычислением результата и вывода его на экран пользователя.

Наконец, заканчиваем файл:

if ($action) calc(); else show(); 
?>

Если в переменной $action есть какое-либо значение (а оно может появиться только в случае нажатия кнопки "Выполнить"), то выполняется функция вычисления calc(), если же $action пуста, то выведется форма Калькулятора.

Также этот пример можно было сделать в двух отдельных файлах: допустим, show_calc.htm и calc.php, где первый файл содержал бы функцию show, а второй, соответственно, calc.

 

 

Глава 5. Язык JavaScript

5.1. Введение в  JavaScript

JavaScript  является языком сценариев (скриптов), который применяют в основном для создания на Web-страницах интерактивных элементов. Его можно использовать для построения меню, проверки правильности заполнения форм, смены изображений или для чего-то еще, что можно сделать на Web-странице. Если взглянуть на Google Maps или службу GMail компании Google, то можно понять, на что способен сегодня язык JavaScript.

Скрипт- это запись на языке программирования команд и действий программы. Скрипты управляют программой и ей же вводятся. В редакторах можно изменять, добавлять или исключать скрипты.

Так как JavaScript является в настоящее время единственным языком сценариев, который поддерживают все основные браузеры Web (Internet Explorer, Firefox, Netscape, Safari,Opera, Camino и т.д.), то он используется очень широко.

Код JavaScript обычно выполняется Web-браузером клиента, и в этом случае он называется сценарием на стороне клиента. Но код JavaScript можно выполнять также на Web-сервере для формирования документов HTML, воплощая тем самым сценарий на стороне сервера. Хотя использование JavaScript обычно ограничивается сценариями на стороне клиента, он является также очень мощным серверным языком.

При создании кода JavaScript требуется фактически только текстовый редактор и Web-браузер. Знание HTML и CSS будет играть определенно положительную роль, и если вы захотите использовать навыки JavaScript на Web-сайте, то понадобится также Web-сайт.

Прежде всего, необходимо узнать, как добавить сценарий JavaScript на страницу HTML. Это можно сделать одним из двух способов: поместить теги Script на Web-странице и расположить код JavaScript внутри этих тегов, или поместить весь код JavaScript в отдельный файл и связаться с ним с помощью тега Script. Любой из этих методов вполне допустим, но они имеют разное назначение. Если имеется небольшой код, который будет использоваться только на одной странице, то размещение его между тегами Script будет хорошим решением. Если, однако, имеется большой фрагмент кода, который будет использоваться на нескольких страницах, то, наверно, лучше поместить этот код JavaScript в отдельный файл и соединиться с ним. Это делается для того, чтобы не нужно было загружать этот код всякий раз при посещении различных страниц. Код загружается один раз, и браузер сохраняет его для последующего использования. Это похоже на то, как используются каскадные таблицы стилей (CSS).

Ниже приведены примеры двух способов подключения кода JavaScript:

<script type="text/javascript"></script>

<script type="text/javascript" src="scripts/JavaScriptFile.js"></script>

 

5.2. Условный оператор в JavaScript

Общий вид условного оператора в JavaScript такой:

if (условие) { 
  //Блок операторов 

else { 
  //Блок операторов 
}

Сначала идёт ключевое слово if, которое сообщает браузеру, что дальше идёт условный оператор. Внутри скобок указывается условие, которое, соответственно, возвращает true или false. Если выражение в скобках было true(истинно), то выполняется первый блок операторов, если условие false (ложно), то выполняется блок операторов вelse. Также блок else не является обязательным, и дальше я приведу такой пример.

Давайте теперь потренируемся уже на практике. Решим такую задачу: пользователь вводит число, а мы выводим сообщание - больше оно или меньше 5.

var x = prompt("Введите число"); 
if (x < 5) alert ("Введённое число меньше пяти"); 
else alert("Введённое число больше пяти");

Разберём этот пример. Первой строкой мы вызываем функцию prompt, которая выводит окно с просьбой ввести число. Дальше пользователь вводит число, которое записывается в переменную x. А дальше идёт условие, которое я перевожу так: Если x меньше 5, то вывести сообщение: "Введённое число меньше пяти", иначе вывести сообщение "Введённое число больше пяти". Выражение x < 5 возвращает либо true ( < 5) или false (x >= 5). Также обратите внимание, что мы не используем фигурные скобки. Почему? Потому, что мы используем всего один оператор (функциюalert()). В принципе, мы можем их поставить, и ничего не поменяется, однако, здесь они будут лишними.

Однако, наша задача содержит существенную ошибку. Если пользователь введёт "5", то у нас выводится сообщение "Введённое число больше пяти", однако, это не совсем правильно. Поэтому давайте преобразуем условие таким образом:

if (x < 5) alert ("Введённое число меньше пяти"); 
else 
  if (x == 5) alert ("Вы ввели пять"); 
  else alert("Введённое число больше пяти");

Как видите, блок else в первом условии преобразился. В блоке else проверяется на равенство x и 5-ти. И если это так, то выводится соответствующее сообщение, в противном случае, выводится, что число больше пяти. То есть условие внутри условия - это совершенно нормально. Также обратите внимание, что я по-прежнему не поставил фигурные скобки, так как if-else это один оператор. А когда только один оператор наличие скобок необязательно.

Давайте разберём ещё один пример. Создадим переменную, которая будет true, если введённое число положительное, и false, если число отрицательное.

var x = prompt("Введите число"); 
var positive = true; 
if (x < 0) positive = false; 
alert (positive);

В данном примере используется классический пример, когда мы берём какую-то переменную и присваиваем ей значение по умолчанию. И если это требуется, то меняем. В данном случае, мы меняем значение по умолчанию, если число отрицательное. Однако, данный пример можно было бы написать ещё красивее:

var x = prompt("Введите число"); 
var positive = x < 0;

Другими словами, мы переменной positive сразу присваиваем результат сравнения x и нуля.

Теперь поговорим о так называемых сложных условиях. В примерах выше мы рассматривали лишь простые условия, однако, существуют также и другие условия, которые состоят из нескольких условий. И здесь используются две операции: && - логическое И и || - логическое ИЛИ. Давайте напишем такое условие:

if ((x <= 5) && (x >= 0)) {//блок операторов}

Данное условие (сложное условие) даст true, тогда и только тогда, когда x <= 5 И x >= 0. В противном случае, вернётся false.

Рассмотрим сложное условие с логическим ИЛИ.

if ((x <= 5) || (x == 6)) {//блок операторов}

Перевести это можно так: если x <= 5 ИЛИ x == 6, то вернуть true, иначе false.

Последнее, что хочется сказать, что бывают условия, которые состоят из нескольких логических И и ИЛИ, и, порой, приходится очень серьёзно напрячь голову, чтобы разобраться в таком условии.

Вот и всё, что хотелось сказать по условным операторам в JavaScript. А дальше нужна лишь практика. Увы, но без практики, Вы никогда не научитесь использовать этот оператор, без знания которого двигаться дальше просто бессмысленно. Так что придумайте какую-нибудь несложную задачу (на подобии той, что мы решили выше) и решите её.

Информация о работе Разработка структуры и содержания цифрового образовательного ресурса "Основы веб-программирования"