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

Создайте динамическую страницу (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. Серверное поведение Insert Record устанавливает эти атрибуты за вас.

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

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

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

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

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

Во всплывающем меню «Отправить значения из» выберите форму.

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

Введите имя пользователя и пароль.

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

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

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

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

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

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

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

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

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

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

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

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

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

Dreamweaver автоматически выбирает первую форму на вашей странице.

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

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

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

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

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

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

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

Во всплывающем меню «Отправить значения из» выберите форму.

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

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

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

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

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

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

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

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

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

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

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

Для ColdFusion введите имя пользователя и пароль.

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

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

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

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

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

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

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

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

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

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

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