Java web programozás

1. Java web programozás 9-10.

2. Tartalom • JavaServer Faces (JSF) • JSF jellemzői • JSF projekt létrehozása • Beviteli elemek • Kiviteli elemek • Egyéb elemek • Managed Bean • Navigáció • Validáció

3. A JSF jellemzői • A JSP-re épülő technológia • Egy webes keretrendszer • Beépített adatkonverzió • Beépített adatvalidáció • „okos” Komponensek • Nemzetköziesítés (I18N) támogatása • Igazodik az „MVC” tervezési mintához • Bővíthető (lásd. RichFaces)

4. A JSF architektúrája

5. A JSF működése

6. JSF projekt létrehozása • File  New Project …

7. JSF projekt létrehozása

8. JSF projekt létrehozása

9. JSF projekt létrehozása

10. JSF projekt létrehozása JSF konfigurációs állomány Telepítés leíró JSF lap

11. A minta JSF lap

12. Alapvetőelemek • f:view • A JSF lapot jelenti • f:subview • Al-nézet létrehozása. Pl. fejléc, lábléc • h:form • Egy HTML form-ot generál • JSF tagkönyvtárak használata • <%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%> • <%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

13. Kivitelielemek • h:outputText • Egy szöveget ír ki az oldalra • Pl. <h:outputText value=„Ezt fogom kiírni”/> • h:outputLink • Egy hyperhivatkozást teszt ki az oldalra • Pl. <h:outputLink value=„http://www.google.hu”> <h:outputText value=„Google”/></outputLink>

14. Kivitelielemek • h:graphicImage • Egy képet rajzol ki • Pl. <h:graphicImage url=„images/kep.png”/> • h:dataTable • Adatokat megjelenítő táblázat

15. h:dataTable • A modell

16. h:dataTable • A vezérlő

17. h:dataTable • Anézet

18. h:dataTable

19. Beviteli elemek • h:inputText • Adatbekérést tesz lehetővé • Pl. <h:inputText value=„#{bean.nev}”/> • h:inputTextarea • Többsoros beviteli mező • Pl. <h:inputTextarea rows=„4” cols=„20” value=„#{bean.szoveg}”/>

20. Beviteli elemek • h:inputHidden • Egy rejtett beviteli mező • Pl. <h:inputHidden value=„#{bean.ertek}”/> • h:inputSecret • Egy jelszó beviteli mező • Pl. <h:inputSecret value="jelszo"/>

21. Beviteli elemek • h:selectBooleanCheckBox • Jelölőnégyzet • Pl. <h:selectBooleanCheckbox value="#{emb.f}"/> • h:selectOneRadio • Rádiógombok

22. Beviteli elemek • h:selectOneMenu • Választólista

23. Vezérlő elemek • h:commandButton • Egy nyomógomb • h:commandLink • Parancs hivatkozás (link)

24. Az elemek közös attribútumai • style • CSS utasításokat írhatunk ebbe az attribútumba • styleClass • CSS osztályt (class) rendelhetünk az adott komponenshez • rendered • Megadhatjuk, hogy megjelenjen-e a felületen az adott komponens (true/false) • disabled • Le van-e tiltva az adott komponens (pl. gomb) • value • A komponens értéke.

25. Managed Bean • Egy java osztály a JSF lap mögött. • Gyakorlatilag a „vezérlést” segíti • Felhasználási területei: • Adatkötés komponenseknél (value attribútum) • Metódusok végrehajtása pl. egy gombra kattintáskor • Navigáció végrehajtása • Általában a Managed Bean osztály metódusaiból hívjuk a Session Bean által megvalósított üzleti metódusokat.

26. Managed Bean • Létrehozása • A web-rétegben álljunk kattintsunk jobb egérgombbal, a „Source Packeges”-en. • New  Other…

27. Managed Bean

28. faces-config.xml • A létrejött managed bean-ünk bejegyzése

29. Navigáció • A „faces-config.xml” állományban • A „<navigation-rule>” elemekkel valósul meg. • Általában egy h:commandButton vagy egy h:commandLink segítségével kezdeményezheti a felhasználó a navigációt.

30. Navigáció welcomeJSF.jsp otherPage.jsp

31. Validáció, Konverzió • Nézzük át, a JSF tag-ek attribútumaiként használható validációs lehetőségeket. • Kötelezően kitöltendő • required=„true” • Kötelezően csak szám lehet • <f:convertNumber integerOnly=„true”/> • A hossz korlátozása • <f:validateLength minimum=„5” maximum=„10”/> • Dátum konvertálása • <f:convertDateTime pattern=„yyyy.MM.dd”/>

32. Validáció, Konverzió • Hibaüzenet(ek) megjelenítése: • <h:message>, <h:messages>

33. Validáció, Konverzió