Общие сведения о веб-приложениях

Пользовательский интерфейс в Dreamweaver и более поздних версиях стал проще. В результате этого некоторые функции, описанные в этой статье, могут отсутствовать в Dreamweaver и более поздних версиях. Дополнительные сведения см. в этой статье.

О веб-приложениях

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

Веб-приложения создаются для решения различных задач и проблем. В этом разделе описываются распространенные варианты использования веб-приложений и приводится простой пример.

Типичное применение веб-приложений

Веб-приложения имеют множество применений как для посетителей сайта, так и для разработчиков, включая следующие:

• Позволяют посетителям быстро и легко находить информацию на веб-сайте с богатым контентом.

  Такой тип веб-приложений дает посетителям возможность искать, организовывать и перемещаться по контенту по своему усмотрению. Примеры включают корпоративные интрасети, Microsoft MSDN (www.msdn.microsoft.com) и Amazon.com (www.amazon.com).

• Веб-приложения позволяют собирать, сохранять и анализировать данные, полученные от посетителей сайта.

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

• Веб-приложение может использоваться для обновления веб-сайтов с периодически меняющимся содержимым.

  Веб-приложение освобождает веб-дизайнера от постоянного обновления HTML сайта. Поставщики контента, такие как редакторы новостей, предоставляют веб-приложению контент, и веб-приложение автоматически обновляет сайт. Примеры включают Economist (www.economist.com) и CNN (www.cnn.com).

Пример веб-приложения

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

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

Джанет предлагает веб-приложение на основе интрасети, которое выполняет следующие задачи:

• Позволяет сотрудникам вводить свой пробег на веб-странице с помощью простой HTML-формы

• Полученные данные будут сохраняться в базе данных.

• Начисление баллов будет выполняться на основе полученных данных.

• Каждый сотрудник может получить данные о своих результатах.

• Предоставляет Крису доступ к общему количеству баллов одним щелчком мыши в конце каждого месяца

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

Принципы работы веб-приложений

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

Например, вы можете создать страницу для отображения результатов фитнеса, оставив определенную информацию (например, имя сотрудника и результаты) для определения в момент запроса страницы конкретным сотрудником.

В следующих разделах подробно описывается принцип работы веб-приложений.

Обработка статических веб-страниц

Статический веб-сайт включает набор взаимосвязанных HTML-страниц и файлов, размещенных на компьютере с веб-сервером.

Веб-сервер — это программное обеспечение, которое предоставляет веб-страницы в ответ на запросы веб-браузеров.Запрос страницы создается, когда посетитель щелкает по ссылке на веб-странице, выбирает закладку в браузере или вводит URL в адресную строку браузера.

Окончательное содержимое статической веб-страницы определяется дизайнером страницы и не изменяется при запросе страницы.Вот пример:

<html>

    <head> 

<title>Информационная страница Trio Motors</title>

    </head> 

    <body> 

<h1>О компании Trio Motors</h1>

<p>Trio Motors — ведущий производитель автомобилей.</p>

    </body> 

</html>

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

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

Когда веб-сервер получает запрос на статическую страницу, сервер читает запрос, находит страницу и отправляет ее в запрашивающий браузер, как показано в следующем примере:

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

Обработка динамических страниц

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

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

Доступ к базе данных

Сервер приложений позволяет работать с серверными ресурсами, такими как базы данных. Например, динамическая страница может указать серверу приложений извлечь данные из базы данных и вставить их в HTML страницы. Подробнее см. здесь: www.adobe.com/go/learn_dw_dbguide_ru.

Использование базы данных для хранения контента позволяет отделить дизайн веб-сайта от контента, который вы хотите отображать пользователям сайта. Вместо создания отдельных HTML-файлов для каждой страницы, вам нужно написать только одну страницу — или шаблон — для различных типов информации, которую вы хотите представить. Затем вы можете загрузить контент в базу данных и заставить веб-сайт извлекать этот контент в ответ на запрос пользователя. Вы также можете обновить информацию в одном источнике и затем распространить это изменение по всему веб-сайту без необходимости вручную редактировать каждую страницу. Вы можете использовать Adobe Dreamweaver для создания веб-форм для вставки, обновления или удаления данных из базы данных.

Инструкция по извлечению данных из базы данных называется запросом к базе данных. Запрос состоит из критериев поиска, выраженных на языке баз данных под названием SQL (Structured Query Language). SQL-запрос вписывается в серверные скрипты или теги страницы.

Сервер приложений не может напрямую связаться с базой данных, поскольку проприетарный формат базы данных делает данные неразборчивыми примерно так же, как документ Microsoft Word, открытый в Notepad или BBEdit, может быть неразборчивым. Сервер приложений может связываться с базой данных только через посредника — драйвер базы данных: программное обеспечение, которое действует как переводчик между сервером приложений и базой данных.

После того как драйвер установит связь, запрос выполняется в отношении базы данных и создается набор записей. Набор записей — это набор данных, извлеченных из одной или нескольких таблиц в базе данных. Набор записей возвращается серверу приложений, который использует данные для завершения страницы.

Ниже приводится пример простого запроса к базе данных на языке SQL.

SELECT lastname, firstname, fitpoints

FROM employees

Этот оператор создает набор записей из трех столбцов и заполняет его строками, содержащими фамилию, имя и баллы физической подготовки всех сотрудников в базе данных. Подробнее см. здесь: www.adobe.com/go/learn_dw_sqlprimer_ru.

Следующий пример показывает процесс выполнения запроса к базе данных и возврата данных в браузер:

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

Если вы планируете создавать небольшие недорогие приложения, можете использовать файловую базу данных, такую как созданная в Microsoft Access. Если вы планируете создавать надежные критически важные для бизнеса приложения, можете использовать серверную базу данных, такую как созданная в Microsoft SQL Server, Oracle 9i или MySQL.

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

Разработка динамических страниц

Процесс разработки динамических страниц состоит из написания базового HTML-кода и последующего создания серверных сценариев или тегов HTML-страницы, с помощью которых страница становится динамической. Если взглянуть на окончательный код, видно, что язык сценариев встроен в HTML-код страницы. Соответственно, такие языки сценариев называют языками, встроенными в HTML. В следующем примере используется язык разметки ColdFusion Markup Language (CFML).

Примечание. Поддержка CFML удалена из Dreamweaver и более поздних версий.

<html>

    <head> 

<title>Информационная страница Trio Motors</title>

    </head> 

    <body> 

<h1>О компании Trio Motors</h1>

<p>Trio Motors — ведущий производитель автомобилей.</p>

<!--- встроенные инструкции начинаются здесь --->

<cfset department="Sales">

<cfoutput>

<p>Обязательно посетите нашу страницу #department#.</p>

</cfoutput>

<!--- встроенные инструкции заканчиваются здесь --->

    </body> 

</html>

Встроенные инструкции на этой странице выполняют следующие действия:

Сервер приложений возвращает следующую страницу веб-серверу:

<html>

    <head> 

<title>Информационная страница Trio Motors</title>

    </head> 

    <body> 

<h1>О компании Trio Motors</h1>

<p>Trio Motors — ведущий производитель автомобилей.</p>

<p>Обязательно посетите нашу страницу Sales.</p>

    </body> 

</html>

Веб-сервер отправляет страницу в запрашивающий браузер, который отображает ее следующим образом:

О компании Trio Motors

Trio Motors — ведущий производитель автомобилей.

Обязательно посетите нашу страницу Sales.

Выбирайте язык разработки сценариев или язык на основе тегов в зависимости от серверной технологии, доступной на вашем сервере. Ниже представлены наиболее популярные языки для серверных технологий, поддерживаемых Dreamweaver:

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

Терминология веб-приложений

В этом разделе определяются часто используемые термины, относящиеся к веб-приложениям.

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

К распространенным серверам приложений относятся ColdFusion и PHP.

Коллекция данных, хранящихся в таблицах. Каждая строка таблицы представляет одну запись, а каждый столбец представляет поле в записи, как показано в следующем примере:

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

(СУБД или система баз данных) Программное обеспечение, используемое для создания баз данных и управления ими. К распространенным системам баз данных относятся Microsoft Access, Oracle 9i и MySQL.

Операция по извлечению набора записей из базы данных. Запрос состоит из критериев поиска, выраженных на языке баз данных SQL. Например, запрос может указать, что только определенные столбцы или только определенные записи должны быть включены в набор записей.

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

Набор данных, извлеченных из одной или нескольких таблиц в базе данных, как в следующем примере:

База данных, содержащая более одной таблицы, где таблицы используют общие данные. Следующая база данных является реляционной, поскольку две таблицы используют общий столбец DepartmentID.

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

Среда разработки Dreamweaver поддерживает следующие серверные технологии:

• Adobe® ColdFusion®

• Microsoft Active Server Pages (ASP)

• PHP: предпроцессор гипертекста (PHP)

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

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

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

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

Популярными веб-серверами являются Microsoft Internet Information Server (IIS) и Apache HTTP Server.

Связанные материалы

• Beginner's guide to databases
• Выбор сервера приложений