Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
Динамическая веб-страница: пример сценариев на стороне сервера ( PHP и MySQL ).

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

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

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

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

Основные понятия [ править ]

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

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

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

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

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

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

История [ править ]

Трудно быть точным относительно «динамического начала веб-страницы» или хронологии, потому что точное понятие имеет смысл только после «повсеместного развития веб-страниц». HTTP используется с 1990 года, HTML в качестве стандарта - с 1996 года. Популярность веб-браузера началась с Mosaic в 1993 году. Очевидно, однако, что концепция динамически управляемых веб-сайтов предшествовала Интернету, а фактически HTML. Например, в 1990 году, до того, как Интернет стал широко использоваться, динамически управляемая система меню с удаленным доступом была реализована Сьюзан Биддлкомб, которая была директором по компьютерной поддержке системы здравоохранения USC в 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 года. Во время цикла краха пузыря Dot-com основатели Execusite выкупили компанию. от Website Pros (декабрь 2000 г.). Позднее Execusite был приобретен Wolters-Kluwer в декабре 2001 года и был переименован в CCH Site Builder.

Серверные сценарии [ править ]

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

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

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

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

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

Клиентские сценарии [ править ]

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

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

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

Пример

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

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

Комбинированные технологии [ править ]

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

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

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

См. Также [ править ]

  • Статическая веб-страница
  • Динамический HTML
  • Динамические каскадные таблицы стилей
  • Адаптивный веб-дизайн
  • Deep web (поисковая индексация)
  • Система веб-шаблонов
  • Стеки решений для обслуживания динамических веб-страниц
    • ЛАМПА (комплект ПО)
    • LYME (программный пакет)
    • LYCE (программный пакет)
  • Система управления контентом
  • Система управления веб-контентом

Ссылки [ править ]

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

Внешние ссылки [ править ]

  • Статический и динамический веб-сайт от W3.org
  • Динамические веб-сайты, использующие метод управления отношениями, от W3.org.
  • Широкий анализ динамических веб-страниц от Техасского университета в Остине.