18123

JavaServer Faces (JSF)

Лекция

Информатика, кибернетика и программирование

Тема 8: JavaServer Faces JSF Технологія JavaServer Faces – це серверний framework для webпрограм що розробляються на Java. Основні компоненти JavaServer Faces такі: – API для представлення UIкомпонентів і керування їх станом; обробки подій; серверної валідації; конверсії даних; визначення навігації по

Украинкский

2013-07-06

174 KB

3 чел.


Тема 8: JavaServer Faces (JSF)

Технологія JavaServer Faces – це серверний framework для web-програм, що розробляються на Java. Основні компоненти JavaServer Faces такі:

– API для представлення UI-компонентів і керування їх станом; обробки подій; серверної валідації; конверсії даних; визначення навігації по сторінках; підтримки інтернаціоналізації; забезпечення розширюваності для всіх цих функцій.

– Дві JSP бібліотеки користувацьких тегів для представлення UI-компонентів в JSP-сторінках.

Частиною JSF можна також вважати  «добре визначену програмну модель» (well-defined programming model). Дана модель та бібліотеки тегів значно полегшують побудову і підтримку web-програм з серверним UI.

На рисунку зображено модель роботи JSF-програми.

JSP-сторінка myform.jsp є JavaServer Faces сторінкою, яка є JSP-сторінкою, що включає JavaServer Faces теги. В ній задаються компоненти інтерфейсу користувача – при цьому використовуються користувацькі теги технології JavaServer Faces technology. Потім програма myUI керує об’єктами, на які є посилання в JSP-сторінці. Серед цих об’єктів:

• Об’єкти UI-компонентів, які відповідають тегам в JSP-сторінці;

Event listeners, validators, and converters, які зареєстровані для компонентів;

• JavaBeans-компоненти, які інкапсулюють дані і специфічну для програми функціональність.

MVC

В JSF реалізовано програмну модель, яка називається Model-view-controller (MVC).

MVC – це архітектурний шаблон для побудови складних програмних систем. MVC стверджує, що потрібно розділяти поняття дані (model) та user interface (view) так, щоб зміни в user interface не зачіпали обробку даних (не вимагали змін в модулях обробки даних, тобто в модулях бізнес-логіки) і навпаки, дані могли б бути реорганізовані без зміни інтерфейсу користувача. Model-view-controller вирішує дану проблему через відділення (decoupling) доступу до даних і бізнес-логіки від презентації даних та взаємодії з користувачем через введення проміжного компоненту – контролера.

Є поширеним в програмуванні розділення програми на окремі рівні: презентаційний (UI), бізнес-логіки і доступу до даних. В MVC презентаційний рівень розділяється далі на view та controller.

Model

Специфічне для предметної області представлення інформації, з якою  працює програма.

View

Представляє інформацію з моделі на форму, придатну для взаємодії з користувачем, як-правило, елемент інтерфейсу користувача.

Controller

Обробляє і відповідає на події, як-правило, дії користувача; може викликати  зміни в моделі.

MVC часто використовується в web-програмах, де view – це HTML-сторінка, а код, який збирає динамічні дані і генерує вміст сторінки – це controller. Нарешті, model представляється даними, що зазвичай зберігаються в базі даних чи XML файлах.

Хоча при реалізації MVC можливі варіанти, виконання програми, як правило, відбувається наступним чином:

  1.  Користувач робить якусь дію (наприклад, натискає кнопку).
  2.  Controller обробляє вхідну подію від user interface, часто через зареєстрований обробник (handler).
  3.  Controller звертається до model, можливо, змінюючи її відповідно до дії користувача.
  4.  View використовує model для генерування відповідного інтерфейсу користувача. View отримує дані з model – model не повинна знати про існування view.
  5.  User interface чекає на подальші дії користувача, що розпочнуть новий цикл.

Крім JSF, відомими прикладами framework, що реалізує концепцію MVC, є Struts та Spring.

З чого може складатись JavaServer Faces програма

В основному, JavaServer Faces програма така ж, як будь-яка інша Java web програма. Типова JavaServer Faces програма включає такі частини:

• Набір JSP сторінок (хоча не обов’язково JSP, можуть використовуватись інші презентаційні технології)

Deployment descriptor (файл web.xml)

• Набір backing beans, що є JavaBeans компонентами, що визначають властивості і функції для UI компонентів на сторінці

• Конфігураційний ресурсний файл програми, який визначає правила навігації між сторінками і конфігурує біни та інші користувацькі об’єкти (файл faces-config.xml)

• Можливо, набір користувацьких об’єктів, створених розробником програми. Ці об’єкти можуть включати користувацькі компоненти, валідатори (validators), конвертори (converters) і обробники подій (listeners).

Прив’язка FacesServlet до програми

Всі JavaServer Faces програми повинні включати мепінг екземпляру FacesServlet в їх deployment descriptor (наприклад, web.xml). Екземпляр FacesServlet приймає вхідні запити, передає їх для обpобки та ініціалізує ресурси. Приклад (частина web.xml):

<servlet>

  <display-name>FacesServlet</display-name>

  <servlet-name>FacesServlet</servlet-name>

  <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

  <load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

  <servlet-name>FacesServlet</servlet-name>

  <url-pattern>/guess/*</url-pattern>

</servlet-mapping>

Бібліотеки користувацьких тегів JSF

JavaServer Faces програма, яка включає JSP сторінки, також може використовувати стандартні бібліотеки тегів, визначені JavaServer Faces технологією для представлення UI компонентів та інших об’єктів на сторінці.

В JavaServer Faces входить дві стандартні бібліотеки користувацьких тегів: HTML component tag library та core tag library. Їх підключення здійснюється так:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

<%@ taglib uri="http:.//java.sun.com/jsf/core" prefix="f" %>

Конфігураційний файл faces-config.xml

Він потрібен для конфігурування JSF-програми, наприклад, задання правил переходу між сторінками, ресурсів програми, використовуваних в програмі managed beans тощо.

Приклад програми на основі технології JSF

web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://java.sun.com/xml/ns/javaee"

        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee web-app_2_5.xsd"

        version="2.5">

 <display-name>TryJSF</display-name>

 <servlet>

 <display-name>FacesServlet</display-name>

 <servlet-name>FacesServlet</servlet-name>

 <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

 <load-on-startup>1</load-on-startup>

 </servlet>

 <servlet-mapping>

 <servlet-name>FacesServlet</servlet-name>

 <url-pattern>/guess/*</url-pattern>

 </servlet-mapping> 

</web-app>

faces-config.xml

<?xml version="1.0"?>

<faces-config xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd"

version="1.2">

 <application>

 <resource-bundle>

  <base-name>guessNumber.ApplicationMessages</base-name>

  <var>ErrMsg</var>

 </resource-bundle>

 </application>

 <navigation-rule>

 <from-view-id>/greeting.jsp</from-view-id>

 <navigation-case>

  <from-outcome>success</from-outcome>

  <to-view-id>/response.jsp</to-view-id>

 </navigation-case>

 </navigation-rule>

 <navigation-rule>

 <from-view-id>/response.jsp</from-view-id>

 <navigation-case>

  <from-outcome>success</from-outcome>

  <to-view-id>/greeting.jsp</to-view-id>

 </navigation-case>

 </navigation-rule>

 <managed-bean>

 <managed-bean-name>UserNumberBean</managed-bean-name>

 <managed-bean-class>guessNumber.UserNumberBean</managed-bean-class>

 <managed-bean-scope>session</managed-bean-scope>

 <managed-property>

  <property-name>minimum</property-name>

  <property-class>long</property-class>

  <value>0</value>

 </managed-property>

 <managed-property>

  <property-name>maximum</property-name>

  <property-class>long</property-class>

  <value>10</value>

 </managed-property>

 </managed-bean>

</faces-config>

index.jsp

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<html>

<head>

</head>

<body>

<jsp:forward page="guess/greeting.jsp" />

</body>

</html>

greeting.jsp

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<HEAD> <title>Hello</title> </HEAD>

<f:view>

 <h:form id="helloForm1">

 <h2>Hi, I'm Duke. I’m thinking of a number from

 <h:outputText

  value="#{UserNumberBean.minimum}"/>

 <h:outputText 

  value="#{UserNumberBean.maximum}"/>

 Can you guess it?</h2>

 <h:inputText id="userNo"  

  value="#{UserNumberBean.userNumber}">

  <f:validateLongRange

   minimum="#{UserNumberBean.minimum}"

   maximum="#{UserNumberBean.maximum}"/>  

 </h:inputText>

 <h:commandButton id="submit"

  action="success" value="Submit"/>

 <h:message showSummary="true" showDetail="false"

  style="color: red;

  font-family: ’New Century Schoolbook’, serif;

  font-style: oblique;

  text-decoration: overline"

  id="errors1"

  for="userNo"/>

 </h:form>

</f:view>

</HTML>

response.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>

<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Guess the number</title>

</head>

<body>

<f:view>

   <h:form id="responseForm" >

       <h:graphicImage id="waveImg" url="/wave.med.gif" alt="Duke waving"/>

    <h2><h:outputText id="result" 

      value="#{UserNumberBean.response}"/>

    </h2>   

    <h:commandButton id="back" value="Back" action="success"/><p>

   </h:form>

</f:view>

</body>

</html>

UserNumberBean.java

package guessNumber;

import java.util.Random;

public class UserNumberBean {

Integer randomInt=null;

Integer userNumber = null;

String response=null;

 private boolean maximumSet=false;

 private boolean minimumSet=false;

 long minimum;

 long maximum;

 

   public UserNumberBean() {

       Random randomGR = new Random();

       randomInt = new Integer(randomGR.nextInt(10));

       System.out.println("Duke's number: " + randomInt);

   }

 

 public void setUserNumber(Integer user_number) {

 userNumber = user_number;

}

 public Integer getUserNumber() {

 return userNumber;

}

 public String getResponse() {

 if(userNumber != null && userNumber.compareTo(randomInt) == 0) {

  return "Yay! You got it!";

 } else {

  return "Sorry, "+userNumber+" is incorrect.";

 }

}

 public long getMinimum() {

 return minimum;

}

 public void setMinimum(long minimum) {

 this.minimum = minimum;

 this.maximumSet=true;

}

 public long getMaximum() {

 return maximum;

}

 public void setMaximum(long maximum) {

 this.maximum = maximum;

 this.minimumSet=true;

}

}


 

А также другие работы, которые могут Вас заинтересовать

52340. Суцвіття 550 KB
  Мета уроку: сформувати поняття суцвіттязнайомити учнів з функціями суцвіть розглянути їх будову і різноманітність; розвивати: вміння виділяти головне порівнюватиузагальнювати систематизувативміння розпізнавати суцвіття і тренувати їх у застосуванні набутих знань у нестандартних ситуаціях; виховувати: естетичні смаки учнів відповідальність за стан навколишнього середовища бережливе ставлення до природи. Обладнання: таблиці: Будова квітки Будова суцвіть Прості суцвіття Складні суцвіттякартки з кросвордом схемою та...
52341. Віруси 711.5 KB
  Вивчити будову класифікацію вірусів. Велика популярність персональних комп’ютерів разом з розвитком мережі Інтернет сприяла появі великої кількості різних шкідливих програм – вірусів. Постановка цілей і задач Мета: Ввести поняття €œВірус; Вивчити його будову; Класифікацію вірусів; З’ясувати їх вплив на живу та неживу природу. Деякі віруси вносять також власні білки необхідні для її реалізації особливо це характерно для вірусів що містять негативні РНК.
52342. Прес-конференція «Різноманітність птахів» 71.5 KB
  Мета: розширити знання учнів про представників класу Птахи показати їх різноманітність особливості будови та способу життя пристосування до середовища; ознайомити з характерними ознаками представників надряду Безкілеві птахи та Пінгвіни з представниками кілегрудих фауни України; продовжувати розвивати комунікативні та соціальні компетентності учнів; виховувати свідоме ставлення до природи її багатств та її захисту. Птахи це диво Їх велика кількість. Птахи Хоча ви вже багато вивчили про птахів але коли ви почуєте це слово кожний...
52343. Фантазія і творчість у роботі архітекторів 4.35 MB
  Мета уроку: Розширити уявлення про дизайн, ознайомити з наукою біонікою та показати її значення в житті людей. Спонукати до пізнання законів природи, пошуку біонічних форм. Навчити створювати контурні замальовки спрощених природних форм.
52344. Охорона біосфери 163 KB
  Тема уроку Охорона біосфери Мета: закріпити знання про біосферу як екологічну систему іі складові основні її властивості узагальнити і розширити знання учнів про напрямки діяльності людини по охороні біосфери заповідний фонд України познайомити з концепцією сталого розвитку складовими екоцентричної та антропоцентричної структури свідомості; вдосконалювати навички порівнювати робити висновки; розвивати навички вирішувати екологічні ситуації самостійно готувати матеріал до уроку створювати мультимедійну...
52345. Вплив людини на стан біосфери 162.5 KB
  МЕТА: Освітня: Розвивати вміння знаходити взаємозв’язки між діями й наслідками діяльності людини. Обладнання: Інтерактивна дошка слайди презентації фотографії з позитивним і негативними прикладами впливу людини на стан біосфери вірші про природу. Концепція уроку: Показати що діяльність людини стала провідним екологічним фактором на планеті й що зростання населення Землі призвело до демографичного вибуху перенаселеності й екологічних проблем; описати основні природні ресурси й наголосити на проблемі їхнього раціонального використання.
52346. Природные формы и явления. Выполнение творческой работы по представлению «Жар-птица» 407 KB
  Восприятие форм и цветных соотношений в природе. Воссоздание цветовых соотношений фактуры и текстуры в естественных формах в работе по воображению Жар-птица. Цель: Расширять знания о колорите палитре о теплых и холодных цветах цветовых ассоциациях; ознакомить с элементарными правилами рисования на компьютере. Развивать фантазию образное мышление чувство цвета умение передавать в колористической композиции чувства настроение фантазию образное мышление; уметь применять знания о цвете художественные техники и приемы...
52347. Обобщение темы «Птицы» 38.5 KB
  Цель: обобщить знания по теме Птицы проверить усвоение знаний об особенностях строения птиц раскрыть их значение в жизни природы и человека совершенствовать умения анализировать делать выводы работать с таблицами дополнительной литературой. Оборудование: таблица Птицы разных экологических групп таблица для Поля чудес сообщения детей Девиз: Птицы – наши...