 |
Размещение операторов языка на странице
|
|
|
|
Гомельский государственный аграрно-экономический колледж
Занятие № 5 «Серверные и клиентские сценарии»
По дисциплине «Программные средства создания Интернет-приложений»
Классификация сценариев: на стороне клиента и на стороне сервера. Языки разработки сценариев. Добавление сценария JavaScript на HTML -страницу. Синтаксис JavaScript. Иерархия классов JavaScript.
На современном этапе развития Web-страницы становятся все более и более интерактивными. Web-сайты постепенно становятся похожими на интерфейс приложений. Все это достигается с помощью современных технологий Web-программирования. Технологии Web-программирования можно разделить на две основные группы: программирование на стороне клиента (client-side) и на стороне сервера (server-side). Для понимания этих технологий необходимо знать сущность технологии «клиент-сервер».
Технология «клиент-сервер» (англ. Client-server) — вычислительная или сетевая архитектура, в которой задания или сетевая нагрузка распределены между поставщиками услуг (сервисов), называемыми серверами, и заказчиками услуг, называемыми клиентами. Нередко клиенты и серверы взаимодействуют через компьютерную сеть и могут быть как различными физическими устройствами, так и программным обеспечением.
Технология «клиент-сервер» описывает взаимодействие между двумя компьютерами, согласно которому клиент запрашивает у сервера некоторые услуги, а сервер обслуживает запрос. Технология клиент-сервер удобна для описания взаимодействия программ, находящихся в различных узлах сети. В Internet компьютеры, используемые для обращения к глобальной сети, выполняют функции клиентов, а компьютеры, на которых хранится информация, действуют как серверы. Аппаратные и программные средства, включая DNS, брандмауэры, маршрутизаторы и шлюзы признаны обеспечить, чтобы запрос клиента и информация, возвращаемая сервером, попали по месту назначения.
|
|
|
Web-браузер – это клиентская программа, которая формирует запросы на получение услуг от некоторого сервера, находящегося в Internet; в качестве примера можно привести запрос на передачу Web-страницы. Технология «клиент-сервер» широко используется, например, в банковской системе. Для того чтобы проверить счет пользователя в банке, его компьютер направляет запрос серверной программе, выполняющейся на банковской машине. Требуемая информация возвращается клиентской программе, которая отображает данные, предназначенные для пользователя.
Понимая работу программ, соответствующих архитектуре «клиент-сервер», можно более успешно разрешать проблемы, связанные с передачей и отображением Web-страниц.
Программный код, обеспечивающий интерактивность Web-страниц, называется сценарием. Данный термин был выбран исходя из специфики таких программ. Основное их предназначение, это описание «реакции» Web-страницы на действия пользователя. Таким образом, разделяют сценарии, выполняющиеся на стороне клиента и выполняющиеся на стороне сервера. Сценарии на стороне клиента выполняются под управлением браузера. Сценарии на стороне сервера выполняются под управлением Web-сервера.
Преимущества
– Делает возможным, в большинстве случаев, распределение функций вычислительной системы между несколькими независимыми компьютерами в сети. Это позволяет упростить обслуживание вычислительной системы. В частности, замена, ремонт, модернизация или перемещение сервера не затрагивают клиентов;
– Все данные хранятся на сервере, который, как правило, защищён гораздо лучше большинства клиентов;
|
|
|
– На сервере проще обеспечить контроль полномочий, чтобы разрешать доступ к данным только клиентам с соответствующими правами доступа;
– Позволяет объединить различные клиенты. Использовать ресурсы одного сервера часто могут клиенты с разными аппаратными платформами, операционными системами и т. п.
Недостатки
– Неработоспособность сервера может сделать неработоспособной всю вычислительную сеть;
– Поддержка работы данной системы требует отдельного специалиста — системного администратора;
– Высокая стоимость оборудования.
Многоуровневая архитектура клиент-сервер
Многоуровневая архитектура «клиент-сервер» — разновидность архитектуры «клиент-сервер», в которой функция обработки данных вынесена на один или несколько отдельных серверов. Это позволяет разделить функции хранения, обработки и представления данных для более эффективного использования возможностей серверов и клиентов.
Сеть с выделенным сервером
Сеть с выделенным сервером (англ. Client/Server network) — это локальная вычислительная сеть (LAN), в которой сетевые устройства централизованы и управляются одним или несколькими серверами. Индивидуальные рабочие станции или клиенты (такие, как ПК) должны обращаться к ресурсам сети через сервер(ы).
JavaScript
Это объектно-ориентированный скриптовый язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.
Размещение операторов языка на странице
Встроить сценарий JavaScript в HTML-страницу можно несколькими способами:
1. Задать операторы языка внутри тега <SCRIPT> языка HTML
2. Использовать выражения JavaScript в качестве значений параметров тегов HTML
3. Указать файл с кодом JavaScript в параметре SRC тега <SCRIPT>
|
|
|
1. Расположение в теге <SCRIPT>
Каждая вставка сценария JavaScript в HTML-документ начинается командой <SCRIPT> с необязательным атрибутом (параметром) LANGUAGE и заканчивается командой </SCRIPT>. В связи с появлением еще одного скриптового языка VBScript рекомендуется использовать атрибут LANGUAGE, соответственно равным "JavaScript". Кроме того, необходимо обратить внимание на использование тегов комментария <!-- и -->; если страница, содержащая сценарий, будет загружена в браузер, не поддерживающий языки сценариев, строки программы, засоряя экран, будут выведены как обычный текст. Если же использовать тег комментария, то такой браузер пропустит текст программы, воспринимая его как комментарий. Двойная косая черта перед закрывающим текст JavaScript-программы тегом комментария гарантирует, что тег не будет воспринят браузером как оператор JavaScript:
<SCRIPT LANGUAGE="JavaScript">
<!--
операторы JavaScript
// -->
</SCRIPT>
Расположение внутри тега.
Спецификация HTML описывает набор атрибутов, используемых для задания обработчиков событий. Пример использования:
<a href="delete.php" onclick="return confirm('Вы уверены?');">Удалить</a>
В приведённом примере при нажатии на ссылку функция confirm('Вы уверены?'); вызывает модальное окно с надписью «Вы уверены?», а return false; блокирует переход по ссылке. Разумеется, этот код будет работать только если в браузере есть и включена поддержка JavaScript, иначе переход по ссылке произойдёт без предупреждения.
Использование кода JavaScript в контексте разметки страницы в рамках ненавязчивого JavaScript расценивается как плохая практика. Аналогом (при условии снабжения ссылки идентификатором alertLink - <a href="delete.php" id="alertLink">Удалить</a>) приведённого примера может выступать, например, следующий фрагмент JavaScript:
window.onload = function() {
var linkWithAlert = document.getElementById("alertLink");
linkWithAlert.onclick = function() {
return confirm('Вы уверены?');
};};
|
|
|
