Лекции по интернет технологиям (стр. 6 )

Принципы функционирования

Использование Active Server Pages не требует специфичных браузеров. Все ASP-скрипты запускаются и выполняются на Web-сервере, причем брaузер получает только результирующие HTML-файлы. Microsoft Internet Information Server, начиная с версии 3.0, поддерживает Active Server Pages.

Рассмотрим последовательность функционирования ASP. Клиент запрашивает ASP-страницу на Web-сервере. Сервер принимает запрос и начинает его обрабатывать. По расширению файла (.asp) определяет, что данный файл содержит ASP-скрипт, и начинает анализировать его содержимое, последовательно интерпретируя и выполняя вставки ASP-кода. ASP-код, в свою очередь, может содержать обращения к различным источникам данных, осуществлять обработку полученных данных и добавлять содержимое генерируемой страницы. В результате формируется «обычная» HTML-страница (уже не содержащая ASP-кода), которая и отправляется обратно клиенту.

Внешне ASP функционирует также, как CGI. Аналогичным образом передаются параметры (формат-строки запроса) и осуществляется вывод результатов. Однако производительность ASP оказывается гораздо выше, т. к. при каждом запросе не происходит отдельной загрузки ASP-интерпретатора. Использование компонент ActiveX также значительно повышает производительность Web-сервера.

Описание синтаксиса

ASP-код, который нужно выполнить на сервере, размещается внутри специальных тегов <% %>. Так как данный код обрабатывается на сервере, он не доступен пользователю. Сам код может быть написан с использованием Visual Basic Scripting Edition (VBScript) или JScript (JavaScript). Технология ASP позволяет использовать и другие языки программирования. По сути, нужно говорить не о синтаксисе ASP, а о том языке, который используется для написания ASP-кода. Синтаксис VBScript намного проще других языков, поэтому новичку будет легко в нем разобраться.

Объекты и компоненты

VBScript не является полнофункциональным языком программирования и использования встроенных в него средств явно недостаточно. Поэтому в ASP-страницах используются специальные объекты и компоненты ActiveX.

Существует набор «встроенных» объектов, которые инициализируются и предоставляются ASP-скрипту автоматически при начале обработки. Эти объекты обеспечивают доступ к основным «жизненно важным» функциям:

Объект Application позволяет создавать переменные, доступные всем пользователям Web-приложения.

Объект Session позволяет сохранять данные, связанные с отдельным пользователем.

Объект Request предоставляет параметры CGI-запроса, отправленные методом POST 99или GET.

Объект Response предоставляет методы для добавления информации, а также для формирования заголовков страницы ответа Web-сервера.

Объект Server содержит множество различных методов, одним из которых является метод CreateObject, позволяющий создавать экземпляры компонент ActiveX.

В отличие от встроенных ASP-объектов, ASP-компоненты явно необходимо создавать в коде скрипта. Существует огромное количество ActiveX-компонент, которые можно использовать в ASP-страницах, причем большинство из них распространяются бесплатно. Более того, разработчик может сам создавать ActiveX-компоненты в любой среде программирования, поддерживающей COM-технологию, например, Visual C++ или Visual Basic.

Следует уделить особое внимание объектам ADO (ActiveX Data Objects), которые представляют собой мощные интегрированные средства для создания приложений для работы с БД. Компоненты ADO обеспечивают быстрый и удобный интерфейс к БД на самом высоком уровне, при этом сохраняется переносимость разрабатываемых приложений для работы с другими БД. Использование компонент ADO значительно упрощает работу программиста, ему остается лишь правильно составить SQL-запросы к БД и позаботиться о выводе результатов.

В рамках функционирования Web-приложения существует возможность создания обработчиков основных событий, таких как запуск и остановка Web-приложения, а также открытие и закрытие пользовательской сессии. Эти события описываются в специальном ASP-файле global. asa. Обработчики данных событий можно использовать для инициализации объектов или установки значений глобальных переменных.

Средства разработки

Создавать ASP-страницы можно в любом текстовом редакторе, но это далеко не всегда удобно. Помимо написания кода на VBScript, необходимо осуществлять его отладку, что возможно только на функционирующем Web-сервере (IIS) и при наличии специальных средств.

Microsoft Visual InterDev 6.0 (входящий в состав Microsoft Visual Studio) является одним из лучших средств, которое позволяет не только быстро и эффективно создавать ASP-код, но и осуществлять расширенную отладку кода. Основные особенности этого продукта:

Просмотр списка используемых объектов, и возможность быстрого написания кода.

Подсветка синтаксиса кода (VBScript и JScript).

Автоматическое формирование содержимого global. asa.

При запуске в режиме отладки InterDev автоматически настраивает Web-сервер (IIS) в нужный режим, а по окончании отладки восстанавливает настройки.

Возможность установки точек прерывания (breakpoints).

Просмотр значений переменных (watches) и списка вызванных процедур (call stack).

Существуют также и другие специализированные редакторы, позволяющие разрабатывать ASP-приложения, например, Home Site 4.5, Macromedia UltraDev 4.0 или ASP Express. Однако эти средства не полностью охватывают возможности Visual InterDev.

Скрипты (JavaScript, CGI)

1. Что такое скрипты?

Существует две основых категории скриптов - серверные скрипты (CGI и PHP скрипты) и пользовательские скрипты (java и DHTML скрипты).

Серверные скрипты. Это программы, которые выполняются на стороне сервера. Основным отличием серверных скриптов является то, что они могут записывать в файл, находящийся на сервере. Наиболее распространенные примеры серверных скриптов - гостевые книги, голосования, счетчики посещений и др. CGI (Common Gateway Interface, общий шлюзовый интерфейс) представляет собой часть веб-сервера, способную взаимодействовать с другими программами, и в этом смысле является шлюзом для передачи данных, полученных от клиента, программам-обработчикам информации - базам данных, электронным таблицам и пр. Обычно CGI скрипты пишут на языке Perl, поэтому их называют Perl скриптами.

Пользовательские скрипты. Выполняются такие скрипты на компьютере пользователя посредством вызова определенных команд, которые обозначены в фрагментах кода обыкновенной веб-страницы. Для того чтобы они могли быть выполнены, браузер должен уметь поддерживать язык, на котором скрипты написаны. Пользовательские скрипты это Java и DHTML скрипты. Java скрипты - это программы, написанные на языке JavaScript, они встраиваются в обычные HTML страницы. Каждый JavaScript размещается между тегами <script language= JavaScript >...</script>. DHTML скрипты - скрипты написанные на языке DHTML (Dynamic HTML) также вставляется в HTML страницу. Разделение на Java и DHTML весьма условное, т. к. в большинстве из них используются и JavaScript и DHTML. Выполнение пользовательских скриптов зависит только от браузера пользователя.

2. JavaScript

Сегодня Всемирная сеть - это среда информационного обмена для миллионов людей. Они размещают текст, видео, звук, и информацию, и все более и более, они усложняют свои страницы, делая их интерактивными в сети. JavaScript - это язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java. С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web- документов, вклучающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Несмотря на отсутствие прямой связи с языком Java, JavaScript может обращаться к внешним свойствам и методам Java - апплетов, встроенных в страницу HTML. Разница сводится к тому, что апплеты существуют вне браузера, в то время как программы JavaScript могут работать только внутри браузера.

Следующая таблица сравнивает JavaScript и Java

.

JavaScript	Java
Не компилируемый клиентом.	Компилируемая клиентом перед запуском программы.
Объектный язык.	Объектно-ориентированный.
Внедренный в HTML - страницу.	Небольшие приложения, отделенные от HTML - страниц.
Переменные типы данных, не объявляются.	Переменные типы данных должны быть объявленны (строгий контроль типов).
Динамическое закрепление. Ссылки объекта, поверяются во время выполнения.	Статическое закрепление. Ссылки объекта, проверяются во время компиляции.

2.1. Общие сведения

Определимся, что из себя представляет язык JavaScript. JS - интерпретатор с элементами объектно-ориентированной модели. Хотя он и лишен возможностей создания собственных классов, но он оперирует стандартными объектами. Так как обработчик находится на компьютере пользователя, JS, будучи интерпретатором, использует методы и свойства объектов обозревателя на пользовательском компьютере. JS имеет возможность написания пользовательских функций, имеет ряд операторов, но работает с объектами, их методами, свойствами и событиями. Также имеется иерархия наследования свойств объектов. Сложность составляет и то, что JS встраивается в HTML документ и взаимодействует с ним.

Скрипты могут находиться в любом месте HTML-документа. Однако теги HTML нельзя помещать внутри JS-программы. JS программа помещается между тегами

<script> ... </script>. Встретив тег <script>, браузер построчно анализирует содержимое документа до тех пор, пока не будет достигнут тег </script>. После этого производится проверка скрипта на наличие ошибок и компилция JS программы в формат, пригодный для выполнения на компьютере пользователя. Главная часть JS программы может быть помещена в контейнер <head>... </head>, поскольку он считывается при загрузке HTML-документа одним из первых. Теоретически скрипт можно помещать в любом месте HTML-документа, хотя лучше это делать перед контейнером <body>... </body>, т. е. в заголовке документа. 

Синтаксис тега: <script language="JavaScript"> [текст программы] </script>. Следует иметь в виду, что слово "JavaScript" записывается с соблюдением регистра символов.
В языке JS имеется несколько вариантов присваивания:

=	Прямое присваивание значения левому операнду
+=	Складывает значения левого и правого операндов и присваивает результат левому операнду
+	Складывает значения левого и правого операндов и присваивает результат левому операнду
++	Увеличивает значение левого операнда (правый может отсутствовать)
-=	Вычитает значения левого и правого операндов и присваивает результат левому операнду
-	Вычитает значения левого и правого операндов и присваивает результат левому операнду
--	Уменьшает значение левого операнда (правый может отсутствовать)
*	Умножает значения левого и правого операндов и присваивает результат левому операнду
*=	Умножает значения левого и правого операндов и присваивает результат левому операнду
/	Делит значения левого на правого операндов и присваивает результат левому операнду
/=	Делит значения левого на правого операндов и присваивает результат левому операнду

Возможны следующие операции сравнения:

==	Равенство (равно)
!=	Не равно
!	Логическое отрицание
>=	Больше или равно
<=	Меньше или равно
>	Больше
<	Меньше (по возможности желательно воздержаться от применения этого типа)

От выражений, имеющих знак "<" следует отказываться по возможности, так, как данный символ может интерпретироваться как открытие тега HTML.

Для обозначения логической операции И в языке JS используют два символа амперсанта ( && ), а для обозначения логической операции ИЛИ - два символа прямой черты ( || ). Эти операции применимы только к булевым значеним.

Программы на языке JS обычно состоят из программных блоков или единичных операторов. Программные блоки - это группы операторов, которые заключаются в фигурные скобки ({ и }). Каждый оператор, если он занимает единственную строку, имеет разграничивающую точку с запятой (;), обозначающую окончание оператора.

Как и во всех языках в JS существует оператор ветвления if. . . else

Синтаксис:

if (condition);

{
  программный блок1
}

[ else { программный блок2 }]

А также возможен его сокращённый вариант - оператор?

Синтаксис:

(expression) ? trueStatements ? falseStatements;
где expression - выражение на языке JS, результат выполнения которого равен либо true, либо false. Вместо trueStatements и falseStatements подставляются один или несколько операторов JS, которые выполняются в зависимости от результата вычисления выражения expression. Операторы trueStatements выполняются, если выражение истинно, а falseStatements - если оно ложно.

В языке JS имеются операторы для выполнения итераций.

Цикл For

Синтаксис:

for ([инициализация начального значения;] [условие;] [шаг])

{

программный блок

}

Пример:

for (var size = 5; size <= 50; size+=5)

document. writeln ('бе");

Цикл while

Синтаксис:

while (условие)

{

программный блок
}

Пример:
while (iloop <= 10)

{

document. writeln(iloop + " ");
iloop ++;

}

Определение функции

Синтаксис:

function functionname (arg, . . .)

{

блок операторов

}

Функция - это блок из одного или нескольких операторов. Блок выполняет определенные действия, а затем, возможно, возвращает значение. В языке JS процедуры - подпрограммы не возвращающие значений, не различаются. Все подпрограммы описываются функциями, а если в функцию или из нее не передаются параметры - то после имени функции ставятся круглые скобки без параметров. Если функция имеет несколько аргументов, они отделяются запятой. Нужно также помнить, что в языке JS внутри одной функции не может существовать другой функции. Фигурные скобки определяют тело функции. Функция не может быть выполнена до тех пор, пока не будет явного обращения к ней.
   Если необходимо, чтобы функция возвращала определенное значение, следует использовать необязательный оператор return, при этом указав в нем выражение, значение которого требуется возвратить.

2.2. Объектная модель языка

При создании HTML-документов и JavaScript-программ необходимо учитывать структуру объектов. Все объекты можно разделить на три группы:

Объекты браузера

Внутренние, или встроенные, объекты языка JavaScript

Объекты, связанные с тегами языка HTML

С объектами связаны методы, которые позволяют управлять этими объектами, а также в некоторых случаях менять их содержимое. Кроме того в языке JavaScript имеется возможность создавать свои методы объектов. При использовании метода объекта, нужно перед именем метода указать имя объекта к которому он принадлежит. Например, правильным обращением к методу document является выражение document. write(), а просто выражение write() приведет к ошибке.

Также все стандартные объекты языка JS имеют свойства. Для обращения к свойству необходимо указать имена объекта и свойства, разделив их точкой. Каждый объект имеет собственный набор свойств. Набор свойств нового объекта можно задать при определении объекта. Однако, некоторые свойства объктов существуют только для чтения.

Объекты браузеров

Объекты верхнего уровня, или объекты браузера, - это объекты, поддерживаемые в среде браузера: window, location, history, document, navigator. Объекты, перечисленные в таблице, создаются автоматически при загрузке документа в браузер.

Имя объекта	Описание
window	Объект верхнего уровня в иерархии объектов языка JavaScript. Фреймосодержащий документ также имеет объект window.
document	Содержит свойства, которые относятся к текущему HTML-документу, например имя каждой формы, цвета, используемые для отображения документа, и др. В языке JS большинству HTML-тегов соответствуют свойства объекта document.
location	Содержит свойства, описывающие местонахождение текущего документа, например адрес URL.
navigator	Содержит информацию о версии браузера. Свойства данного объекта обычно только для чтения. Например свойство: navigator. appname содержит строковое значение имени браузера.
history	Содержит информацию обо всех ресурсах, к которым пользователь обращался во время текущего сеанса работы с браузером.

Рассмотрим более подробно window и document.

Объект window

Объект window обычно соответствует главному окну браузера и является объектом верхнего уровня в языке JavaScript, поскольку документы, собственно, и открываются в окне.

Свойства
Объект window имеет свойства:

defaultStatus - текстовое сообщение, которое по умолчанию выводится в строке состояния (status bar) окна браузера;

frames - массив фреймов во фреймосодержащем документе;

length - количество фреймов во фреймосодержащем документе;

name - заголовок окна;

parent - синоним, используемый для обращения к родительскому окну;

self - синоним, используемый для обращения к текущему окну;

status - текст временного сообщения в строке состояния окна браузера;

top - синоним, используемый для обращения к главному окну браузера;

window - синоним, используемый для обращения к текущему окну.

Методы

Метод alert() применяется для того, чтобы вывести на экран текстовое сообщение. Для открытия окна используется метод open(), а для закрытия - метод close(). С помощью метода confirm() происходит вывод на экран окна сообщения с кнопками Yes и No, и возвращает булевое значение true или false, в зависимости от нажатой кнопки. Посредством метода prompt() на экран выводится диалоговое окно с полем ввода.

Пример:

Мы хотим загрузить, например, страницу http://my. ***** в окно размером в 640х480 пикселов: myWin = open ("http://my. *****","myWin","width=640, height=480");
Закрыть это окно можно из любого другого окна используя myWin. close();

Объект document

Объект document соответствует всему гипертекстовому документ, вернее, той его части, которая заключена в контейнер <body> . . . </body>. Документы отображаются в окнах браузера, поэтому каждый из них связан с определенным окном. Все HTML-объекты являются свойствами объекта document, поэтому они находятся в самом документе.

Свойства

Объект document имеет достаточно много свойств, каждое из которых соответствует определенному HTML-тегу в текущем документе:

alinkColor- соответствует атрибуту alink тега <body>;

anchors - массив, который соответствует всем меткам в документе;

bgColor - соответствует атрибуту bgColor (цвет фона) тега <body>;

cookie - представляет собой фрагмент информации, записанный на локальный диск ("ключик");

fgColor - соответствует атрибуту fgColor (цвет текста) тега <body>;

forms - массив, содержащий все теги <form> в текущем документе;

images - масив изображений, ссылки на которые заданы в текущем документе;

lastModified - дата последнего изменения текущего документа;

linkColor - соответствует атрибуту linkColor (цвет гиперсвязи по умолчанию);

links - масив, содержащий все гипервязи в текущем документе;

location - соответствует адресу URL текущего документа;

referrer - соответсствует адреу URL документа, из которого пользователь перешел к текущему документу;

title - соответствует содержимому контейнера <title> . . . </title>;

vlinkColor- соответствует атрибуту vlinkColor (цвет <FONT COLOR="#800080">посещенной связи) тега <body>.

Методы

Метод clear() предназначен для очистки текущего документа. Лучше использовать для очистки методы open() и close(). Для записи информации в браузер применяют методы write() и writeln(). Покольку эти методы записывают текст в браузер в HTML-формате, вы можете создавать любой HTML-документ динамически, включая готовые приложения на языке JavaScript.

Примеры:

document. open();
document. writeln("<img sr='myimage. gif'>");
document. close();

Внутренние объекты

Внутренние объекты не относятся к браузеру или загруженному в настоящее время HTML-документу. Эти объекты могут создаваться и обрабатываться в любой JavaScript-программе. Они включают в себя простые типы, такие как строки, а также более сложные объекты, в частности даты.

Имя объекта	Описание
Array	Массив. Не поддерживается в браузерах старых версий
Date	Дата и время
Math	Поддержка математических функций
Object	Обобщенный объект. Не поддерживается в старых версиях IE - до 4, NN - до 3.
String	Текстовая строка. Не поддерживается в старых версиях

Объекты, соответствующие тегам HTML

Имя объекта	Краткое описание
anchor (anchors[])	Множество тегов <a name> в текущем документе. Посредством массива anchors программа на языке JavaScript может обращаться к метке текущего гипертекстового документа.
button	Кнопка, создаваемая при помощи тега <input type=button>
checkbox	Контрольный переключатель, создаваемый при помощи тега <input type=checkbox>
elements[]	Все элементы тега <form>
form (forms[])	Множество объектов тега <form> языка HTML
frame (frames[])	Фреймосодержащий документ
hidden	Скрытое текстовое поле, создаваемое при помощи тега <input type=hidden>
images (images[])	Множество изображений (тегов <img>) в текущем документе
link (links[])	Множество гиперсвязей в текущем документе
navigator	Объект, содержащий информацию о браузере, загрузившем документ
password	Поле ввода пароля, создаваемое при помощи тега <input type=password>
radio	Селекторная кнопка (radio button), создаваемая при помощи тега <input type=radio>
reset	Кнопка перегрузки, создаваемая при помощи тега <input type=reset>
select (options[])	Элементы <option> объекта <select>
submit	Кнопка передачи данных, создаваемая при помощи тега <input type=submit>
text	Поле ввода, сооздаваемое при помощи тега <input type=text>
textarea	Поле текста, создаваемое при помощи тега <textarea>

2.3. Переменные языка JavaScript

Переменные языка JavaScript могут хранить значения различных типов:

Строки - последовательность символов;

Числовые значения - целые и действительные числа;

Булевы значения - только два значения true или false;

Массивы - множества однотипных переменных;

Даты - значения даты и времени.

В языке JavaScript создать переменную гораздо проще, чем в других языках программирования. Например, при создании переменной нет необходимости указывать ее тип. Переменные определяют как с начальными значениями, так и без них. В процессе выполнения программы уже созданные переменные можно даже приводить к различным типам данных. Имена переменных могут начинаться с любой буквы (от a до z, или A-Z ) либо с символа подчеркивания (_), оставшаяся часть может содержать цифры, символы подчеркивания и буквы. Помните то, что в именах переменных различаются символы верхнего и нижнего регистра: например MyVariable - это не то же что myvariable.
  Переменную можно создать одним из способов:

при помощи оператора var и операции присваивания (=);

при помощи операции присваивания (=).

Например: var MyVariable = 35.

Переменная может быть задана и без начальных значений, например:
var MyVariable;

создана переменная с именем MyVariable, не имеющая определенного типа данных и начального значения. Переменные, создаваемые при помощи таких описаний, известны как неопределенные (null variable).

Тип переменной может быть установлен в любом месте JS-программы в отличие от других языков программирования, что дает дополнительную гибкость, но и возможность запутаться. К переменной, которая не создана, обратиться невозможно. Если нужно создать временную переменную, например счетчик цикла, нужно записать перед ней префикс var:
for (var i=0; i<= document. links. length; i++)

{

}

3. CGI

Вы когда-нибудь просматривали заголовки новостей в WWW? Вы когда-нибудь пользовались услугами Web-магазинов? Приходилось ли вам заполнять форму на Web-узле? Если хотя бы на один из этих вопросов вы ответили утвердительно, значит, вы не просто рассматривает Web-страницы, а имеете дело с Web-приложениями.

Разработчикам программного обеспечения понадобилось не очень много времени, чтобы понять, что в WWW можно не только демонстрировать статические картинки. Действительно в наше время можно говорить, что Web-приложения постепенно вытесняют простой HTML - текст. Если вам нужно принять и обработать информацию от посетителя вашей Web-страницы, или получить доступ к некоторой базе данных, или воспользоваться некоторой внешней по отношению к Web-серверу программой - во всех этих случаях вам придётся иметь дело с Web-приложением. На сегодняшний день одной из платформ для создания интерактивных Web-приложений является технология Common Gateway Interface (CGI).

CGI-программа - это обычная программа которая разработанна специально для интернета. CGI-программа выполняется не Web-сервере в ответ на запрос, сделанный браузером. Сервер в этом случае является как бы посредником между браузером и CGI-программой - он передаёт программе запрос браузера и возвращает браузеру информацию, выданную программой. Например, программа может получить от браузера название некоторого товара, посмотреть в таблице цену этого товара и вернуть полученную цену пользователю (браузеру). Или программа может принять от пользователя некоторый текст комментария и переслать его в виде почтового сообщения создателю Web-узла. Для написания такой программы можно использовать почти любой язык программирования - CGI определяет только стандарт интерфейса между Web-сервером и программой, которую вы пишите. Программа может возвращать данные любого типа, например HTML-текст, рисунки в формате GIF, простой текст, документы Microsoft Word, аудиофайлы и т. д. Заголовок типа возвращаемых данных сообщает броузеру о типе данных, для того чтобы обеспечивать их правильную обработку.