Поддержка JavaScript отключена
| SBP-Program | |||||
| На главную -> Java EE 5 |   | ||||
|
  |
Java Server Faces JSF технология позволяет работать с элементами управления пользовательского интерфейса на серверной стороне. JSF позволяет отделить бизнес-логику от представления, управлять состоянием компонетов, обрабатывать данные, включая проверку ввода, обрабатывать события. В описателе размещения (deployment descriptor), т.е. в файле web.xml должен быть объявлен объект FacesServlet, который принимает входящие запросы, отправляет их на обработку, инициализирует ресурсы. Там же объекту FacesServlet ставят в соответствие шаблон, который говорит о том, что страница использует компоненты JSF. При ссылке на первую страницу приложения обязательно используется этот шаблон. В описателе размешения (web.xml) объявляем шаблон соответствия «calc»: Имеются две библиотеки тегов JSF, объявляют их так: Библиотека «h» представляет компоненты пользовательского интерфейса: поля ввода, кнопки, таблицы и др. Условно можно сказать, что библиотека «f» представляет объекты, обслуживающие компоненты из библиотеки «h». Разработаем Веб-калькулятор с использованием технологии JSF. Начинаем строить страницу index.jsp. Передадим управление от index.jsp к первой странице приложения: < jsp:forward page=»calc/calculator.jsp»/>
Это всё содержание страницы index.jsp. Здесь calc/ и есть шаблон (patern), объявленный в web.xml. Шаблон говорит о том, что страница calculator.jsp содержит компоненты JSF. Страница index.jsp готова, начинаем делать страницу calculator.jsp. Формируем статическую часть страницы, как обычную страницу HTML: Для возможности использования технологии JSF надо добавить ссылки на две библиотеки : Тег «f:view» является корневым, он содержит в себе все задействованные компоненты JSF, вне его компонентов JSF быть не должно. Компонент h:form содержит в своем теле все редактируемые компоненты: Установим поля ввода с помощью тега «h:inputText» и кнопку «h:commandButton»: Строим класс KCalc. Этот класс хранит значения из элементов управления страницы, выполняет сложение введённых чисел. Backing Bean – это Java класс, свойства и методы которого связаны с компонентами на странице. Объявим этот класс в файле конфигурирования ресурсов приложения «faces-config.xml», что позволит системе автоматически создать экземпляр этого класса: Установим в поля ввода проверяльщиков,которые проследят, что вводимые значения находятся внутри пределов, определенных для типа Double: Если пользователь введет ошибочное значение в элемент управления, то об этом его можно предупредить с помоью сообщения «h:message», првязка к этому элементу управления объявляется в атрибуте «for: Поставим в соответствие поля ввода и поля бина: Строим страницу «result.jsp», которая будет выводить результат в текстовом виде: < h4 > < I > < font color=»green» > The result is ${calc.c} </font></I></h4>
Страница «result.jsp» будет включаться в нашу страницу «calculator.jsp» с помощью строк: В результате окончательно получаем: Запускаем на выполнение и получаем:  Пример завершен. Скачать JSF пример (115Кб). Программирование |
  | |||
|
 
|
 
|
||||