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

Последнее обновление 25 апр. 2024 г.
Примечание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заполните страницу обновления блок за блоком

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

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

    Вы можете добавить два последних основных элемента страницы обновления отдельно, используя инструменты форм и панель Server Behaviors.

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

Создайте страницу (File > New > Blank Page). Это будет страница обновления.
Разметьте страницу, используя инструменты дизайна Dreamweaver.
Добавьте HTML-форму, поместив курсор в то место, где должна появиться форма, и выбрав Insert > Form > Form.

На странице создается пустая форма. Возможно, потребуется включить Invisible Elements (View > Visual Aids > Invisible Elements), чтобы увидеть границы формы, которые обозначены тонкими красными линиями.

Назовите HTML-форму, нажав на тег <form> внизу окна Document, чтобы выбрать форму, открыв Property inspector (Window > Properties) и введя имя в поле Form Name.

Вам не нужно указывать атрибут action или method для формы, чтобы сообщить ей, куда и как отправлять данные записи, когда пользователь нажимает кнопку Submit. Поведение сервера Update Record устанавливает эти атрибуты за вас.

Добавьте объект формы, например текстовое поле (Insert > Form > Text Field), для каждого столбца, который хотите обновить в таблице базы данных.

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

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

Добавьте кнопку Submit в форму (Insert > Form > Button).

Вы можете изменить метку кнопки Submit, выбрав кнопку, открыв Property inspector (Window > Properties) и введя новое значение в поле Label.

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

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

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

В панели Server Behaviors (Окно > Server Behaviors) нажмите кнопку «Плюс» (+) и выберите «Update Record» из всплывающего меню.

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

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

Тип данных — это вид данных, который ожидает столбец в таблице вашей базы данных (текст, числовые, логические значения параметров).

Повторите процедуру для каждого объекта формы в вашей форме.

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

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

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

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

Страница обновления состоит из трех основных блоков:

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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

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

Примечание

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

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

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

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

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

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

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

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

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

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

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