WikiDer > Динамическая веб-страница

Dynamic web page
Динамическая веб-страница: пример сценария на стороне сервера (PHP и MySQL).

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

А клиентская динамическая веб-страница обрабатывает веб-страницу с помощью HTML-скрипты запускается в браузере при загрузке. JavaScript и другие языки сценариев определить способ HTML на полученной странице разбирается в Объектная модель документа, или модель DOM, представляющая загруженную веб-страницу. Те же методы на стороне клиента могут затем таким же образом динамически обновлять или изменять DOM. Несмотря на то, что веб-страница может быть динамической на стороне клиента, ее все же можно разместить на статической хостинг Такие как Страницы GitHub или же Amazon S3 до тех пор, пока не включен серверный код.

Затем динамическая веб-страница перезагружается пользователем или компьютерная программа для изменения некоторого переменного содержания. Информация об обновлении может поступать с сервера или в результате изменений, внесенных в DOM этой страницы. Это может или не может усекать история просмотров или создайте сохраненную версию, чтобы вернуться к ней, но динамическое обновление веб-страницы с помощью AJAX технологии не создают страницу, на которую можно вернуться, и не усекают историю просмотра веб-страниц перед отображаемой страницей. Используя AJAX, конец Пользователь получает одну динамическую страницу, управляемую как отдельную страницу в веб-браузер в то время как фактический веб-контент отображаемые на этой странице могут отличаться. Механизм AJAX находится только в браузере, запрашивающем части его DOM, то DOM для своего клиента с сервера приложений.

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

Базовые концепты

Классический гипертекст навигация, с HTML или же XHTML сам по себе предоставляет «статический» контент, что означает, что пользователь запрашивает веб-страницу и просто просматривает страницу и информацию на этой странице.

Однако веб-страница может также обеспечивать «живое», «динамическое» или «интерактивное» взаимодействие с пользователем. Контент (текст, изображения, поля формы и т. Д.) На страница в Интернете могут меняться в зависимости от различных контекстов или условий.

Есть два способа создать такой эффект:

  • Использование клиентских сценариев для изменения поведения интерфейса в особый страница в Интернете, в ответ на действия мыши или клавиатуры или при определенных временных событиях. В этом случае динамическое поведение происходит внутри презентация.
  • С помощью серверные сценарии для изменения предоставленного источника страницы между страниц, изменяя последовательность или перезагружая веб-страница или же веб-контент поставляется в браузер. Ответы сервера могут определяться такими условиями, как данные в опубликованном HTML-форма, параметры в URL, тип используемого браузера, время, база данных или сервер государственный.[1]

Веб-страницы, использующие сценарии на стороне клиента, должны использовать технологию представления, широко называемую страницы с богатым интерфейсом. Сторона клиента языки сценариев подобно JavaScript или же ActionScript, используется для Динамический HTML (DHTML) и Вспышка технологии, соответственно, часто используются для оркестровки типов мультимедиа (звук, анимация, изменение текста и т. д.) презентации. Скрипт также позволяет использовать удаленный скриптинг, метод, с помощью которого страница DHTML запрашивает дополнительную информацию с сервера, используя скрытая рамка, XMLHttpRequests, или веб-сервис.

Веб-страницы, использующие сценарии на стороне сервера, часто создаются с помощью на стороне сервера языки, такие как PHP, Perl, ASP, ASP.NET, JSP, Холодный синтез и другие языки. Эти серверные языки обычно используют Общий интерфейс шлюза (CGI) производить динамические веб-страницы. Эти типы страниц также могут использовать на стороне клиента первый тип (DHTML и т. Д.).

История

Трудно быть точным в отношении «динамического начала веб-страницы» или хронологии, потому что точная концепция имеет смысл только после «повсеместного развития веб-страниц». HTTP используется с 1990 г., HTMLв стандартной комплектации с 1996 года. Популярность веб-браузера началась с Мозаика в 1993 году. Очевидно, однако, что концепция динамически управляемых веб-сайтов предшествовала Интернету и, по сути, HTML. Например, в 1990 году, до того, как Интернет стал использоваться широкой публикой, динамически управляемая система меню с удаленным доступом была реализована Сьюзан Биддлкомб, которая была директором по компьютерной поддержке системы здравоохранения USC Health Care. Университет Южной Калифорнии BBS на 16 линии TBBS система с дополнительной базой данных TDBS.

Внедрение JavaScript (тогда известного как LiveScript) позволило создавать динамические веб-страницы на стороне клиента с кодом JavaScript, выполняемым в браузере клиента.[2] Буква «J» в термине AJAX изначально указывал на использование JavaScript, а также XML. Например, с ростом серверной обработки JavaScript Node.jsПервоначально разработанный в 2009 году, JavaScript также используется для динамического создания страниц на сервере, которые полностью отправляются клиентам.

Execusite представила первое динамическое веб-решение для профессионального рынка в июне 1997 года. Execusite была приобретена компанией Website Pros (сейчас Web.com) в январе 2000 года. Во время цикла бюста Пузырь доткомов, первые основатели Execusite выкупили компанию у Website Pros (декабрь 2000 г.). Экзекузит позже был приобретен Wolters-Kluwer в декабре 2001 года и был переименован в CCH Site Builder.

Серверные сценарии

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

Программа, работающая на веб сервер (серверные сценарии) используется для создания веб-контента на различных веб-страницах, управления пользовательскими сеансами и управления рабочим процессом. Ответы сервера могут определяться такими условиями, как данные в опубликованном HTML-форма, параметры в URL, тип используемого браузера, время, база данных или сервер государственный.

Такие веб-страницы часто создаются с помощью на стороне сервера языки, такие как ASP, Холодный синтез, Идти, JavaScript, Perl, PHP, Рубин, Python, WebDNA и других языках, автор сервер поддержки которые могут работать на том же оборудовании, что и веб-сервер. Эти серверные языки часто используют Общий интерфейс шлюза (CGI) производить динамические веб-страницы. Два заметных исключения: ASP.NET, и JSP, которые повторно используют концепции CGI в своих API, но фактически отправляют все веб-запросы в общую виртуальную машину.

Серверные языки используются для встраивания тегов или маркеров в исходный файл веб-страницы на веб-сервере.[3] Когда пользователь на клиентском компьютере запрашивает эту веб-страницу, веб-сервер интерпретирует эти теги или маркеры для выполнения действий на сервере. Например, серверу может быть дана инструкция вставить информацию из базы данных или информацию, такую ​​как текущая дата.

Динамические веб-страницы часто кешированный когда ожидается небольшое количество изменений или их отсутствие и ожидается, что страница получит значительный объем веб-трафика, что приведет к замедлению загрузки сервера, если ему придется генерировать страницы на лету для каждого запроса.

Клиентские сценарии

Сценарии на стороне клиента изменяют поведение интерфейса на определенной веб-странице в ответ на действия мыши или клавиатуры или при определенных временных событиях. В этом случае динамическое поведение происходит внутри презентация. Контент на стороне клиента создается в локальной компьютерной системе пользователя.[4]

Такие веб-страницы используют технологию презентации, называемую страницы с богатым интерфейсом. Языки сценариев на стороне клиента, такие как JavaScript или же ActionScript, используется для Динамический HTML (DHTML) и Вспышка соответствующие технологии часто используются для оркестровки типов мультимедиа (звук, анимация, изменение текста и т. д.) презентации. Клиентские сценарии также позволяют использовать удаленный скриптинг, метод, с помощью которого страница DHTML запрашивает дополнительную информацию с сервера, используя скрытая рамка, XMLHttpRequests, или веб-сервис.

Первое широкое использование JavaScript было в 1997 году, когда язык был стандартизирован как ECMAScript и реализовано в Netscape 3.[5]

Пример

Клиентский контент создается на клиентском компьютере. Веб-браузер получает страницу с сервера, а затем обрабатывает код, встроенный в страницу (обычно написанный на JavaScript) и отображает пользователю содержимое полученной страницы.[6]

В innerHTML свойство (или команда записи) может иллюстрировать генерацию динамической страницы на стороне клиента: две отдельные страницы, A и B, могут быть регенерированы (с помощью "динамического ответа на событие") как document.innerHTML = А и document.innerHTML = B; или "при динамической нагрузке" document.write (A) и document.write (B).

Комбинированные технологии

Все клиентские и серверные компоненты, которые вместе создают динамическую веб-страницу, называются веб приложение. Веб-приложения управляют взаимодействием с пользователем, состоянием, безопасностью и производительностью.[7]

Аякс использует сочетание клиентских сценариев и запросов на стороне сервера. Это метод разработки веб-приложений для динамического обмена контентом, и для этого он отправляет запросы на сервер для получения данных. Сервер возвращает запрошенные данные, которые затем обрабатываются клиентским скриптом. Этот метод может сократить время загрузки сервера, поскольку клиент не запрашивает регенерацию всей веб-страницы с помощью языкового синтаксического анализатора сервера; передается только то, что изменится. Карты Гугл это пример веб-приложения, использующего методы Ajax.

А веб-клиент, например веб-браузер, может выступать в качестве собственного сервера, получая доступ к данным с множества различных серверов, таких как Gopher, FTP, NNTP (Usenet) и HTTP, для создания страницы. HTTP поддерживает загрузку документов с клиента обратно на сервер. Есть несколько HTTP методы для этого.

Смотрите также

Рекомендации

  1. ^ Нельсон, Энн; Нельсон, Уильям Х. М. (2002). Создание электронной коммерции с помощью конструкций веб-баз данных. Эддисон Уэсли. ISBN 9780201741308.
  2. ^ Бенсон, Брент В. (1999). "JavaScript". Уведомления ACM SIGPLAN. 34 (4): 25–27. Дои:10.1145/312009.312023..
  3. ^ Татро, Кевин (2013). Программирование PHP: создание динамических веб-страниц (3-е изд.). О'Рейли. ISBN 9781449365837.
  4. ^ Дойл, Барри; Лопес, Кристина Видейра (17 января 2008 г.). «Обзор технологий разработки веб-приложений». arXiv:0801.2618 [cs.SE].
  5. ^ Окин, Дж. Р. (2005). Информационная революция: не для чайников Руководство по истории, технологиям и использованию всемирной паутины. Ironbound Press. ISBN 9780976385745.
  6. ^ «Изучение VBScript», П. Ломакс. ISBN 1-56592-247-6. Эд. О'Рейли, 1997. сек. C13.
  7. ^ веб приложение на Wayback Machine (заархивировано 22 февраля 2014 г.)

внешняя ссылка