Java Server Pages

Tehnologii Java
Curs -
Cristian Fr asinaru
acf@infoiasi.ro
Facultatea de Informatic a
Universitatea Al. I. Cuza Ias i
Java Server Faces
Tehnologii Java p.1/69
Cuprins
Framework-uri Web / MVC
Caracteristici generale JSF
Exemplu simplu
Modelele arhitecturii JSF
Taguri proprii JSF
Folosirea mecanismelor standard
Crearea de componente proprii
Crearea de mecanisme proprii
Framework-uri Web / MVC
Consideratii generale
Separarea functionalit atilor
Controlul accesului la componente si resurse
Controlul uxului logic al aplicatiei
Validarea datelor
Standardizarea aspectului
Internationalizare
Tratarea exceptiilor
Modularizarea sistemului
Model-View-Controller
Acces centralizat
Probleme generate de accesul direct la componentele
View:
Duplicarea codului: ecare view trebuie s a ofere
servicii sistem (securitate)
Navigarea: este n responsabilitatea componetelor
View.
Solu tia: Un punct central de acces pentru nivelul de
prezentare responsabil cu: gestiunea cererilor, servicii
sistem: autenticare, autorizare, gestiunea erorilor, etc.
Front Controller - Dispatcher
Strategii de mapare a resurselor
Mapare explicit a
http://some.server.com/hello.jsp
Mapare logic a
http://some.server.com/hello.jsp hello.do
Mapare multipl a

<servlet-mapping>
<url-pattern>
*
.do</url-pattern>
<servlet-name>
com.some.mvc.framework.FrontController
</servlet-name>
</servlet-mapping>
Exemple de framework-uri
Java Server Faces
Apache Struts
Spring
JBoss Seam
Apache Wicket
Google Web Toolkit (GWT)
Altele: Apache Click, Apache Cocoon, AppFuse,
Flexive, Grails, Vaadin, ItsNat, Jspx, Makumba,
OpenXava, OpenLaszlo, Eclipse RAP, Play, Restlet,
Stripes, Tapestry, WebWork, ZK, Wavemaker, etc.
Java Server Faces
Ce aduce nou JSF ?
Permite crearea UI folosind componente standard,
reutilizabile, accesibile folosind taguri proprii.
Furnizeaz a mecanismul pentru dezvoltarea de
componente proprii.
Ofer a un model de interactiune bazat pe
evenimente.
Separ a prezentarea componentelor de
functionalitate.
Asigur a persisten ta st arii la nivelul Web..
Simplic a modul de crearea a IDE-uri pentru
dezvoltarea de aplicatii Web.
Interfata cu utilizatorul
Orientat pe componente UI
Caracteristici generale
Denirea regulilor de navigare ntre pagini
Validarea datelor
Specicarea regulilor de conversie
Tratarea erorilor
Lucrul cu Bean-uri
Tratarea evenimentelor
Internationalizare
Construit direct pe API-ul servleturilor
PageLanguage:{JSP, Facelets}
Separarea activit atilor
Design - editarea paginilor JSP, HTML
Dezvoltare - implementarea logicii aplicatiei
Crearea componentelor UI - componente ce vor
utilizate de designeri pentru realizarea UI
Arhitectur a - asigurarea uxului aplicatiei, a
scalabilit atii, congurare, etc.
Implement ari
Versiuni: 1.0 (2004) 1.2 (2006) 2.0 (2009)
Implement ari
Implementarea de referint a (Sun)
Open-Source, Ajax-enabled
ICEFaces
JBoss RichFaces
Apache MyFaces
...
RIA = Rich Internet Applications
Exemplu simplu
Etapele aplicatiei
Crearea componentelor bean
PersonBean
Scriere paginilor ce vor utiliza componente UI
inputName.xhtml, sayHello.xhtml
Crearea sierului de resurse
Messages.properties
Denirea regulilor de navigare
PersonBean
package hello;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean(name = "personBean")
@RequestScoped
public class PersonBean {
private String name;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
inputname.xhtml
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<title>Hello</title>
</h:head>
<h:body>
<h:form>
Your name:
<h:inputText id="userName"
value="#{personBean.name}"
required="true"/>
<h:commandButton id="submit" value="Submit"
action="sayHello.xhtml"/>
<h:message id="errors" style="color: red"
showSummary="true" showDetail="false"
for="userName"/>
</h:form>
</h:body>
</html>
Messages.properties
Fi sierul cu resurse contine localizarea (traducerea)
mesajelor folosite in aplicatie.
title = Simple JSF Application
greeting = Hello
sayHello.xhtml
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<f:loadBundle basename="hello.Messages" var="message"/>
<h:head>
<title>#{message.title}</title>
</h:head>
<h:body>
<h:form>
<h2>
#{message.greeting} #{personBean.name} !
</h2>
<h:commandButton id="back" value="Back" action="inputName.xht
</h:form>
</h:body>
</html>
Navigarea
Decupl am regulile de navigare de paginile aplicatiei:
<h:commandButton id="submit" value="Submit" action="sayHello.xhtml"/>
Inlocuim "sayHello.xhtml" cu o actiune abstracta: "hello"
Fi sierul de congurare JSF: faces-cong.xml
<faces-config>
<navigation-rule>
<from-view-id>/inputName.xhtml</from-view-id>
<navigation-case>
<from-outcome>hello</from-outcome>
<to-view-id>/sayHello.xhtml</to-view-id>
</navigation-case>
</navigation-rule>
</faces-config>
Congurarea aplicatiei: web.xml
<web-app>
<context-param>
<param-name>javax.faces.application.CONFIG_FILES</param-name>
<param-value>/WEB-INF/faces-config.xml</param-value>
</context-param>

<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup> 1 </load-on-startup>
</servlet>

<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/
*
</url-pattern>
</servlet-mapping>
</web-app>
Modelele arhitecturii JSF
Arhitectura componentelor
Arhitectura componentelor UI include:
Modelul claselor UI
Modelul de prezentare
Modelul de conversie
Modelul de tratare a evenimentelor
Modelul de validare
Modelul claselor UI
Descriu functionalitatea componentelor
Extind UIComponent
Implementeaz a diverse interfete comportamentale
Nu denesc o reprezentare grac a
Au notiunea de componente u
UICommand UIForm UIPanel
UIOutput UIInput UIMessage
UIData UIColumn ...
Interfete comportamentale
ActionSource
ValueHolder
EditableValueHolder
StateHolder
NamingContainer
UICommand -> ActionSource, StateHolder
UIOutput -> StateHolder, ValueHolder
UIInput -> EditableValueHolder, StateHolder, ValueHolder
Modelul de prezentare
Dene ste nf ati sarea componentelor.
Un model pentru reprezentare este implementat prin
intermediul unui obiect de tip RendererKit si este
specic pentru un anumit tip de: dispozitiv / limbaj de
marcare / localizare
Un RendereKit reprezint a o multime de obiecte de
tip Renderer care ofer a o reprezentare specic a
componentelor UI.
Unei clase de tip UIComponent i pot asociate mai
multe reprezent ari (Strategy Design Pattern)
Reprezent ari multiple
HTML Renderer Kit
Implementarea JSF include un kit standard pentru
reprezentare HTML.
Componenta Reprezentare Tag
UICommand HtmlCommandButton commandButton
HtmlCommandLink commandLink
UISelectOne HtmlSelectOneMenu selectOneMenu
HtmlSelectOneRadio selectOneRadio
HtmlSelectOneListbox selectOneListbox
Modelul datelor: Backing Bean
Gestionarea bean-urilor
Datele unui componente JSF pot legate de un bean
aat pe server n dou a moduri:
prin valoare
<h:outputText value="#{persoana.nume}" />
prin referin t a
<h:outputText binding="#{persoana.numeField}" />
Legarea bean-urilor prin valoare
@ManagedBean(name = "personBean")
@RequestScoped
private String name;
public PersonBean {
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
Propriet atile bean-ului accept a ca argument o valoare.
<h:inputText id="name" value="#{personBean.name}" />
Legarea bean-urilor prin referint a
...
private UIInput nameComponent;
public UIInput getNameComponent() {
return nameComponent;
}
public void setNameComponent(UIInput nameComponent) {
this.nameComponent = nameComponent;
}
public void someMethod() {
nameComponent.setRendered(false);
}
}
Propriet atile bean-ului accept a ca argument o referin t a
de tipul componentei.
<h:inputText id="name" binding="#{personBean.nameComponent}"/>
Modelul de conversie
O component a UI poate avea asociate date, memorate
la nivel de server ntr-un bean.
Intr-o aplicatie JSF, datele unui componente sunt
organizate astfel:
model: informatia propriu-zis a, reprezentat a
printr-un tip Java de date, cum ar int, long,
String, java.util.Date, etc.
prezentare: reprezentarea la nivel de client, ntr-o
manier a care s a permit a citirea / editarea informatiei.
JSF va face automat conversia ntre model si prezentare,
si invers.
Convertori
Standard
UISelectBoolean: String Boolean
BigDecimalConverter, BigIntegerConverter
BooleanConverter, CharacterConverter,
DoubleConverter, IntegerConverter, LongConverter, etc.
DateTimeConverter
Proprii
Crearea si nregistrarea unor clase de tip Converter.
Conversii standard
Implicit, la corespondenta cu o proprietate de un
anumit tip a unui bean.
Explicit, folosind clasa corespunz atoare:
<h:inputText converter="javax.faces.convert.IntegerConverter"/>
Explicit, folosind taguri pentru conversii:
<h:outputText value="#{produse.dataExpediere}">
<f:convertDateTime dateStyle="full" locale="Locale.SPAIN"
timeStyle="long" type="both" />
</h:outputText>
<h:outputText value="#{produse.total}" >
<f:convertNumber type="currency"
</h:outputText>
Crearea de convertori proprii
String UIComponent
Implementarea interfetei Convertor
Inregistrarea convertorului n aplicatie
Utilizarea
Interfata Convertor
public class URLConverter implements Converter {
// Prezentare -> Model
public Object getAsObject(FacesContext context,
UIComponent component, String newValue) throws ConverterException
try {
return new URL(newValue);
} catch(Exception e) {
throw new ConverterException("Eroare la conversie!");
}
}
// Model -> Prezentare
public String getAsString(FacesContext context,
UIComponent component, Object value) throws ConverterException {
return String.valueOf(value);
}
}
Folosirea unui convertor propriu
Inregistrarea n faces-cong.xml
<converter>
<description>
Convertor pentru URL-uri.
Transforma un sir ce reprezinta o adresa Web
intr-un obiect de tip URL
</description>
<converter-id> urlConverter </converter-id>
<converter-class> demo.URLConverter </converter-class>
</converter>
Utilizarea
<h:inputText id="url"
value="resursa-url"
converter="urlConverter" />
Modelul Event - Listener
Interactiunea utilizatorului cu componente UI
genereaz a evenimente.
La aparitia unui eveniment, vor noticate metodele
claselor listener nregistrate pentru componenta
surs a a evenimentului.
Tipurile de evenimente si interfetele listener
corespunz atoare:
ActionEvent - ActionListener
ValueChangedEvent -
ValueChangedListener
PhaseEvent - PhaseListener
Inregistrarea unor obiecte listener
ActionListener
<h:commandLink id="adpers"
action="persoana.adauaga">
<f:actionListener type="logger.logAction" />
</h:commandLink>
ValueChangedListener
<h:inputText id="nume"
size="50"
value="#{persoana.nume}"
required="true"
valueChangeListener="persoana.numeSchimbat">
<f:valueChangeListener type="logger.logValueChange" />
</h:inputText>
Modelul pentru validare
JSF pemite validarea datelor la nivel de prezentare,
nainte de actualizarea modelului memorat pe server.
Validatorii pot
Standard
Referiti prin intermediul unor taguri de validare JSF,
incluse n corpul unui tag corespunz ator unei
componente UI.
Proprii
Validarea din cadrul unei componente bean
Implementarea interfetei Validator
Validatori standard
required
<h:inputText id="nume" size="50" value="#{persoana.nume}"
required="true"/>
validateLength
<h:inputText id="nick" size="10" value="#{persoana.nick}">
<f:validateLength minimum="1" maximum="10"/>
</h:inputText>
validateLongRange, validateDoubleRange
<h:inputText id="cantitate" size="4" value="#{articol.cantitate}">
<f:validateLongRange minimum="1"/>
</h:inputText>
Crearea unei metode de validare
public void validateEmail(FacesContext context,
UIComponent component, Object value) {
String email = (String) value;
if (email.indexOf(@) == -1) {
((UIInput)component).setValid(false);
String message = "Bad email..."
context.addMessage(component.getClientId(context),
new FacesMessage(message));
}
}
Utilizarea
<h:inputText id="email"
value="#{user.email}"
validator="#{user.validateEmail}"/>
Interfata Validator
public void validate(FacesContext context,
UIComponent component, Object value) {
if ((context == null) || (component == null)) {
throw new NullPointerException();
}
if (!(component instanceof UIInput)) {
return;
}
if (value == null) {
return;
}
boolean valid = ... ;
if (!valid ) {
throw new ValidatorException("Eroare");
}
}
Folosirea unui validator propriu
Inregistrarea - faces-cong.xml
<validator>
...
<validator-id>emailValidator</validator-id>
<validator-class>
demo.EmailValidator
</validator-class>
<attribute>
...
<attribute-name></attribute-name>
<attribute-class></attribute-class>
</attribute>
</validator>
Utilizarea
<h:inputText id="email" value="#{user.email}" >
<f:validator validatorId="emailValidator" />
</h:inputText>
Modelul pentru navigare
Navigarea reprezint a un set de reguli pentru selectarea
urm atoarei pagini ce va a sat a dup a executarea unei
anumite actiuni.
Evenimentele ActionEvent generate sunt preluate de
c atre un ActionListener implicit si transmise c atre
un obiect NavigatorHandler, responsabil cu controlul
navig arii. Acesta va determina urm atoarea pagin a
examinnd sierul faces-cong.xml.
<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>
Reguli de navigare
Reguli generale
<navigation-rule>
<from-view-id> from-id1 </from-view-id>
<navigation-case> <from-outcome> outcome1 </from-outcome>
<to-view-id> to-id1 </to-view-id>
</navigation-case>
</navigation-rule>
Reguli implicite:
lipse ste outcome
k
, to id
k
este implicit
Sabloane: fromid poate /pages/
*
Rezolvarea regulilor multiple:
cea mai specic a regul a este aplicat a
Reguli "globale": fromid lipse ste sau este
*
Exemplu navigare
Ciclul de via t a
Ciclul de via t a
Crearea unui PhaseListener
public class PhaseLogger implements PhaseListener {
public PhaseLogger() {
System.out.println("PhaseLogger created.");
}
public void afterPhase(PhaseEvent event) {
System.out.println("AFTER - " + event.getPhaseId());
}
public void beforePhase(PhaseEvent event) {
System.out.println("BEFORE - " + event.getPhaseId());
}
public PhaseId getPhaseId() {
return PhaseId.ANY_PHASE;
}
}
<lifecycle>
<phase-listener>
myapp.listeners.PhaseLogger
</phase-listener>
</lifecycle>
Taguri proprii JSF
Biblioteci de taguri
JSF contine dou a biblioteci de taguri proprii:
html_basic - taguri pentru reprezentarea
componentelor HTML standard.
jsf_core - taguri independente de reprezentare, utile
pentru operatiuni de validare, conversie, etc.
JSP
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
Facelets
xmlns:f="http://java.sun.com/jsf/core">
Taguri HTML
h:commandButton h:commandLink h:dataTable h:form
h:graphicImage h:inputHidden h:inputSecret h:inputText
h:inputTextarea h:message h:messages h:outputFormat
h:outputLabel h:outputLink h:outputText h:panelGrid
h:panelGroup h:selectBooleanCheckbox h:selectManyCheckbox
h:selectManyListbox h:selectManyMenu h:selectOneListbox
h:selectOneMenu h:selectOneRadio h:column, ...
Atribute comune
id - Identicatorul unic al componentei.
immediate - Forteaz a efectuarea valid arilor,
conversiilor, etc. n faza "Apply Request Values".
rendered - Specic a dac a va sau nu a sat a
componenta.
style, styleClass - Specic a un stil / clas a CSS.
value - Leag a componenta de o surs a extern a de
date.
binding - Leag a componenta de o component a
bean.
Taguri nucleu
f:actionListener f:attribute f:convertDateTime
f:convertNumber f:converter f:facet
f:loadBundle f:param f:selectItem
f:selectItems f:subview f:validateDoubleRange
f:validateLength f:validateLongRange f:validator
f:valueChangeListener f:verbatim f:view, ...
Localizarea
Specicarea unui sier cu resurse
<f:loadBundle var="bundle" basename="bundle.Messages" />
Identicarea unui mesaj pe baza cheii sale
<h:outputText value="#{bundle.Hello}"/>
/WEB-INF/classes/bundle/Messages.properties
Hello=Salutari calduroase
Facelets
Ce reprezint a Facelets ?
Limbaj pentru crearea declarativ a, orientat a pe
componente a paginilor de prezentare ale unei aplicatii
Web.
Caracteristici:
Utilizeaz a XHTML pentru crearea paginilor
Bazat pe taguri proprii: Facelets, JSF, JSTL
Accept a limbajul de expresii EL
Permite crearea de sabloane
Permite crearea de componente proprii
Crearea paginilor folosind
sabloane
Denirea unui sablon
template.xhtml
xmlns:ui="http://java.sun.com/jsf/facelets"
<h:head>
<title>Facelets Template</title>
</h:head>
<h:body>
<div id="top" class="top">
<ui:insert name="top">Top Section</ui:insert>
</div>
<div id="content" class="main">
<ui:insert name="content">Main Content</ui:insert>
</div>
<div id="bottom" class="bottom">
<ui:insert name="bottom">Bottom Section</ui:insert>
</div>
</h:body>
</html>
Crearea unei pagini
hello.xhtml
xmlns:ui="http://java.sun.com/jsf/facelets"
<h:body>
<ui:composition template="./template.xhtml">
<ui:define name="top">
Welcome to Facelets
</ui:define>
<ui:define name="content">
<h:graphicImage value="#{resource[images:hello.jpg]}"/>
<h:outputText value="Hello Facelets!"/>
</ui:define>
<ui:define name="bottom">
<h:outputLabel value="Power to the Facelets"/>
</ui:define>
</ui:composition>
</h:body>
</html>
Resurse
JSF utilizeaza o serie de conventii in accesarea
resurselor
\aplicatie
...
\WEB-INF
\classes
\lib
\resources
\css
\javascript
\images
<h:graphicImage library="images" name="hello.jpg" />
<h:graphicImage value="#{resource[images:hello.jpg]}"/>
Crearea de componente proprii
Denirea componentei
resources/ezcomp/email.xhtml
xmlns:composite="http://java.sun.com/jsf/composite"
<h:head>
<title>This content will not be displayed</title>
</h:head>
<h:body>
<composite:interface>
<composite:attribute name="value" required="false"/>
</composite:interface>
<composite:implementation>
<h:outputLabel value="Email id: "></h:outputLabel>
<h:inputText value="#{cc.attrs.value}"></h:inputText>
</composite:implementation>
</h:body>
</html>
Utilizarea componentei
somePage.xhtml
xmlns:ez="http://java.sun.com/jsf/composite/ezcomp/">
<h:head>
<title>Using a sample composite component</title>
</h:head>
<body>
<h:form>
<ez:email value="Enter your email id" />
</h:form>
</body>
</html>

Java Server Pages

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Java Server Pages

Încărcat de

Drepturi de autor:

Formate disponibile

Tehnologii Java

S-ar putea să vă placă și