Урок 2.2: Применение компонента загрузки файлов

В этом уроке показано, каким образом пользователям можно разрешить загружать рисунки для объявлений. Особенно важна эта функция для страниц new_record.jsp и update_record.jsp. Компонент загрузки файлов позволяет пользователям просматривать файловые системы, загружать файлы в базу данных и немедленно отображать эти файлы в базе данных.

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

Добавление фотографии на страницу

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

Добавление строк и столбцов более сложно для таблицы с данными, отображающей список реляционных записей. Информация о добавлении столбцов к таблице с данными приведена в разделе Урок 1.2: Подключение к базе данных и отображение данных на Web-странице.

Дважды щелкните на странице update_record.jsp в панели Меню проектов.
Поместите курсор в первую (верхнюю левую) ячейку таблицы. Эта ячейка помечена как ИД.
В главном меню выберите Таблица > Указать и добавить. Откроется окно Добавить строки и столбцы. Выберите Строки, затем - Над выбранной ячейкой. Будет создана новая строка вверху таблицы, которая будет содержать текущее фото для записи. Нажмите OK.
В крайней левой ячейке новой строки введите метку Текущая фотография:.
Переместите компонент Изображение из лотка Компоненты Faces палитры в самую крайнюю ячейку новой строки. В отличие от предыдущего упражнения, вы позволите пользователю задать полноразмерное изображение без ограничение размеров, поэтому не изменяйте значения ширины и высоты на панели Свойства.
Привяжите компонент изображения к столбцу ФОТО для update_record, переместив столбец ФОТО из панели Данные страницы в новый компонент изображения. Компонент изображения теперь привязан к столбцу ФОТО базы данных.
Не отменяя выбора изображения, на панели Свойства нажмите кнопку Выбрать объект данных страницы рядом с полем Тип. Откроется окно Выбрать объект данных страницы.
Выберите update_record (Service Data Object) > update_record (ADS) > IMAGETYPE (String).
Нажмите кнопку OK. На странице будет показана текущая фотография для объявления. Страница должна выглядеть следующим образом:

Добавление компонента загрузки файлов на страницу

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

Поместите курсор в последней строке, щелкнув на нем.
В строке меню выберите Таблица > Добавить строку снизу.
В первой ячейке новой строки введите в метку Новая фотография:.
Переместите компонент Загрузка файла из лотка Компоненты Faces палитры в последнюю ячейку новой строки.
Также, как и в случае с компонентом изображения, свяжите компонент загрузки файлов к столбцу ФОТО реляционной записи update_record. В текстовом поле будет показана строка {ФОТО}, которая указывает, что этот компонент связан со столбцом ФОТО и в этот столбец будет добавлен загруженный файл. Страница должна выглядеть следующим образом:
Сохраните страницу и протестируйте ее при необходимости.

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

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

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