Руководство пользователя Отмена

Использование форм для сбора информации от пользователей

 

 

Примечание.

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

О сборе данных от пользователей

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

HTML-формы

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

Гипертекстовые ссылки

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

Параметры HTML-форм

Параметры формы отправляются на сервер с помощью HTML с использованием метода POST или GET.

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

Метод GET присоединяет параметры к запрошенному URL-адресу. Параметры становятся видны всем, кто просматривает страницу. Метод GET предназначен для поисковых форм.

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

Параметрам форм присваиваются имена соответствующих объектов форм. Например, если форма содержит текстовое поле с именем txtLastName, то при нажатии кнопки «Отправить» на сервер отправляется следующий параметр формы.

txtLastName=enteredvalue
txtLastName=enteredvalue
txtLastName=enteredvalue

В тех случаях, когда веб-приложение ожидает какое-либо определенное значение параметра (например, при выполнении действия на основе выбранного значения из нескольких вариантов), то доступные для пользователя значения рекомендуется задавать с помощью переключателя, флажка или объекта формы «список/меню». Это предотвратит неправильный ввод информации пользователем, приводящий к ошибке приложения. В следующем примере показана всплывающая форма меню, в которой предложено на выбор три варианта.

Форма всплывающего меню

Каждый вариант выбора соответствует жестко запрограммированному значению, которое отправляется на сервер как параметр формы. В диалоговом окне «Значения списка» следующего примера с каждым элементом списка сопоставляется значение команды («Добавить», «Обновить» или «Удалить»).

Диалоговое окно «Значения списка»

После создания параметра формы Dreamweaver сможет получить значение и использовать его в веб-приложении. После определения параметра формы в Dreamweaver можно вставить его значение на странице.

Параметры URL-адреса

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

URL-параметр представляет собой пару имя-значение, добавляемую в конец URL-адреса. Параметр начинается с вопросительного знака (?) и принимает форму name=value. При наличии нескольких параметров URL-адреса каждый параметр отделяется амперсандом (&). В следующем примере показан параметр URL-адреса с двумя парами «имя-значение».

http://server/path/document?name1=value1&name2=value2
http://server/path/document?name1=value1&name2=value2
http://server/path/document?name1=value1&name2=value2

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

  1. Браузер запрашивает с сервера страницу report.cfm. Запрос включает параметр URL-адреса Currency="euro". Переменная Currency="euro" указывает, что все получаемые денежные значения будут отображаться в валюте Евросоюза евро.

  2. Сервер временно хранит параметр URL-адреса в оперативной памяти.

  3. Страница report.cfm использует этот параметр для получения цены товаров в евро. Эти денежные значения могут либо храниться в таблице базы данных в разных валютах, либо конвертироваться из одной валюты, связанной с каждым товаром (любой валюты, поддерживаемой приложением).

  4. Сервер отправляет страницу report.cfm браузеру и отображает товары в требуемой валюте. Когда данный пользователь завершает сессию, сервер очищает значение этого параметра URL-адреса, освобождая память сервера для хранения запросов новых пользователей.

    Параметры URL формируются также при использовании HTTP-метода GET в сочетании с HTML-формой. Метод GET указывает, что значение параметра будет присоединено к URL-адресу запроса при отправке формы.

    Типичным применением параметров URL-адреса является личная настройка веб-сайтов на основе пользовательских установок. Например, параметр URL-адреса, состоящий из имени и пароля пользователя, может использоваться для аутентификации, при этом ему будет предоставлена только та информация, на которую он подписан. В качестве распространенного примера можно привести финансовые веб-сайты, отображающие отдельные биржевые цены на основе выбранных ранее пользователем символов фондовой биржи. Разработчики веб-приложений обычно используют параметры URL-адреса для передачи значений переменных внутри приложения. Например, сформировать результаты поиска можно путем передачи условий поиска в переменные SQL веб-приложения.

Параметры URL-адреса в HTML-ссылке создаются с помощью атрибута href HTML-тега привязки. Можно либо напрямую ввести параметры URL в атрибут в представлении «Код» («Просмотр» > «Код»), либо присоединить параметры URL в конец URL-адреса ссылки в поле «Ссылка» на панели «Инспектор свойств».

В следующем примере три ссылки создают один параметр URL-адреса (action) с тремя возможными значениями (Add, Update и Delete). При переходе по ссылке значение параметра отправляется на сервер, где и выполняется требуемое действие.

<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a>
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a>
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> <a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> <a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>

«Инспектор свойств» («Окно» > «Свойства») позволяет создавать такие же параметры URL путем выбора ссылки и присоединения значений URL-параметра в конец URL-адреса ссылки в поле «Ссылка».

Инспектор свойств

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

Получайте помощь быстрее и проще

Новый пользователь?