Примечание.

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

О страницах обновления записей

Приложение может содержать набор страниц, позволяющих пользователям обновлять записи в таблице базы данных. Обычно набор страниц включает страницу поиска, страницу результатов и страницу обновления. Страницы поиска и результатов позволяют пользователям извлекать записи, страница обновления — изменять записи.

Поиск записи для обновления

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

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

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

Получение записи для обновления

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

  1. Создайте страницу в Dreamweaver и сохраните ее.

    Эта страница станет страницей обновления.

  2. На панели «Привязки» («Окно» > «Привязки») нажмите кнопку (+) и выберите «Набор записей».

    Если открывается расширенное диалоговое окно, нажмите кнопку «Простой». В расширенном диалоговом окне имеется текстовая область для ввода SQL-оператора, в простом окне такой области нет.

  3. Назовите набор записей и при помощи всплывающего меню «Подключение» и «Таблица» укажите, где расположены данные для обновления.
  4. Щелкните «Выбрано» и выберите столбец ключа (как правило, столбец-идентификатор записи) и столбцы, содержащие данные для обновления.
  5. Настройте параметры в области «Фильтр» так, чтобы значение в столбце ключа совпадало со значением соответствующего параметра URL-адреса, переданного страницей результатов.

    Такой фильтр создает набор записей, содержащий только записи, указанные на странице результатов. Например, если столбец ключа состоит из идентификатора записи и называется PRID и если страница результатов передает в параметре URL-адреса с именем id соответствующий идентификатор записи, область «Фильтр» должна выглядеть примерно так, как показано в следующем примере.

    Filter область
    Область фильтра

  6. Нажмите кнопку «ОК».

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

Создание страницы обновления по блокам

В странице обновления имеется три блока:

  • отфильтрованный набор записей для получения записи из таблицы базы данных;
  • HTML-форма, позволяющая пользователям изменять данные записи;
  • поведение сервера «Обновить запись» для обновления таблицы базы данных.

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

Добавление на страницу обновления HTML-формы

  1. Создайте страницу («Файл» > «Создать» > «Пустая страница»). Это будет страница обновления.
  2. Создайте макет страницы с помощью инструментов дизайна Dreamweaver.
  3. Для добавления HTML-формы установите курсор вставки и выберите меню «Вставка» > «Форма» > «Форма».

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

  4. Назовите HTML-форму. Для этого щелкните тег <form> в нижней части окна документа для выбора формы, откройте инспектор свойств («Окно» > «Свойства») и введите имя в поле «Имя формы».

    Задавать атрибут action или method с данными о том, куда и как отправлять данные записи при нажатии пользователем кнопки «Отправить», для формы не требуется. Эти атрибуты задаются поведением сервера «Обновить запись».

  5. Добавьте объект формы, например текстовое поле («Вставка» > «Форма» > «Текстовое поле»), для каждого столбца в таблице базы данных, который требуется обновить.

    Объекты формы предназначены для ввода данных. Обычно для ввода данных применяются текстовые поля, но можно также использовать меню, параметры и переключатели.

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

  6. Добавьте к форме кнопку «Отправить» («Вставка» > «Форма» > «Кнопка»).

    Для изменения надписи кнопки «Отправить» выделите кнопку, откройте инспектор свойств («Окно» > «Свойства») и введите новое значение в поле «Метка».

Отображение записи в форме

Добавление поведения сервера для обновления таблицы базы данных

  1. На панели «Поведение сервера» («Окно» > «Поведение сервера») нажмите кнопку (+) и выберите во всплывающем меню пункт «Обновить запись».

    Открывается диалоговое окно «Обновить запись».

  2. Во всплывающем меню «Отправить значения из» выберите форму.
  3. Во всплывающем меню «Источник данных» или «Подключение» выберите подключение к базе данных.
  4. Введите, если требуется, имя пользователя и пароль.
  5. Во всплывающем меню «Обновить таблицу» выберите таблицу базы данных, содержащую запись, которую требуется обновить.
  6. (ColdFusion, PHP) Задайте столбец базы данных для обновления, выберите во всплывающем меню «Значение» объект формы, обновляющий столбец, во всплывающем меню «Отправить как» выберите тип данных для объекта формы и выберите параметр «Первичный ключ» для идентификации этого столбца в качестве первичного ключа.

    Тип данных соответствует данным столбца в таблице базы данных (текстовые, числовые, логические значения).

    Повторите данную процедуру для всех объектов в форме.

  7. (ASP) Во всплывающем меню «Выбрать запись из» задайте набор записей, содержащий запись, отображаемую в HTML-форме. Во всплывающем меню «Столбец уникального ключа» выберите столбец ключа (как правило, столбец идентификатора записи) для определения записи в таблице базы данных. Выберите параметр «Число», если значение представляет собой число. В столбце ключа, как правило, допускаются только числовые значения, хотя иногда допускаются и текстовые значения.
  8. В поле «После обновления перейти к» или «В случае успешного завершения перейти к» укажите страницу, которая открывается после обновления записи в таблице, или нажмите кнопку «Обзор» и выберите нужный файл.
  9. (ASP) Задайте столбец базы данных для обновления, во всплывающем меню «Значение» выберите объект формы, обновляющий запись, затем во всплывающем меню «Отправить как» выберите тип данных для объекта формы. Тип данных соответствует данным столбца в таблице базы данных (текстовые, числовые, логические значения). Повторите данную процедуру для всех объектов в форме.
  10. Нажмите кнопку «ОК».

    Dreamweaver добавляет к странице поведение сервера, позволяющее пользователям обновлять записи в таблице базы данных после изменения информации в HTML-форме и нажатия кнопки «Отправить».

    Для изменения поведения сервера откройте панель «Поведение сервера» («Окно» > «Поведение сервера») и дважды щелкните поведение «Обновить запись».

Заполнение страницы обновления за одно действие

В странице обновления имеется три блока:

  • отфильтрованный набор записей для получения записи из таблицы базы данных;

  • HTML-форма, позволяющая пользователям изменять данные записи;

  • поведение сервера «Обновить запись» для обновления таблицы базы данных.

Последние два основных блока страницы обновления можно добавить за одну операцию при помощи объекта данных «Форма обновления записи». Объект данных добавляет на страницу HTML-форму и поведение сервера «Обновить запись».

Перед использованием объекта данных веб-приложение должно определить запись для обновления, а страница обновления должна получить эту запись.

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

Примечание.

Одновременно страница обновления может содержать только одно поведение сервера для редактирования записей. Например, к странице обновления невозможно добавить поведение сервера «Вставить запись» или «Удалить запись».

  1. Откройте страницу в представлении «Дизайн» и выберите меню «Вставка» > «Объекты данных» > «Обновить запись» > «Мастер форм обновления записей».

    Открывается диалоговое окно «Форма обновления записи».

  2. Во всплывающем меню «Подключение» выберите подключение к базе данных.

    Для определения подключения нажмите кнопку «Определить».

  3. Во всплывающем меню «Таблица для обновления» выберите таблицу базы данных, содержащей запись для обновления.
  4. Во всплывающем меню «Выбрать запись из» задайте набор записи, содержащий запись, отображаемую в HTML-форме.
  5. Во всплывающем меню «Столбец уникального ключа» выберите столбец ключа (как правило, столбец идентификатора записи) для определения записи в таблице базы данных.

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

  6. В поле «После обновления перейти к» укажите страницу, которая должна открыться после обновления записи в таблице.
  7. В поле «Поля формы» укажите столбцы в таблице базы данных, обновляемые каждым объектом формы.

    По умолчанию Dreamweaver создает объект формы для каждого столбца в таблице базы данных. Если база данных автоматически создает для каждой новой записи идентификаторы уникального ключа, удалите объект формы, соответствующий ключевому столбцу. Для этого выберите объект и нажмите кнопку (–). При этом исключается риск ввода пользователем уже существующего идентификатора.

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

  8. Задайте порядок отображения в HTML-форме всех полей ввода данных. Для этого щелкните строку в таблице «Поля формы» и введите в поля ниже таблицы следующие данные.
    • В поле «Метка» введите понятную надпись, которая будет отображаться рядом с полем ввода данных. По умолчанию Dreamweaver отображает в метке имя столбца таблицы.

    • Во всплывающем меню «Выводить как» выберите объект формы, служащий в качестве поля ввода данных. Можно выбрать «Текстовое поле», «Текстовая область», «Меню», «Флажок», «Группа параметров» и «Текст». Для элементов только для чтения выберите «Текст». Можно также выбрать «Поле пароля», «Поле файла» и «Скрытое поле».

    Примечание.

    Скрытые поля добавляются в конец формы.

    • Во всплывающем меню «Отправить как» выберите формат данных, соответствующий таблице базы данных. Например, если столбец таблицы предназначен для числовых данных, выберите «Число».
    • Задайте свойства объекта формы. Параметры различаются в зависимости от объекта формы, выбранного в качестве поля ввода данных. Для текстовых полей, областей и текста можно задать начальное значение. Для меню и групп переключателей открывается диалоговое окно задания свойств. Для параметров выберите пункт «Установлен» или «Снят».  
  9. Задайте свойства других объектов формы. Для этого выберите другую строку «Поля формы» и введите метку, укажите значения для параметров «Показать как» и «Отправить как».

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

  10. Нажмите кнопку «ОК».

    Dreamweaver добавляет к странице HTML-форму и поведение сервера «Обновить запись».

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

    Для изменения поведения сервера откройте панель «Поведение сервера» («Окно» > «Поведение сервера») и дважды щелкните поведение «Обновить запись».

Параметры «Свойства элемента формы»

Диалоговое окно «Свойства элемента формы» предназначено для задания параметров элементов формы на страницах, позволяющих пользователям обновлять записи в базе данных.

  1. Выберите «Вручную» или «Из базы данных» в зависимости от того, как планируется создавать элемент формы.
  2. Для добавления элемента нажмите кнопку (+).
  3. Введите метку и значение элемента.
  4. Если при открытии страницы в браузере или при отображении записи в форме требуется выделить определенный элемент, в поле «Выбрать значение, равное» введите значение, равное значению элемента.

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет