JavaServer Faces Zdeněk Troníček

Rozměr: px

Začít zobrazení ze stránky:

Download "JavaServer Faces Zdeněk Troníček"

Vlastimil Neduchal
před 8 lety
Počet zobrazení:

1 JavaServer Faces Zdeněk k Troníček

2 JSF aplikace Faces servlet web.xml faces-config.xml JSF (*.jsp) Backing Beans (*.java) model (*.java) libraries prefix="f" uri="..." %> prefix="h" uri="..." %> <html> <head>...</head> <body> <f:view> Hi, <h:outputtext value="#{user.name}"/> </f:view> </body> </html> expression language: #{...} CZJUG: JavaServer Faces 2

.." %> <%@taglib prefix="h" uri="..." %> <html> <head>.

3 Requests initial request postback request prefix="f" uri="..." %> prefix="h" uri="..." %> <html> <head>...</head> <body> <f:view> <h:form> <h:inputtext value="#{user.name}"/> <h:commandbutton value="send" action="#{user.store}"/> <h:form> </f:view> </body> </html> CZJUG: JavaServer Faces 3

4 Backing Bean public class UserBean { private String name; private int age; //public UserBean() { } public String getname() { return user; } public void setname( String name ) { this.name = name; } public int getage() { return age; } public void setage( int age ) { this.age = age; } } <h:outputtext value="#{user.name}"/> initial response: getter postback response: getter <h:inputtext value="#{user.age}"/> initial response: getter postback request: setter postback response: getter CZJUG: JavaServer Faces 4

name = name; } public int getage() { return age; } public void setage( int age ) { this.

5 Příklad prefix="f" uri=" %> prefix="h" uri=" %> <html> <head>...</head> <body> <f:view> <h:form> <h:inputtext value="#{user.name}"/> <h:commandbutton value="send" action="#{user.store}"/> </h:form> </f:view> </body> </html> Initial: 1. UserBean.getName() Postback: 2. UserBean.setName() 3. UserBean.store() 4. UserBean.getName() CZJUG: JavaServer Faces 5

name}"/> <h:commandbutton value="send" action="#{user.store}"/> </h:form> </f:view> </body> </html> Initial: 1.

6 Managed Bean (faces-config.xml config.xml) <faces-config>... <managed-bean> <managed-bean-name>user</managed-bean-name> <managed-bean-class> x36tjv.userbean </managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean>... </faces-config> scope request session application none CZJUG: JavaServer Faces 6

7 Navigace (faces-config.xml config.xml) <faces-config> <navigation-rule> <from-view-id>/first.jsp</from-view-id> <navigation-case> <from-outcome>next</from-outcome> <to-view-id>/second.jsp</to-view-id> </navigation-case> </navigation-rule>... </faces-config> first.jsp "next" second.jsp statická navigace: <h:commandbutton value="send" action="next"/> CZJUG: JavaServer Faces 7

jsp</to-view-id> </navigation-case> </navigation-rule>... </faces-config> first.

8 Dynamická navigace <h:commandbutton value="send" action="#{user.store}"/> public class UserBean { public String store() { if ( ) { return "home"; } return "next"; } } "next" second.jsp first.jsp "home" home.jsp CZJUG: JavaServer Faces 8

9 Konverze řetězec javovský objekt <h:inputtext value="#{dvd.year}" required="true"> <f:convertdatetime pattern="yyyy"/> </h:inputtext> BigDecimalConverter BigIntegerConverter BooleanConverter ByteConverter CharacterConverter DateTimeConverter DoubleConverter EnumConverter FloatConverter IntegerConverter LongConverter NumberConverter ShortConverter CZJUG: JavaServer Faces 9

BigIntegerConverter BooleanConverter ByteConverter CharacterConverter DateTimeConverter

10 Konvertor class PhoneConverter implements Converter { public Object getasobject( FacesContext fc, UIComponent comp, String value ) { // String Object (ConverterException) } public String getasstring( FacesContext fc, UIComponent comp, Object value ) { // Object String (ConverterException) } } faces-config.xml <converter> <converter-for-class>x36tjv.phone</converter-for-class> <converter-class>x36tjv.phoneconverter</converter-class> </converter> CZJUG: JavaServer Faces 10

Object value ) { // Object String (ConverterException) } } faces-config.xml <converter> <converter-for-class>x36tjv.

11 Validace form data validation business-logic validation <h:inputtext value="#{app.length}"> <f:validatedoublerange minimum="0" maximum="100"/> </h:inputtext> DoubleRangeValidator LongRangeValidator LengthValidator délka řetězce CZJUG: JavaServer Faces 11

12 Validátor class PhoneValidator implements Validator { public void validate( FacesContext fc, UIComponent comp, Object value ) throws ValidatorException {... } } faces-config.xml <validator> <validator-id>phonevalidator</validator-id> <validator-class>x36tjv.phonevalidator</validator-class> </validator> JSP <h:inputtext value="#{user.phone}"> <f:validator validatorid="phonevalidator"/> </h:inputtext> CZJUG: JavaServer Faces 12

xml <validator> <validator-id>phonevalidator</validator-id> <validator-class>x36tjv.

13 Lokalizace JSP <f:view> <f:loadbundle basename="messages" var="msg"/> <h:outputtext value="#{msg.appname}"/> </f:view> messages_en.properties appname=dvd Library messages_cs.properties appname=knihovna DVD faces-config.xml <application> <locale-config> <default-locale>en</default-locale> <supported-locale>cs</supported-locale> </locale-config> <message-bundle>messages</message-bundle> </application> CZJUG: JavaServer Faces 13

properties appname=knihovna DVD faces-config.

14 Component Tree Client side Welcome to JSF! Server side UIViewRoot <f:view> HtmlOutputText <h:outputtext> HtmlForm <h:form> HtmlInputText <h:inputtext> find HtmlCommandButton <h:commandbutton> CZJUG: JavaServer Faces 14

15 Request Life Cycle postavení stromu Restore View vyčtení parametrů Apply Request Values konverze a validace Process Validations Render Response vytvoření odpovědi Invoke Application akce a navigace Update Model Values uložení hodnot CZJUG: JavaServer Faces 15

Response vytvoření odpovědi Invoke Application akce a navigace

16 Initial Request postavení stromu Restore View vyčtení parametrů Apply Request Values konverze a validace Process Validations Render Response vytvoření odpovědi Invoke Application akce a navigace Update Model Values uložení hodnot CZJUG: JavaServer Faces 16

Render Response vytvoření odpovědi Invoke Application akce a

17 Postback Request postavení stromu Restore View vyčtení parametrů Apply Request Values konverze a validace Process Validations Render Response vytvoření odpovědi Invoke Application akce a navigace Update Model Values uložení hodnot CZJUG: JavaServer Faces 17

18 Events postavení stromu vyčtení parametrů konverze a validace Restore View Apply Request Values Process Events Process Validations Process Events Conversion/validation error Render Response Process Events Invoke Application Process Events Update Model Values vytvoření odpovědi akce a navigace uložení hodnot CZJUG: JavaServer Faces 18

error Render Response Process Events Invoke Application Process Events Update Model

19 Process Validations <h:inputtext value="#{user.phone}"> <f:converter converterid="phoneconverter"/> <f:validator validatorid="phonevalidator"/> </h:inputtext> <h:inputtext value="#{addr.zipcode}"> <f:converter converterid="zipcodeconverter"/> <f:validator validatorid="zipcodevalidator"/> </h:inputtext> <h:messages/> FacesContext: addmessage() PhoneConverter: getasobject() ok PhoneValidator: validate() ok ZipCodeConverter: getasobject() ok ZipCodeValidator: validate() ok error error CZJUG: JavaServer Faces 19

20 Render Response StateHolder Zahrnuje: vytvoření odpovědi uložení stavu komponent Object savestate( FacesContext fc ) void restorestate( FacesContext fc, Object state ) web.xml <context-param> <param-name> javax.faces.state_saving_method </param-name> <param-value>client</param-value> </context-param> CZJUG: JavaServer Faces 20

) web.xml <context-param> <param-name> javax.faces.

21 Render Response (2) Invoke Application Invoke Application initial request Render Response Render Response navigace nový strom komponent bez navigace původní strom komponent CZJUG: JavaServer Faces 21

22 Property immediate <h:commandlink immediate="true" /> <h:commandbutton immediate="true" /> ActionSource ActionEvent Restore View Apply Request Values doručena ActionEvent ActionListener DefaultActionListener Render Response 1. akce 2. navigace CZJUG: JavaServer Faces 22

23 Property immediate (2) <h:inputtext immediate="true" /> <h:selectbooleancheckbox immediate="true" /> Restore View konverze validace Apply Request Values EditableValueHolder: UIInput UISelectBoolean UISelectOne UISelectMany Process Validations CZJUG: JavaServer Faces 23

24 Tag JSF komponenty inputtext, selectonelistbox, selectonemenu, selectoneradio, selectmanylistbox,... UIComponent UIInput, UISelectOne, UISelectMany,... Renderer Text, Secret, Listbox,, Menu, Radio,... Renderer Př.: UIInput + Text = inputtext UISelectOne + Listbox = selectonelistbox CZJUG: JavaServer Faces 24

25 Q&A Děkuji za pozornost

Podobné dokumenty

Enterprise Java (BI-EJA) Technologie programování v jazyku Java (X36TJV)

Enterprise Java (BI-EJA) Technologie programování v jazyku Java (X36TJV) Příprava studijního programu Informatika je podporována projektem financovaným z Evropského sociálního fondu a rozpočtu hlavního města Prahy. Praha & EU: Investujeme do vaší budoucnosti Enterprise Java