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;

}

}


 

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

54155. Гра «Щасливий випадок» 51.5 KB
  Запитання для першої команди Результат додавання чисел називається сума Одиницею вимірювання площі є см Фігура яка складається з чотирьох точок і чотирьох відрізків що послідовно їх сполучають називається чотирикутник Площа квадрата обчислюється за формулою а Градусна міра прямого кута. 90˚ Прямі називаються паралельними якщо вони не перетинаються Рівність що містить змінну називається рівнянням Добуток всіх дійсних чисел дорівнює 0 Відрізок що зєднує вершину трикутника з серединою...
54156. Математичний бій 50 KB
  Хід заходу Ведучий 1: Добрий день всім хто зібрався сьогодні в цьому залі Ведучий 2: Всім шанувальникам великої і прекрасної науки. Ведучий 1: Математика. Ведучий 2: Математика. Ведучий 1: Математика це мистецтво наук і наука мистецтв Ведучий 2: Математика це політ фантазії і творчості.
54158. Математика в оточуючому світі 33.5 KB
  Відстань між пристанями А і В дорівнює 40 км. Від А до В за течією річки рухається моторний човен, власна швидкість якого 18 км/год., а від В до А – інший моторний човен, власна швидкість якого 16 км/год. При зустрічі виявилось, що перший човен йшов 1 год., а другий – 1,5 год. Знайдіть швидкість течії річки.
54159. Неможливо бути математиком, не будучи в той же час поетом у душі 92 KB
  Мета: Показати учням звязок математики з літературою, формувати філософське сприймання світу як органічне поєднання духовності і науковості; Розширити кругозір учнів, збагатити їх інтелект, виховувати в них свідоме ставлення до одержання знань.
54160. НАЙРОЗУМНІШИЙ. Математична гра для учнів 5-6 класів 85.5 KB
  Модуль числа це: Завжди невідємна величина; Завжди відємна величина; Завжди число. Як називається сота частина числа відсоток; ар; міліметр. Натуральні числа. Квадрат числа.
54161. Математика – цариця наук 102.5 KB
  Мета: активізація пізнавальної діяльності учнів; розвиток логічної та загально математичної культури учнів; тренування уваги, пам’яті учнів; підвищення інтересу до вивчення математики.
54162. Інтегрований підхід на уроках математики 1.48 MB
  Львова Підготувала учитель математики вища кв. Для математики спорідненими є фізика чи інформатика а протилежними християнська етика музика історія основи здоровя і т. Працюючи багато років вчителем математики я зауважила що досягнути кращих результатів з математики можна поєднуючи її з основами християнської етики. Головним завданням математики є забезпечення міцного і свідомого оволодіння учнями системою математичних знань і умінь необхідних у професійної освіти.
54163. Додавання та віднімання дробів з різними знаменниками 807.5 KB
  Тема уроку: розвязання вправ за темою Додавання та віднімання дробів з різними знаменниками. Розвивальна мета: розвивати практичні вміння та навички співнавчання та взаємонавчання; розвивати мислення; самостійність. Доданок Доданок Сума 27 Готуючись до уроку я розвязала ваше домашнє завдання але потім картки впали і переплутались. Розвязок.