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;

}

}


 

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

17326. LINK to SQL 251.7 KB
  Лекция 11. LINK to SQL 10.1.2.1. Общие сведения После ознакомления с основными аспектами работы с запросами в C можно рассмотреть конкретный тип поставщика LINQ – LINQ to SQL. Отображение реляционных данных на объектную модель всегда было одной из наиболее сложных проблем при построе...
17327. ПАРАДИГМИ ПРОГРАМУВАННЯ 3.17 MB
  ПАРАДИГМИ ПРОГРАМУВАННЯ Конспект лекцій 8.080401: Інформаційні управляючі системи та технології Освітньокваліфікаційний рівень – магістр ТЕМА 1. ПАРАДИГМА ІМПЕРАТИВНОГО ПРОГРАМУВАННЯ Лекція 1. Огляд парадигм програмування 1.1 Базові поняття і визначення Перш ...
17328. ПРЕДМЕТ І ЗАВДАННЯ КУРСУ ПОЛІТЕКОНОМІЇ 85.5 KB
  ПРЕДМЕТ І ЗАВДАННЯ КУРСУ ПОЛІТЕКОНОМІЇ 1. Предмет курсу Економічне життя суспільства є надзвичайно багатогранним. Його вивчає система економічних наук які включають науки про загальні закони економічного розвитку галузеві економічні науки науки що розглядають конкр...
17329. ЕКОНОМІЧНА ДУМКА СТАРОДАВНЬОГО СВІТУ ТА СЕРЕДНЬОВІЧЧЯ. МЕРКАНТИЛІЗМ 263.5 KB
  ЕКОНОМІЧНА ДУМКА СТАРОДАВНЬОГО СВІТУ ТА СЕРЕДНЬОВІЧЧЯ. МЕРКАНТИЛІЗМ Історія економічної думки бере свій початок у глибокій давнині. Уже первісні люди мали якісь зачатки господарських знань котрі були результатом осмислення виробничого досвіду. З розвитком сус
17330. КЛАСИЧНА ШКОЛА ПОЛІТИЧНОЇ ЕКОНОМІЇ 220 KB
  КЛАСИЧНА ШКОЛА ПОЛІТИЧНОЇ ЕКОНОМІЇ Розвиток капіталістичних відносин спричинив занепад меркантилізму передовсім в Англії найбільш економічно розвинутій країні. Інтереси буржуазії переміщуються зі сфери обігу у сферу виробництва. На перший план виходить проми
17331. ЕВОЛЮЦІЯ КЛАСИЧНОЇ ПОЛІТИЧНОЇ ЕКОНОМІЇ В ПЕРШІЙ ПОЛОВИНІ ХІХ СТОЛІТТЯ. ЗАВЕРШЕННЯ КЛАСИЧНОЇ ТРАДИЦІЇ 309 KB
  Еволюція класичної політичної економії в першій половині ХІХ століття. завершення класичної традиції Класична школа політичної економії започаткована Адамом Смітом і Давидом Рікардо справила великий вплив на дальший розвиток економічної науки та формуванн...
17332. КРИТИЧНИЙ НАПРЯМ ПОЛІТИЧНОЇ ЕКОНОМІЇ. ФОРМУВАННЯ СОЦІАЛІСТИЧНИХ ІДЕЙ 97 KB
  КРИТИЧНИЙ НАПРЯМ ПОЛІТИЧНОЇ ЕКОНОМІЇ. ФОРМУВАННЯ СОЦІАЛІСТИЧНИХ ІДЕЙ Початок XIX ст. ознаменувався бурхливим розвитком капіталізму що був прискорений промисловим переворотом. Розвиток капіталістичних відносин супроводжувався занепадом і розкладом дрібного виро
17333. ЕКОНОМІЧНІ ВЧЕННЯ ЗАХІДНОЄВРОПЕЙСЬКИХ СОЦІАЛІСТІВ-УТОПІСТІВ 150 KB
  ЕКОНОМІЧНІ ВЧЕННЯ ЗАХІДНОЄВРОПЕЙСЬКИХ СОЦІАЛІСТІВУТОПІСТІВ Економічна теорія особлива форма переосмислення дійсності з метою її вдосконалення. Вона завжди виходила з того що економічне життя суспільства є базовим щодо інших сторін суспільного буття і виз...
17334. ВИНИКНЕННЯ АЛЬТЕРНАТИВНОЇ ШКОЛИ ПОЛІТИЧНОЇ ЕКОНОМІЇ. НІМЕЦЬКА НАЦІОНАЛЬНА ПОЛІТЕКОНОМІЯ 146 KB
  Виникнення альтернативної школи політичної економії. Німецька національна політекономія У XIX cт. доктрина Адама Сміта користувалася загальним визнанням залишаючи далеко позаду інші економічні теорії. Хоча послідовники класичної школи пропонували власні кор