Введение

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

Метод разработки

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

• Определять структуру навигации Web-сайта:

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

• Использовать шаблоны страниц:

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

• Выбирать тип каждой Web-страницы:

  Щелкните два раза на любой странице, после чего откроется мастер Создания страниц. В нем выберите один из поддерживаемых типов страниц (см. пункт Выбор типа страницы), задайте начальные свойства страницы и откройте ее в редакторе Проектировщик страниц. Теперь можно составлять и редактировать содержимое страницы. Обратите внимание, что с помощью составителя Навигации Web-сайта можно перетаскивать на страницу элементы навигации. Составитель можно открыть из панели Палитра.

Выбор типа страницы

RAD 6.0 поддерживает создание пользовательских Web-интерфейсов с помощью технологий HTML, JSP и Faces JSP. Каждая из них соответствует требованиям отдельного типа Web-приложений. Каждая технология определяет тип страниц, который поддерживает различные компоненты пользовательского Web-интерфейса. При создании пользовательского Web-интерфейса необходимо знать, какие компоненты поддерживает тот или иной тип страниц и соответствует ли он типу разрабатываемого Web-приложения. Ниже описаны компоненты, поддерживаемые разными типами страниц в RAD 6.0, и указано, какие типы страниц можно использовать в Web-приложениях, основанных на статической, динамической среде, а также на Struts и JavaServer Faces (JSF).

Типы страниц в RAD 6.0, которые можно реализовать в пользовательских интерфейсах, делятся на три категории: HTML, JSP и Faces JSP. JSP в свою очередь делится на простые файлы JSP и страницы Struts JSP. Faces JSP делится на простые Faces JSP и Faces JSP с кэшированием на стороне клиента. Ниже приведено описание этих типов страниц.

HTML

Этот тип позволяет создавать простые страницы HTML и поддерживает другие языки описания (см. таблицу 1 - Компоненты типов страниц). Поддерживаются также обычные компоненты HTML: набор фреймов, CSS и JavaScript. Кроме того, этот тип страниц позволяет создавать и применять шаблоны для определения внешнего вида Web-страниц.

JSP

Тип страниц JSP поддерживает интерфейсы, созданные с помощью технологии JSP (в RAD 6.0 поддерживается стандартная версия JSP 2.0). В этом типе доступны все компоненты простых страниц HTML, а также технология сценария JSP (Java Scriptlet) и действия (Пользовательский тег). Этот инструмент поддерживает функцию JSP Fragments, которая позволяет выносить одинаковые части страницы в отдельный файл и по мере необходимости включать его в другие страницы JSP. Также поддерживается доступ к базовым данным с помощью технологии Service Data Object (SDO). Описание SDO приведено в разделе Концепция: Среды Web-приложений.

Struts JSP

Страница Struts JSP содержит все компоненты простой страницы JSP, а также все элементы Struts (см. Концепции: Среды Web-приложений для описания Struts). Этот тип страниц применяется для разработки пользовательских Web-интерфейсов для приложений, созданных с помощью среды Struts. Также этот инструмент поддерживает доступ к библиотекам тегов Struts HTML (struts-html.tld) и Bean (struts-bean.tld), позволяет включать поля из объекта ActionForm прямо на страницу, а также добавлять другие библиотеки Struts.

Faces JSP

Страницы Faces JSP - это страницы JSP, разработанные для пользовательских Web-интерфейсов, которые были созданы с помощью технологии JSF. (Описание JSF приведено в разделе Концепция: Среды Web-приложений.) Такие страницы предоставляют доступ к библиотеке базовых тегов и к предопределенным компонентам пользовательского интерфейса (компонентам Faces), которые можно перетащить на страницу. Faces JSP позволяет использовать сценарии в форме фрагментов кода Java, например, для обработки событий пользовательского интерфейса.

Faces JSP с кэшированием на стороне клиента

Страницы такого типа содержат все функции Faces JSP, а также компоненты пользовательского интерфейса, данные которого можно кэшировать на стороне клиента. Кэширование на стороне клиента позволяет связывать компонент с переменными JavaScript, а не с данными на стороне сервера. Благодаря этому сокращается количество запросов между сервером и клиентом и повышается производительность создаваемых Web-страниц. Доступны следующие компоненты Faces Client:

• Сетка данных: Содержит таблицу с записями из реляционного источника данных или элементами из массива JavaBean.
• График: Отображает данные в виде гистограммы, круговой диаграммы или графика. Для работы с графиками в браузере необходимо установить модуль Macromedia Flash.
• Панель Дерево: Отображает иерархические данные в виде древовидной структуры.
• Web-служба: Позволяет получать данные от существующей Web-службы без обновления страницы.

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

* Для развертывания данных SDO необходимо установить WAS 5.1

Таблица 1 - Компоненты типов страниц

Применимость Web-приложения

Тип страниц, используемый при реализации пользовательского Web-интерфейса, в большинстве случаев зависит от типа разрабатываемого Web-приложения. Для статических Web-приложений доступны только страницы HTML. Для динамических Web-приложений можно использовать как HTML, так и JSP. Помимо этого, при разработке динамических Web-приложений с помощью среды JSF или Struts можно использовать соответствующие типы страниц. Это открывает доступ к дополнительным функциям и упрощает процедуру создания пользовательского интерфейса. В таблице 2 указано, какие типы страниц можно применять к статическим, динамическим Web-приложениям, и Web-приложениям, использующим среды JSF и Struts.

Таблица 2 - Применимость типов страниц

Редактирование страниц

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

Панель Палитра

В панели Палитра представлен широкий набор готовых к применению компонентов пользовательского интерфейса, которые можно поместить на страницу. Эти компоненты объединены в отдельных составителях в соответствии с типом функций, которые они выполняют. Например, стандартные элементы форм HTML (кнопки, текстовые поля и выпадающие списки) сгруппированы в составителе Теги форм. В зависимости от типа редактируемой страницы в панели Палитра отображаются разные составители. В таблице 3 перечислены составители по умолчанию, которые применяются для всех типов страниц. В панели Палитра можно добавлять, удалять, скрывать и показывать составители. Можно также настраивать большинство составителей, выполняя те же действия с их компонентами. В документации к продукту приведено описание каждого составителя и его содержимого по умолчанию.

Таблица 3 - Составители по умолчанию в панели Палитра (по типу страницы)

Панель Быстрое редактирование

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

Ресурсы

Дополнительная информация о Проектировщике Web-сайтов и Проектировщике страниц приведена в документации к продукту: