![What? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Component Framework Primer for JSF Users
Similaire à Component Framework Primer for JSF Users (20)
Dernier
Dernier (20)
Component Framework Primer for JSF Users
- 1. Component Framework Primer for JSF Users Andy Schwartz | Oracle Corporation
- 12. Grunge: web.xml <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class> javax.faces.webapp.FacesServlet </servlet-class> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> </servlet-mapping>
- 13. My First JSF Page <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> <head><title>My First JSF Page</title></head> <body> <!-- Our first JSF component usage --> Hello, <h:outputText value="World"/>! </body> </html>
- 17. A Simple Binding <h:outputText value="#{sessionScope.user.firstName}"/>
- 20. Managed Bean Registration <faces-config> <managed-bean> <managed-bean-name>user</managed-bean-name> <managed-bean-class>demo.User</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean> </faces-config>
- 21. Managed Bean Registration @ManagedBean @SessionScoped public class User { public String getFirstName() { … } }
- 22. Managed Bean Reference <!-- Instead of this: --> <h:outputText value="#{sessionScope.user.firstName}"/> <!-- We can now do this: --> <h:outputText value="#{user.firstName}"/>
- 28. Grunge: web.xml <filter> <filter-name>wicket</filter-name> <filter-class> org.apache.wicket.protocol.http.WicketFilter </filter-class> <filter-mapping> <filter-name>wicket</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> </filter>
- 29. Grunge: web.xml <init-param> <param-name> applicationClassName </param-name> <param-value> org.demo.wicket.HelloApplication </param-value> </init-param>
- 30. My First Wicket Application public class HelloApplication extends WebApplication { @Override public Class<Hello> getHomePage() { return Hello.class; } }
- 31. My First Wicket Page (HTML) <html xmlns:wicket="…"> <head><title>Hello, Wicket!</title></head> <body> <!-- My first Wicket component (html) --> Hello, <span wicket:id="name" >Foo</span>! </body> </html>
- 32. My First Wicket Page (Java) public class Hello extends WebPage { public Hello() { // My first Wicket component (Java) add(new Label( "name" , "World")); } }
- 36. IModel Contract T getObject() void setObject(T object)
- 39. Simple Model Sample // This: add(new Label("name", "World"); // Is shorthand for: add(new Label("name", new Model("World")));
- 48. Grunge: web.xml <filter> <filter-name>tapestry</filter-name> <filter-class> org.apache.tapestry5.TapestryFilter </filter-class> </filter> <filter-mapping> <filter-name>tapestry</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
- 49. Grunge: web.xml <context-param> <param-name> tapestry.app-package </param-name> <param-value> org.example.tapestry </param-value> </context-param>
- 50. My First Tapestry Page (TML) <html xmlns:t="…"> <head><title>Hello, Tapestry!</title></head> <body> <!-- My first Tapestry component. --> <!-- Note: We don't really need a component. --> Hello, <t:textoutput t:value="name"/>! </body> </html>
- 51. My First Tapestry Page (Java) public class Index { @Property private String name; }
- 55. Take 2: TML <html xmlns:t="…"> <head><title>Hello, Tapestry!</title></head> <body> <!-- Does this seem familiar? --> Hello, <span t:id="nameOutput" >Foo</span>! </body> </html>
- 56. Take 2: Java public class Index { @Property private String name; @Component( parameters={"value=name"}) private TextOutput nameOutput; }
- 58. Take 3: TML <html xmlns:t="…"> <head><title>Hello, Tapestry!</title></head> <body> Hello, <span t:type="textoutput" t:value="name">Foo</span>! </body> </html>
- 59. Facelets Flashback <!-- Remember this? --> <span jsfc="h:outputText" value="#{name}">Foo</span>!
- 61. Property Expressions <!-- Component parameter --> <div><t:textoutput t:value="user.name"/></div> <!-- Template expansion --> <div>${user.name}</div>
- 63. Binding Expressions <!-- Property Binding--> Hello, <t:textoutput t:value="name"/>! <!-- Literal Binding--> Hello, <t:textoutput t:value="literal:World"/>!
- 68. JSF Event Handling <h:form> <h:commandButton value="Increment" actionListener="#{counter.increment}"/> <h:outputText value="#{counter.count}"/> </h:form>
- 69. JSF Event Handling @ManagedBean @SessionScoped public class Counter { public int getCount() { return count; } public void increment() { count++; } private int count; }
- 71. Wicket Event Handling <form wicket:id="form"> <input type="submit" value="Increment" wicket:id="button"/> <span wicket:id="count">count</span> </form>
- 72. Wicket Event Handling public class EventsPage extends WebPage { public EventsPage() { Button button = new Button("button") { @Override public void onSubmit() { count++; } }; } private int count; }
- 75. Tapestry Event Handling <t:form t:id="form1"> <input type="submit" value="Increment" t:type="submit" t:id="button1"/> ${count} </t:form>
- 76. Tapestry Event Handling public class Events { @Persist @Property private int count; // Called when any form is submitted void onSubmit() { count++; } }
- 77. Tapestry Event Handling // All of these work too! // Called when form 1 is submitted void onSubmitFromForm1() { count++ } // Called when any button is selected void onSelected() { count++; } // Called when button1 is selected void onSelectedFromButton1() { count++; }
- 78. Tapestry Event Handling // And these too @OnEvent(value="selected", component="button1") void increment() { count++ } @OnEvent(value="submit", component="form") void foo() { count++ }
- 84. JSF Ajax <f:ajax render="count"/> <h:commandButton value="Increment" actionListener="#{counter.increment}"> <h:commandButton value="Reset" actionListener="#{counter.reset}"> </f:ajax>
- 87. Wicket Ajax AjaxButton button = new AjaxButton("button") { @Override public void onSubmit( AjaxRequestTarget target , Form form) { count++; if (target != null) { target.addComponent(label); } }});
- 88. Wicket Ajax label = new Label("count", …); label. setOutputMarkupId(true);
- 91. Tapestry Ajax <t:form t:id="form1" zone="countZone" > <input type="submit" value="Increment" t:type="submit" t:id="button1"/> <t:zone t:id="countZone"> Hello, ${count} </t:zone> </t:form>
- 92. Tapestry Ajax public class Ajax { @InjectComponent private Zone countZone; Object onSubmitFromForm1() { return countZone.getBody(); } }
- 97. JSF Navigation <h:commandButton action="#{nav.goToPageB}"/> @ManagedBean(name="nav") @RequestScoped public class Navigation { public String goToPageB() { return "success"; } }
- 98. JSF Navigation <navigation-rule> <from-view-id>/pageA.xhtml</from-view-id> <navigation-case> <from-outcome>success</from-outcome> <to-view-id>/pageB.xhtml</to-view-id> <redirect/> </navigation-case> </navigation-rule>
- 100. JSF Implicit Navigation <h:commandButton action="#{nav.goToPageB}"/> @ManagedBean(name="nav") @RequestScoped public class Navigation { public String goToPageB() { // No faces-config entry required return "pageB" ; } }
- 102. JSF Pre-Emptive Navigation <!-- Use navigation rules to determine "success" outcome target --> <h:button outcome="success"/> <!-- Both pre-emptive and implicit. No faces-config needed. --> <h:button outcome="pageB"/>
- 104. Wicket Navigation Button button1 = new Button("button1") { public void onSubmit() { setResponsePage(PageB.class); } };
- 105. Wicket Navigation Button button1 = new Button("button1") { public void onSubmit() { PageB pageB = new PageB(); // Configure PageB instance… setResponsePage(pageB); } }; Wicket Navigation
- 107. Wicket Navigation <!-- HTML --> <a wicket:id="bookmarkable" href="PageB.html">Navigate To Page B</a> // Java form.add( new BookmarkablePageLink("bookmarkable", PageB.class));
- 108. Wicket Navigation <!-- No Java code required. --> <wicket:link> <ul> <li><a href="PageA.html">Page A</a></li> <li><a href="PageB.html">Page B</a></li> <li><a href="PageC.html">Page C</a></li> <li><a href="PageD.html">Page D</a></li> </ul> </wicket:link>
- 110. Tapestry Navigation public class PageA { Object onSubmitFromForm1() { return PageB.class; } }
- 111. Tapestry Navigation public class PageA { @InjectPage private PageB pageB; Object onSubmitFromForm1() { // Configure pageB instance... return pageB; } }
- 113. Tapestry Navigation <t:pagelink t:page="PageB">Go</t:pagelink>
- 117. JSF Input Processing <h:inputText value="#{user.name}"/> @ManagedBean public class User { public String getName() { return name; } public void setName(String name) { this.name = name; } private String name; }
- 119. JSF Conversion <h:inputText value="#{user.age}"> <f:convertNumber integerOnly="true"/> </h:inputText>
- 121. JSF Validation <h:inputText value="#{user.age}"> <f:validateLongRange minimum="18"/> </h:inputText>
- 124. Wicket Input Processing <!-- HTML --> <input type="text" wicket:id="firstName"/> // Java User user = getUser(); form.add(new TextField("firstName", new PropertyModel(user, "name")));
- 127. Wicket Validation <!-- HTML --> <input type="text" wicket:id="age"/> // Java add(new TextField("age", new PropertyModel(getUser(), "age")) .add(NumberValidator.minimum(18)));
- 130. Tapestry Input Processing <!-- TML --> <input type="text" t:type="textfield" t:value="user.name"/> // Java public class Input { @Property private User user; }
- 132. Tapestry Conversion Events public class Input { String onToClientFromAge() { // Return String representation of age } Object onParseClientFromAge(String input) { // Return converted representation of age } }
- 134. Parameter-Based Validation <input type="text" t:type="textfield" t:value="user.age" t:validate="required,min=18"/>
- 135. Event-Based Validation void onValidateFromAge(Integer value) throws ValidationException { if (value < 18) throw new ValidationException("Too young!"); }
- 136. Anntation-Based Validation public class Input { @Property @Validate("required,min=18") private int age; }
- 143. resources/demo/titleBorder.xhtml <html ... ><body> <composite:implementation> <div class="tb-root"> <div class="tb-title"> #{cc.attrs.title} </div> <div class="tb-body"> <composite:insertChildren/> </div> </div> </composite:implementation> </body></html>
- 144. Composite Interface <composite:interface> <composite:attribute name="title" required="true"/> </composite:interface>
- 145. Component Usage <html … xmlns:demo= "http://java.sun.com/jsf/composite/demo"> <body> <demo:titleBorder title="My Favorite Greeting"> Hello, World! </demo:titleBorder> </body> </html>
- 147. TitleBorder.html <html ... ><body> <wicket:border> <div class="tb-root"> <div class="tb-title" wicket:id="titleLabel">Title</div> <div class="tb-body"> <wicket:body/> </div> </div> </wicket:border> </body></html>
- 148. TitleBorder.java public class TitleBorder extends Border { public TitleBorder(String id) { super(id); add(new Label("titleLabel", new PropertyModel(this, "title"))); } // Accessors private String title; }
- 149. Component Usage <!-- HTML --> <div wicket:id="titleBorder"> Hello, World! </div> // Java add(new TitleBorder("titleBorder"));
- 151. TitleBorder.tml <div class="tb-root" ... > <div class="tb-title"> ${title} </div> <div class="tb-body"> <t:body/> </div> </div>
- 152. TitleBorder.java public class TitleBorder { @Property @Parameter(required=true, defaultPrefix=BindingConstants.LITERAL) private String title; }
- 153. Component Usage <t:titleborder t:title="My Favorite Greeting"> Hello, World! </t:titleborder>