Модуль 2: Добавление дополнительных функций

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

Цели обучения

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

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

Необходимое время

Для выполнения данного модуля потребуется примерно 1 час 30 минут. Изучение прочих фасетов динамических Web-сайтов может потребовать больше времени.

Предварительные требования

Если вы уже завершили работу с модулем 1: Создание Web-страниц с соединениями обмена данными, пропустите раздел предварительных требований и перейдите непосредственно к разделу Урок 2.1: Форматирование таблицы данных.

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

Для импорта требуемых ресурсов выполните следующие действия:

Импортировать проект. Откройте проекцию Web (выберите Окно > Открыть проекцию > Web).
В проекции Web откройте панель Меню проектов и убедитесь, что проект ClassifiedsTutorial выглядит аналогично следующему рисунку:

Для задания целевого сервера выполните следующие действия:

В панели Меню ресурсов проекции Web правой кнопкой мыши щелкните на проекте ClassifiedsTutorial и выберите Свойства.
В списке свойств выберите Сервер.
В списке Сервер по умолчанию выберите сервер для применения по умолчанию. Нажмите кнопку Применить.
В списке свойств выберите Целевые среды выполнения.
В списке Среды выполнения щелкните на среде выполнения, соответствующей выбранному серверу. Нажмите OK.

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

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

Правой кнопкой мыши щелкните на файле all_records.jsp, выберите Выполнить как > Выполнить на сервере.
Выберите Задать сервер вручную.
Выберите установленный сервер.
Настройте сервер, следуя инструкциям мастера. При первом запуске сервера может быть показано сообщение об ошибке. Для исправления ошибки задайте целевой сервер, как это указано выше, перезапустите сервер с помощью панели Серверы, а затем перезагрузите Web-страницу в браузере.

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

Информация о развертывании SDO на серверах, отличных от WebSphere Application Servers, приведена в разделе справки Развертывание SDO на серверах, отличных от WAS.

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

В панели Структура проекта правой кнопкой мыши щелкните на проекте ClassifiedsTutorial и выберите Свойства. Откроется окно Свойства ClassifiedsTutorial.
Выберите Соединения JDBC.
В панели Соединение JDBC нажмите кнопку Создать. Откроется окно Создать соединение JDBC.
Выберите Создать новое соединение и нажмите кнопку Далее.
В списке Выбрать администратора базы данных разверните запись Derby и выберите 10.1.
В поле Расположение базы данных нажмите кнопку Обзор и выберите <расположение-рабочей-области>\ClassifiedsTutorial\WebContent\\database, где <расположение-рабочей-области> - это каталог текущей рабочей области. Нажмите кнопку OK, чтобы закрыть окно Выбрать папку.
В поле Расположение класса введите расположение одного или нескольких файлов JAR с реализацией класса драйвера JDBC, либо нажмите кнопку Обзор, чтобы выбрать нужное расположение в файловой системе. После выбора расположения файлов JAR нажмите кнопку Открыть.
Для обращения к базе данных может потребоваться указать ИД пользователя. Пароль не требуется. Мастер Создать соединение с базой данных выглядит следующим образом:
В мастере Создать соединение JDBC нажмите кнопку Готово. Вы вернетесь к окну Свойства ClassifiedsTutorial.
Выберите опцию Настроить соединения проекта с базой данных. Будет показано окно свойств соединений JDBC.
Выберите опцию Изменить рядом с разделом сведений о рабочих соединениях. В качестве типа соединения выберите Использовать соединение диспетчера драйверов. Нажмите кнопку Готово, а затем - кнопку OK.

Вы можете просмотреть файлы Web-проекта учебника. Чтобы открыть файл дважды щелкните на нем на панели Проводник проектов. Для просмотра графического представления связей между страницами дважды щелкните на записи Навигация по Web-сайту в панели Меню проектов.

В этом примере вы, в основном, будете работать со следующими файлами:

all_records.jsp: Домашняя страница Web-сайта. На ней отображаются все объявления из базы данных.
new_record.jsp: Страница, позволяющая создать новое объявление.
update_record.jsp: Страница, позволяющая изменить или удалить объявление из базы данных.
classifiedTemplate.jtpl: Шаблон страниц сайта. Он содержит такие элементы, как таблица и серый баннер "Добро пожаловать в службу объявлений", отображаемый на каждой странице. Кроме того, эта страница содержит две навигационные вкладки под баннером, позволяющие перейти к домашней странице и к странице добавления нового объявления.

Уроки в этом модуле

Урок 2.1: Форматирование таблицы данных
Таблица данных на странице all_records.jsp имеет утилитарный внешний вид. На ней отображаются все записи из база данных, а также ссылки на другие страницы, однако выглядит это не очень привлекательно. В этом упражнении недостатки внешнего вида таблицы данных будут устранены за счет добавления таких элементов, как функция разбиения на страницы, правила стилей и рисунки продаваемых товаров.
Урок 2.2: Применение компонента загрузки файлов
В этом уроке показано, каким образом пользователям можно разрешить загружать рисунки для объявлений. Особенно важна эта функция для страниц new_record.jsp и update_record.jsp. Компонент загрузки файлов позволяет пользователям просматривать файловые системы, загружать файлы в базу данных и немедленно отображать эти файлы в базе данных.
Урок 2.3: Применение правил навигации
В этом уроке рассмотрена процедура настройки правил навигации для перенаправления пользователей сайта на другие Web-страницы.
Урок 2.4: Применение функции автоматического создания ключей
В предыдущем уроке были настроены правила навигации, обеспечивающие ввод уникального ИД при добавлении объявления. Такой подход может вызвать значительные затруднения в работе пользователей сайта, поскольку уникальные ИД можно найти только экспериментальным путем. В данном уроке вы настроите автоматическое создание ключей, чтобы база данных автоматически присваивала уникальный номер каждой новой записи базы данных.
Модуль 2: Итог
Вы завершили работу с модулем 2: Добавление дополнительных функций.