Конспект урока - внеурочного мероприятия (продолжение)
10. После нажатия будет произведено копирование необходимых для работы сервера файлов.
11. Набираем 1 и жмем Enter.
12. Набираем «y» и жмем Enter.
13. Консоль исчезнет, и появится окно браузера с некоторой полезной информацией. Требуется запомнить следующее: при запущенном Skype локальный сервер не будет работать. Также после установки Денвера на рабочем столе появятся три значка:
Start Denwer запускает локальный сервер, Restart Denwer перезапускает локальный сервер, Stop Denwer прекращает работу локального сервера.
14. Запустим Денвер. Для этого требуется дважды кликнуть на значок Start Denwer. При первом запуске могут появляться некоторые предупреждающие сообщения Windows. Следует отвечать «Да» и OK.
После запуска в трее должно появиться два значка, означающих, что локальный сервер запущен:
2.2. Подготовка рабочего пространства
Для начала требуется открыть в блокноте файл с адресом: «Z:\usr\local\apache\conf\httpd.conf» и заменить строку «AddDefaultCharset windows-1251» на «AddDefaultCharset utf-8».
Все эксперименты с формами в дальнейшем будем проводить только на локальном сервере. Для этого создадим новый сайт. Чтобы создать сайт, требуется пройти в проводнике по адресу Z:\home\localhost\www и создать там новую папку, например, testForms.
В этой папке создадим файл с названием index.php. В этом файле будем работать с PHP. Для начала содержимым файла index.php сделаем шаблон, созданный в разделе 1.1.:
Содержимое файла index.php на локальном сервере.
Теперь немного изменим содержимое файла (на текст, заключенный в <??>, пока что не надо обращать внимания - это просто проверка работы PHP)
и перезапустим сервер (Restart Denwer).
Далее вводим в адресную строку браузера адрес нашего файла: http://localhost/testForms/index.php
Замечание:
Здесь вместо папки Z:\home\localhost\www в адресе файла в проводнике пишем http://localhost/, далее адрес сохраняется.
В результате должна появиться следующая страница:
Если вдруг страница не появилась или вывелось сообщение об ошибке, то требуется заново запустить сервер, запустив программу Start Denwer (что-то пошло не так при перезапуске сервера).
2.3. Основы PHP
Любой PHP код пишется между словами “<?” и “?>”.
После каждой строки кода на PHP идет знак точка с запятой “;”.
В PHP доступны два вида комментариев:
- Однострочный. Пишется после двойного слеша (//).
- Многострочный – пишется между словами “/*” и “*/”.
2.3.1. Переменные
Создание переменных
Все названия переменных в PHP начинаются с символа $.
Пример:
$a; // Создана переменная $a
Инициализация переменных
Инициализацией называется присвоение созданной переменной какого-нибудь значения. Для инициализации переменной используется символ “=”.
Пример:
$a;
$a = 10; // В переменную записано значение 10 (она инициализирована значением 10)
Замечание:
Инициализировать переменную можно при ее создании.
Пример:
$a = 10; // Переменная создана и сразу же инициализирована значением 10
Типы данных в PHP, которые понадобятся в дальнейшем
1. Числовой. При создании переменной числового типа ее достаточно инициализировать каким-нибудь числом. Десятичная часть числа указывается после точки.
Пример:
$pi = 3.14;
2. Булев тип данных. Принимает всего два значения – true (истина) и false (ложь). Для создания переменной такого типа, ее достаточно инициализировать одним из слов - true или false.
3. Строковый тип данных. Используется для хранения текста. Для создания текстовой переменной требуется инициализировать ее строкой. Строки заключаются в двойные кавычки.
Существует множество других типов данных в PHP. Мы будем знакомиться с ними по мере надобности.
Пример:
$text = “Hello World!”;
2.3.2. Вывод на экран в PHP
Для вывода на экран используются следующие функции:
echo(текст);
print(текст);
Текст заключается в двойные кавычки.
Пример:
echo(“Hello World!”); // Вывод на экран предложения Hello World!
Замечание:
Также можно выводить не только текст, но и переменные.
Пример:
$pi = 3.14;
echo($pi);
Замечание:
Можно выводить текст вместе с переменными. Для того чтобы добавить к концу текста значение переменной или другой текст, требуется поставить после текста точку, а после точки написать имя переменной, значение которой должно вывестись после текста.
Пример:
$pi = 3.14;
echo(“Примерное значение числа PI: “.$pi);
2.3.3. Арифметические действия в PHP
Арифметические действия выполняются только над переменными числового типа. Для переменных остальных типов результат может быть непредсказуем.
Список арифметических действий:
|
Знак |
Действие |
Пример |
|
+ |
Сложение |
$a = 10; $b = 20; $c = $a+$b; // В переменной $c // будет число 30 |
|
- |
Вычитание |
$a = 10; $b = 20; $c = $b-$a; // В $c лежит 10 |
|
* |
Умножение |
$a = 10*10; // В $a лежит 100 |
|
/ |
Деление |
$a = 10/3; // В $a лежит 3.(3). |
|
% |
Остаток от деления |
$a = 10%3 // В $a лежит 1 |
|
++ |
Увеличивает значение переменной на 1. |
$a = 0; $a++; print($a); // Выведет 1 |
|
-- |
Уменьшает значение переменной на 1. |
Аналогично с ++ |
2.3.4. Операторы сравнения в PHP
|
Знак |
Действие |
Пример |
|
== |
Выполняет проверку равенства значений в переменных |
$a = 10; $b = 10; $c = $a==$b; // В $c лежит true |
|
!= |
Выполняет проверку неравенства значений в переменных (обратный к ==) |
$a = 10; $b = 10; $c = $a!=$b; print($c); // В $c лежит false |
|
> |
Возвращает истину, если значение в переменной по левую сторону от оператора больше значения в переменной по правую сторону оператора. |
$a = 10; $b = 5; $c = $a>$b; // В $c лежит true |
|
< |
Возвращает истину, если значение в переменной по левую сторону оператора меньше значения переменной по правую сторону оператора. |
|
|
>= |
Возвращает обратное значение к < |
|
|
<= |
Возвращает обратное значение к > |
|
2.3.5. Логические операторы в PHP
|
Знак |
Действие |
Пример |
|
! |
Логическое отрицание |
$a = true; $a = !$a; // В $a лежит false |
|
&& |
Логическое “И” |
$a = true; $b = false; $a = $a && $b // В $a лежит false |
|
|| |
Логическое “ИЛИ” |
$a = true; $b = false; $a = $a || $b // В $a лежит true |
2.3.6. Условный оператор
Используется для организации ветвлений в программе.
Синтаксис:
if(условие) {
действия_1
} else {
действия_2
}
Логика здесь следующая: Если условие истинно, то выполняются действия_1, если же условие ложно, то выполняются действия_2.
В качестве условия требуется указать некоторое логическое выражение (т.е. выражение, которое возвращает true или false).
Пример:
Напишем программу, которая будет определять – лежит ли значение переменной в промежутке (10;20) или нет.
$a = 15;
if($a>10 && $a<20) {
print(“Значение “.$a. “ лежит в интервале (10; 20)”);
} else {
print(“Значение “.$a. “ не лежит в интервале (10; 20)”);
}
2.3.7. Циклы
В PHP используются три вида циклов: while, do…while, for.
1. Цикл while.
Синтаксис:
while(условие) {
действия
}
Выполняет действия пока условие истинно.
2. Цикл do…while
Синтаксис:
do {
действия
}while(условие);
В отличие от цикла while выполняет действия хотя бы один раз.
3. Цикл for
Синтаксис:
for(инициализация; условие; счетчик) {
действия
}
Используется, когда требуется выполнять действия заранее известное число раз или где требуется использовать счетчик.
Схема работы цикла:
- Перед началом цикла выполняется инициализация (единожды).
- Далее проверяется условие.
- Если условие истинно, то выполняются действия в теле цикла; если условие ложно, то происходит выход из цикла.
- После выполнения действий выполняется блок счетчик (обычно происходит увеличение/уменьшение счетчика на 1).
- На шаг 2.
Пример 1:
$a = 0;
while($a<10) {
print($a. “<br>”);
}
В результате выведутся в столбик цифры 0…9
Пример 2:
for($i=0; $i<10; $i++) {
print($i.”<br>”);
}
В результате выведутся в столбик цифры 0…9. Заметим, насколько компактнее стал код при использовании цикла for.
2.3.8. Массивы
Определение:
Массив — это конечная последовательность упорядоченных элементов, доступ к каждому элементу в которой осуществляется по его индексу.
Массив можно представить как ящик, внутри которого находятся коробки с номерами. Эти коробки называются элементами массива.
Для создания массива используется ключевое слово array. Далее в круглых скобках указываются элементы массива через запятую. Вся эта конструкция присваивается какой-нибудь переменной.
Пример:
$fruit = array(“Апельсин”,”Яблоко”); // Массив с именем $fruit, в котором хранятся элементы Апельсин и
// Яблоко (текстовые переменные)
Для доступа к элементу массива требуется указать имя массива и далее в квадратных скобках указать порядковый номер этого элемента в массиве. Номера начинаются с нуля.
Пример:
print($fruit[0]); // Выведет слово Апельсин
print($fruit[1]); // Выведет слово Яблоко
Замечание:
Переменные в массиве не обязаны иметь один тип. В качестве элементов массива могут также выступать другие массивы.
2.3.9. Передача данных из формы.
Суперглобальные массивы $_GET и $_POST
Массив $_GET хранит данные, переданные в скрипт через метод $_GET (т.е. через адресную строку браузера).
Массив $_POST полностью аналогичен массиву $_GET за исключением того, что хранит данные, переданные из формы в скрипт по методу POST.
Когда пользователь нажимает на кнопку отправки (submit), в файл-обработчик (который мы указали в теге form) передаются пары имя-значение всех полей формы.
Например, из формы, состоящей из одного поля ввода: <input type=”text” name=”myInput”>, будет передана единственная пара myInput – “текст, который ввел пользователь”.
В результате в массиве $_POST окажется единственный элемент. Для получения значения этого элемента требуется написать $_POST[“myInput”].
Этап 3. Практическая работа – верстка web-формы.
Требуется создать форму с полями “Имя”, “Фамилия”, “Возраст”, шестью радиокнопками для выбора класса, списком для выбора пола, двумя чекбоксами («cогласие на обработку персональных данных», «cогласие с уставом») и передать значения, введенные пользователем, в файл-обработчик, в котором будут выводиться данные, введенные пользователем.
Решение:
1. Перейдем в рабочую папку «testForms» на локальном сервере. Создадим там папку «form1». В этой папке создадим файл «index.php» (это будет страница с формой).
Далее создаем саму форму. В ней будет три текстовых поля – Имя, Фамилия, Возраст с именами name, lastname, age соответственно. Метод передачи данных указываем POST, файл-обработчик – «obrabotka.php». Не забываем поставить в конце кнопку типа «submit».
Далее добавляем перед кнопкой шесть радиокнопок с классами (5,…,11). Все кнопки должны иметь имя class.
Затем добавляем список для выбора пола (имя списка sex).
В итоге добавляем два чекбокса с именами agr1, agr2.
Код формы:
2. Далее пишем файл-обработчик формы. Создаем его в той же папке, что и сама форма. Имя файла – «obrabotka.php». В нем выводим данные, введенные пользователем:
Результат должен быть следующим (пользователь вводит данные, нажимает на кнопку «Отправить»).
После нажатия на кнопку “Отправить” пользователь оказывается в файле «obrabotka.php», в котором выводятся введенные им данные:
Этап 4. Контроль – предъявление результата.
Учащиеся предъявляют результат лабораторной работы.
Этап 5. Подведение итогов (рефлексия).
В ходе внеурочного занятия изучили: как создавать форму и наполнять ее элементами – текстовое поле однострочное, текстовое поле многострочное, флажок, радиокнопка, раскрывающийся список, кнопка отправки формы. Также научились писать простейшие обработчики данных формы (на РНР), устанавливать сервер на компьютер.