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

Урок 1.4: Создание новой записи для отображения и обновления базы данных

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

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

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

  1. Дважды щелкните на файле new_record.jsp на панели проводника проектов чтобы открыть его.
  2. Удалите текст по умолчанию Содержимое тела по умолчанию.
  3. На панели Палитра щелкните на блоке Данные чтобы развернуть его.
  4. Переместите компонент Реляционная запись из палитры в пустую область содержимого. Появится окно Добавить реляционную запись.
    Прим.: Появление предупреждения с сообщением о невозможности установить соединение с базой данных означает, что вы оставили сервер работающим после тестирования Web-сайта. В таком случае нажмите кнопку Отмена во всех окнах и остановите сервер, как описано в разделе Урок 1.3.
  5. В поле Имя введите create_record.
  6. В пункте Создать управляющие элементы для выберите Создание новой записи.
  7. Убедитесь, что опция Добавить управляющие элементы ввода-вывода для отображения записи на web-странице выбрана. Окно Добавить реляционную запись выглядит следующим образом:
    Окно Добавить реляционную запись.
  8. Нажмите кнопку Далее.
  9. В поле Таблица разверните запись W5SAMPLE и выберите ADS. Нажмите кнопку Далее.
  10. Снова нажмите кнопку Готово. Откроется страница Настроить управляющие элементы данных.
    Совет: На странице Настроить управляющие элементы данных данных можно настроить визуализацию реляционных записей. Например, можно изменить столбцы, метки полей и кнопку отправки формы ввода. Выполнив эти действия вы получите полнофункциональную страницу ввода.
  11. В области Отображаемые поля снимите выделение с переключателями рядом с именем поля, за исключением тех, которые должны присутствовать в форме ввода:
    • ОПИСАНИЕ
    • ИД
    • ГЛАВНАЯ КАТЕГОРИЯ
    • ТЕЛЕФОН
    • ЦЕНА
    • НАЗВАНИЕ
  12. Измените прядок размещения полей с помощью кнопок Вверх и Вниз:
    • ИД
    • НАЗВАНИЕ
    • ОПИСАНИЕ
    • ГЛАВНАЯ КАТЕГОРИЯ
    • ЦЕНА
    • ТЕЛЕФОН
  13. Измените метки. Например, можно сократить метку "Главная категория:" до "Категория:". Для того чтобы изменить метки, созданные для полей ввода, щелкните на столбце Метка. Значок указателя мыши превратится в курсор и вы сможете ввести текст.
  14. Выберите ГЛАВНАЯ КАТЕГОРИЯ, затем выберите Опции. Откроется окно Опции.
  15. Убедитесь, что опция Кнопка отправки выбрана.
  16. Введите Добавить новый список в поле Метка Нажмите кнопку ОК. Окно Добавить реляционную запись выглядит следующим образом:
    Окно Реляционная запись.
  17. Нажмите кнопку Готово для создания формы ввода. Она должна выглядеть следующим образом:
    Форма ввода.
    Прим.: В форме есть поле Сообщения об ошибках. Это не значит что в проекте присутствуют ошибки, это поле помечает место, где будут показаны сведения об ошибках при отправке формы пользователем.
  18. Сохраните страницу.
При отправке формы вода, страница автоматически добавит новую запись в базу данных. В следующем уроке мы запрограммируем кнопку Добавить новый список для возврата к странице all_records.jsp, чтобы можно было немедленно просмотреть новую запись в базе данных.

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

Вы закончили урок 1.4. В этом уроке научились создавать страницу, позволяющую пользователям создавать новые объявления и помещать их в базу данных.

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