Ну вот ,вы уже знаете достаточно,кое в чем уже успели приобрести опыт,
пришло время перейти к очень важной теме - обработке форм. При всей простоте (кажушейся)
это едва ли не самое главное предназначение всего стандарта CGI .
Куда бы вы не зашли на любой уважающий себя сайт,везде вы встретите формы,
которые вам предложат заполнить.В этом деле можно положится только на CGI,
так как Java и JavaScript ,выполняющиеся на страничке у клиента не имеют доступа к серверу,на котором
находится сайт.
Коротко вспомним о том что происходит при рассматриваемом процессе поближе,так сказать на трезвую голову ;).
Итак браузер требует у сервера определенный URL (это может быть как простой документ,так и сгенерированый CGI)
в этом документе может содержаться форма.Отображая такой документ браузер также выводит элементы формы
(кнопки, поля ввода, поля ввода пароля, переключатели, радио-кнопки, списки, текстовые области,скрытые поля).
И со всем этим добром пользователь может взаимодействовать.К форме естественно имеет доступ и
встроеный язык программирования JavaScript -он может как использовать форму для своих нужд,не передавая CGI,так и
помогать пользователю в заполнении формы.
После того,как пользователь заполнил форму он нажимат кнопку Submit которая говорит, что форму надо отправить на сервер.
Браузер собирает все имена и значения элементов формы ,кодирует их методом urlencode
и в зависимости от указаного в тэге FORM метода вызывает GET или POST с указаным URL,передавая ему данные.
На сервере CGI-скрипту это попадает (в зависимости от метода) либо в переменную QUERY_STRING
либо на STDIN.Скрипт может проверить данные ,занести их в какую нибудь базу данных,может как yahoo выполнить какой-нибудь поиск,
может что-нибудь вычислить......да мало ли что он может,все зависит только от нашей фантазии.....
В конце концов скрипт выдает браузеру ответ,который он и отображает.В этом ответе может содержаться все что
вашей душе угодно от сообщения об удачном или неправильном запросе до таких ответов,по сравнению с которыми yahoo и altavista подвиснут от зависти,
главное чтоб вам и тем кто посещает ваш сайт это нравилось.;)
Ну а теперь немного о синтаксисе элементов форм ,их описании и самое главное особенностях при обработке CGI-скриптом.
как раз и задает тот URL,который будет и обрабатывать форму,
если он опущен,то текущий URL документа(а он-то может быть сгенерирован нашим скриптом).
method
задает метод GET или POST
enctype
обычно не задается,для форм он application/x-www-form-urlencoded -по умолчанию,
и поддерживается всеми CGI скриптами.Но если вы уж очень хотите чтобы браузер
послал вам данные в другом формате (например text/plain) то можете указать этот
тип кодировки,только потом не жалуйтесь,что ваш скрипт не может разделить поля,или
вообще начинает глючить когда пользователь ввел какой-то спецсимвол.
name
Задается для JavaScript,чтоб обращатся к форме по имени,а не по номеру.
Для CGI не играет ни какой роли,так как внутреннее для браузера.
target
Может Определять в какой фрейм отправить полученую информацию.Имеет значение
во фреймосодержащих документах.Прозрачен для CGI обработки данных.
onSubmit
Определяет JavaScript -обработчик активизации формы.Применяется для проверки
JavaScript'ом правильности заполнения.Опять таки прозрачен для CGI.
Форма может содержать элементы.Элементы имеют имена,которые используются дл
кодирования пар имя=значение.Некоторые Элементы не передаются CGI,а используются JavaScript
для управления,например кнопки.Некоторые поля передаются только в тех случаях,
когда в них что-то выбрано,например списки и переключатели.Остальные поля передаются всегда,
даже когда они пустые.
Например:
<FORM action="http://www.doom/cgi-bin/test.cgi">
Your Name:<INPUT name="Name"><BR>
E-Mail:<INPUT name="Email"><BR>
Are you doomer:<INPUT type="checkbox" name="doomer" value="Yes">
<INPUT type="submit" value="Send Form!">
</FORM>
Допустим вы ввели имя lesha и адрес paaa@uic.nnov.ru,при этом выбрали переключатель
После нажатия кнопки будет отправлен вот такой запрос:
,как видите элемент doomer не вошел в строку запроса
Теперь попробуйте оставить поля редактирования пустыми:
http://www.doom/cgi-bin/test.cgi?Name=&Email=
Эти элементы (Name и Email) присутствуют и сообщают что они пустые.
Кнопка(button)
<INPUT type="button" name="buttname" value="Текст На Кнопке" onClick="Handler">
В форме изображается кнопка,при нажатии которой вызывается JavaScript-обработчик
заданый атрибутом onClick ,атрибут name служит для JavaScript-именования кнопки а не дл
передачи CGI.Так как значение кнопки не передается CGI, value задает Текст,изображаемый на кнопке.
Применяется очень часто,поэтому тип "text" служит для INPUT по умолчанию,его
не надо каждый раз указывать.Имя поля,задаваемое name является обязательным для CGI
(в отличии от JavaScript,где элементы формы можно индексировать по
номерам,а имена для удобства и читабельности кода служат).Можно задать значение по умолчанию атрибутом value,которое
будет после загрузки докумета.атрибут size позволяет задать размер поля.Также может
содержать обработчики onBlur,onChange,onFocus,onSelect.
Область многострочного редактирования.Размеры в строках и столбцах задаютс
атрибутами rows и cols.Значения атрибута wrap"hard" и "soft" -означают
соответственно мягкую или жесткую разбивку на строки (в большинстве случаев ето не существенно).
На что следует действительно обратить внимание так это на символ,используемый для указания перехода на новую строку.
В Windows это '\r\n' а в Unix'\n',так что если это для вас существенно,то
приводите преобразование,например так:
$my_text =~ s/\r\n/\n/g;
<FORM onSubmit="return false;">
<TEXTAREA name="MyText" rows=7 cols=30>
Тут можно что-нибудь написать
</TEXTAREA>
</FORM>
Поле не отображаемое на экране.Но оно имеет имя и значение и следовательно передается в форму.
Служит для того (и очень часто програмисты его применяют) чтоб передавать скрипту
какую нибудь информацию.Например,если ваш скрипт обрабатывает несколько форм разных
типов,то в скрытом поле каждой формы можно указать с какой формой конкретно вы имеете дело.
Так как это ваша внутренняя кухня то нечего пользователю мозолить глаза этой информацией.
<FORM onSubmit="return false;">
Этого сдесь вам не видно,поле-скрытое.
<INPUT type="hidden" name="formNum" value="3">
</FORM>
В отличии от кнопки,атрибут value сдесь не задает на надпись на переключателе,а его
значение(внутреннее).Поэтому если надо что-то подписать,пишите рядом в ним.
Может быть сразу выбраным если указан атрибут checked .Если value не указано то
значение по умолчанию "on" .Передается только в том случае,когда выбран.
<FORM onSubmit="return false;">
<INPUT type="checkbox" name="inet" value="Yes"
checked>Доступ к Интернет
</FORM>
В отличие от checkbox может быть несколько радиокнопок с одинаковым параметром
name ,но с разными value,из них передается только та,что выбрана.Одна из них может
быть изначально выбрана по умолчанию checked.Например:
Задает список,позволяющий выбрать одну (или несколько) опций из списка.
Если атрибут multiple не указан,то создается простой выпадающий список,в котором можно выбрать
только одну из опций.Его значение всегда передается,т.к. всегда хоть одно выбрано.
Если указан атрибут multiple,то во первых можно указать размер видимой части списка
атрибутом size (Если опций больше появится скролинг).Во вторых передаются только выбраные
опции ,т.е.Он может передатся несколько раз ?SelectName=opt1&SelectName=opt2&SelectName=opt9
если выбраны скажем несколько опций.А может и не разу,если ничего не выбрано из списка.
Можно задавать обработчики onBlur,onChange,onFocus.
Для CGI-програмиста конечно JavaScript -это иной мир,вы можете спокойно пропустить
этот абзац,если вы не знаете JavaScript,так как написаное в нем к CGI не относится,
а скорей к самим формам и дизайну сайта.Я скажу пару слов о том как JavaScript может
оказать посильную помощь в проверке правильности заполнения форм.Все проверки конечно
можно и нужно делать на сервере,но когда имеешь дело с рассеяным пользователем,
то для него заполнение простой формы превратится в мучение.Поясню на примере,в форме есть
какие-то обязательные поля,например имя.Если пользователь забыл его указать то скрипт скажет ему об этом
в сообщении он исправит это, допустим что-нибудь еще не так ввел .... Только на передачу данных по сети
может уходить масса времени.А на обработку на локальной машине-доли секуды.
Вот Например как это можно применить JavaScript для предварительного контроля правильности.
Допустим простейшая форма содержит имя и возраст.Имя не должно быть пустым,
а возраст должен состоять из цифр.
<HTML><HEAD>
<SCRIPT language="JavaScript">
<!--
function IsNumber(data){
var NumStr="0123456789";
var ch;var count;
for(var i=0;i<data.length;i++){
ch=data.substring(i,i+1);
if(NumStr.indexOf(ch)!=-1)count++;
}
if(counter==data.length)return true;
else return false;
}
function IsEmpty(data){
if(data.length==0)return true;
else return false;
}
function IsFormOk(f){
if(IsEmpty(f.Name.value)){
alert('Имя не должно быть пустой строкой');
return false;
}
if(!IsNumber(f.Age.value)){
alert('Возраст должен состоять из цифр');
return false;
}
return true;
}
//--></SCRIPT></HEAD>
<BODY>
<FORM action="http://www.test.ru/cgi-bin/test.cgi" onSubmit="IsFormOk(this.form)">
Your Name:<INPUT name="Name"><BR>
Your age:<INPUT name="Age"><BR>
<INPUT type="submit" value="Послать Данные">
</FORM>
</BODY></HTML>
Ну вот ,на этом можно закончить это краткое введение в HTMLые формы.
Итак,У нас на входе скрипта данные формы,закодированые методом urlencode
Положеные в Переменную QUERY_STRING или подаваемые на STDIN.Мы должны вопервых их получить.
if($ENV{'REQUEST_METHOD'} eq 'GET'){#Анализируем метод,GET или POST
$query=$ENV{'QUERY_STRING'};
}
elsif($ENV{'REQUEST_METHOD'} eq 'POST'){
sysread(STDIN,$query,$ENV{'CONTENT_LENGTH'});
}
Вот,мы уже считали наш запрос в переменную $query.Теперь пришло самое время ее обработать.
Мы знаем что поля разделены символом '&' значит используем его в качестве разделителя функции split:
@formfields=split(/&/,$query);
Вот разделили,а теперь организуем цикл foreach по полученым полям @formfields
Здесь выражение в регулярном выражении в круглых скобках (.*) после знака '=',запоминаетс
в скалярную переменную $1 ,которая затем и декодируется нашей старой и знакомой функцией
urldecode (я предупреждал,что она будет почти в каждой вашей CGI-программе)
sub urldecode{ #очень полезная функция декодировани
local($val)=@_; #запроса,будет почти в каждой вашей CGI-программе
$val=~s/\+/ /g;
$val=~s/%([0-9a-hA-H]{2})/pack('C',hex($1))/ge;
return $val;
}
Так мы проходим по всем полям,которые нам переданы.Это стандартный подход,он годится в качестве
шаблона.У вас может возникнуть вопрос,а что делать если вам переданы данные от
списка у которого задана возможность выбора нескольких элементов и данные поступают в
таком виде: Sel=opt1&Sel=opt2&Sel=opt9. Тут тоже нет никаких проблем,просто запихиваем эти поступающие
значения в массив.
И потом спокойно оперируем с Полученым Массивом @Sel.
На этом можно так сказать заканчивается шаблонная часть скрипта и начинается содержательная,
которая зависит только от вашей фантазии.....
Вы можете сколько угодно анализировать полученые значения,обращатся при этом
к различным файлам .Если вы к этому приложите фантазию,то кто знает что получится....
А Пока Ради примера я вам напишу скрипт,который ведет социологическое исследование
насчет курения и отношения к нему.Может он слишком массивен для данного пособия,
но зато он наглядно показывает как достаточно простыми средствами можно проводить
социологические исследования.
<HTML><!-- HTML файл с формой,можете повесить его себе на сайт! ->
<HEAD><TITLE>Социологический опрос насчет курения</TITLE></HEAD>
<BODY>
<CENTER><H1>Социологический опрос насчет курения</H1></CENTER>
<FORM action="cgi-bin/smoketest.cgi">
<TABLE>
<TR><TD>Ваш возраст:</TD><TD><INPUT name="age"></TD></TR>
<TR><TD>Вы курите(Y/N):</TD>
<TD><INPUT type="radio" name="smoke" value="Yes" checked>Да
<INPUT type="radio" name="smoke" value="No">Нет</TD></TR>
<TR><TD>Как вы относитесь если рядом кто-то курит?</TD>
<TD><SELECT name="sm_near">
<OPTION value="0">Резко негативно
<OPTION value="1">Негативно
<OPTION value="2" selected>Мне все равно
<OPTION value="3">Позитивно
<OPTION value="4">Резко позитивно
</SELECT>
</TD></TR>
<TR><TD>Сколько вы выкуриваете в день?</TD>
<TD><SELECT name="sm_day">
<OPTION value="0">Ни сколько
<OPTION value="1">1 сигарету
<OPTION value="2">2 сигареты
<OPTION value="5">около 5
<OPTION value="0.5pac">полпачки
<OPTION value="pac">пачку
<OPTION value="2pac">2 пачки
<OPTION value="more">больше
</SELECT>
</TD></TR>
<TR><TD>Как давно вы начали курить?</TD>
<TD><SELECT name="sm_stage">
<OPTION value="noatall">Не начинал
<OPTION value="onetime">Бросил
<OPTION value="0.5year">Полгода
<OPTION value="1year">Год
<OPTION value="2year">2 Года
<OPTION value="5year">5 Лет
<OPTION value="more">Больше
</SELECT>
</TD></TR>
<TR><TD>Считаете ли вы это опасным для своего здоровья?</TD>
<TD><SELECT name="sm_danger">
<OPTION value="0">Очень Опасно
<OPTION value="1">Думаю,что да
<OPTION value="2" selected>Не знаю
<OPTION value="3">Может самую малость
<OPTION value="4">Нет,Безопасно.
</SELECT>
</TD></TR>
<TR><TD>Хотите ли вы бросить?</TD>
<TD><SELECT name="sm_nosmoke">
<OPTION value="0">Уже бросаю
<OPTION value="1">Думаю бросить
<OPTION value="2" selected>Иногда
<OPTION value="3">Очень Редко
<OPTION value="4">Никогда.
</SELECT>
</TD></TR>
<TR><TD><INPUT type="submit" value="Послать Данные"></TD>
<TD><INPUT type="reset" value="Очистить Форму"></TD></TR>
</TABLE>
</FORM>
</BODY></HTML>
Знаете ли Вы, что релятивизм (СТО и ОТО) не является истинной наукой? - Истинная наука обязательно опирается на причинность и законы природы, данные нам в физических явлениях (фактах). В отличие от этого СТО и ОТО построены на аксиоматических постулатах, то есть принципиально недоказуемых догматах, в которые обязаны верить последователи этих учений. То есть релятивизм есть форма религии, культа, раздуваемого политической машиной мифического авторитета Эйнштейна и верных его последователей, возводимых в ранг святых от релятивистской физики. Подробнее читайте в FAQ по эфирной физике.
