< Назад | Далее >

Урок 1.5: Программирование кнопки Отправить

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

Для настройки кнопки Отправить выполните следующие действия:

  1. В файле new_record.jsp правой кнопкой щелкните на кнопке Добавить новый список, расположенной в форме на Web-странице, и выберите Свойства.
  2. Нажмите кнопку Добавить правило. Откроется окно Добавить правило навигации.
  3. В выпадающем списке Страница выберите all_records.jsp и нажмите кнопку OK.
  4. Сохраните страницу. Рекомендуется запустить на тестовом сервере файл new_record.jsp, чтобы добавить запись в базу данных и проверить возврат к странице all_records.jsp.
Результат
Избегайте повторяющихся ключей
Важное замечание:

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

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

Связывание ввода с реляционной записью (необязательно)

Об этой задаче

Форма ввода представляет собой набор полей ввода JavaServer Faces, связанных с созданной реляционной записью. Вспомните, что реляционная запись была создана для представления новой записи в таблице ADS базы данных. Связывание - это метод, предусматривающий создание связи между компонентом ввода JavaServer Faces и столбцом реляционной записи.

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

Дополнительная информация о панели Данные страницы

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

На панели Данные страницы соединения с источниками данных представлены в виде объектов данных, таких как реляционные записи или списки реляционных записей. Эти объекты данных не представляют ни сам источник данных, ни какой-либо компонент на странице. Эти объекты данных представляют соединение между проектом и источником данных. После создания соединения объект данных можно перенести с панели Данные страницы на Web-страницу для завершения соединения и отображения информации из источника данных на Web-странице. На следующем рисунке показана панель Данные страницы со списком реляционных записей, созданных в этом учебнике:

Панель Данные страницы.

На этом рисунке показан список реляционных записей all_recordlist (ADS) со всеми столбцами. После того, как объект данных определен и показан на панели Данные страницы, эти столбцы можно перенести на компоненты ввода Web-страницы произвольное число раз без повторного подключения к базе данных.

Например, если на Web-странице требуется показать значение столбца ОПИСАНИЕ, сначала следует перенести на страницу текстовое поле вывода, а затем перенести на это поле столбец ОПИСАНИЕ из панели Данные страницы. Такой процесс называется связыванием столбца с полем вывода.

Или, если вы хотели позволить пользователю ввести новое значение в столбце ОПИСАНИЕ в базе данных, вы можете перенести текстовое поле ввода на страницу. Затем перенесите столбец ОПИСАНИЕ на это текстовое поле ввода.

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

  1. В файле new_record.jsp щелкните на поле ввода Описание. Нажмите клавишу Удалить.
  2. В панели Палитра разверните лоток Расширенные компоненты Faces .
  3. С помощью указателя мыши перенесите компонент Ввод с панели Палитра на ячейку, из которой ранее было удалено поле ввода Описание. Теперь в этой ячейке расположено поле ввода, однако в нем не показан текст (например, {ИД} или {ЗАГОЛОВОК}), поскольку оно не связано ни с одним из столбцов.
  4. В панели Данные страницы выберите Реляционные записи SDO > create_record (Service Data Object) > create_record (ADS) и перенесите столбец ОПИСАНИЕ в созданный компонент Ввод. Внутри компонента Ввод будет показан текст, указывающий на связывание со столбцом ОПИСАНИЕ. См. следующий рисунок:
    Панель Данные страницы.
  5. Сохраните файл и запустите страницу на тестовом сервере.

Контрольные точки урока

Вы закончили урок 1.5. В этом уроке вы научились настраивать кнопку команды и связывать данные с полем ввода путем переноса виджета JSF с палитры на Web-страницу.
< Назад | Далее >
Комментарии