Igor Drobiazko on Tapestry5

Transcript

1. by Igor Drobiazko
2. About Me • Apache Tapestry Committer • Project Management Committee • Tapestry Evangelist • Book author & Speaker • http://tapestry5.de • drobiazko@apache.org
3. Books
4. Books
5. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011
6. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 1.0
7. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 1.0 1.0
8. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0
9. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 1.0
10. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 1.0 1.0
11. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 1.0 1.0 1.0
12. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 4.0 1.0 1.0 1.0
13. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 4.0 1.0 2.0 1.0 1.0
14. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 4.0 5.0 1.0 2.0 1.0 1.0
15. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 4.0 5.0 1.0 2.0 2.0 1.0 1.0
16. History of Web Frameworks 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 3.0 1.0 1.0 4.0 5.0 1.0 2.0 2.0 1.0 5.1 5.2 1.0
17. Why Tapestry?
18. Tapestry is ... a web framework for Java
19. Tapestry is ... JSP-less
20. Tapestry is ... easy to deploy
21. Tapestry is ... easy to deploy
22. JSR 303: Bean Validation Tapestry is ... adaptable
23. Tapestry is ... powerful
24. Tapestry is ... highly productive
25. Performance & Scalability
26. Quality
27. Tapestry is ... fun
28. Tapestry Elements
29. Application Structure Page Application Component Page Component Component Component Component Component Component
30. Package Structure org.example pages components services mixins
31. Tapestry Pages MyPage.java MyPage.tml
32. RESTful URLs MyPage.java
33. RESTful URLs MyPage.java
34. RESTful URLs http://localhost:8080/app/mypage MyPage.java
35. RESTful URLs http://localhost:8080/app/mypage MyPage.java
36. RESTful URLs http://localhost:8080/app/mypage MyPage.java HTTP/1.1 200 OK
37. Tapestry Templates <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${hello} Index.tml
38. Tapestry Templates public class Index { ! ! public String getHello() { ! ! return "Hello, World!"; ! } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${hello} Index.tml Index.java
39. Tapestry Templates public class Index { ! ! public String getHello() { ! ! return "Hello, World!"; ! } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${hello} Index.tml Index.java
40. Tapestry Templates public class Index { ! ! public String getHello() { ! ! return "Hello, World!"; ! } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> Index.tml Index.java
41. Tapestry Templates public class Index { ! ! public String getHello() { ! ! return "Hello, World!"; ! } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${prop:hello} Index.tml Index.java
42. Invisible Instrumentation <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:pagelink page="MyPage">Go to MyPage</t:pagelink> </body> </html>
43. Invisible Instrumentation <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:pagelink page="MyPage">Go to MyPage</t:pagelink> </body> </html> <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="pagelink" page="MyPage">Go to MyPage</a> </body> </html>
44. Meta Programming public class Login { ! @Property @Persist private String username; @Property @Persist private String password; @Inject private Session session; @CommitAfter @DiscardAfter public Object onSuccess() { User user = (User) session.createCriteria(User.class) .add(Restrictions.eq("username", username)); ... user.setLastLogin(new Date()); ! return UserProfile.class; } }
45. State Management public class MyPage { @Persist private String value; ! @SessionState private User user; ... } Persistent field Session State Object
46. Demo Developer Productivity
47. Tapestry Components
48. Tapestry Components MyComponent.java MyComponent.tml
49. Tapestry Components <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> MyPage.tml
50. Tapestry Components public class HelloComponent { @Parameter private String name; public String getHello(){ return "Hello, " + name; } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> MyPage.tml HelloComponent.java
51. Tapestry Components public class HelloComponent { @Parameter private String name; public String getHello(){ return "Hello, " + name; } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> MyPage.tml HelloComponent.java
52. Tapestry Components public class HelloComponent { @Parameter private String name; public String getHello(){ return "Hello, " + name; } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> <div xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> ${hello} </div> MyPage.tml HelloComponent.java HelloComponent.tml
53. Tapestry Components public class HelloComponent { @Parameter private String name; public String getHello(){ return "Hello, " + name; } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> <div xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> ${hello} </div> MyPage.tml HelloComponent.java HelloComponent.tml
54. <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> MyPage.tml Tapestry Components
55. public class HelloComponent { @Parameter private String name; void beginRender(MarkupWriter writer){ writer.element("div"); writer.write("Hello, " + name); writer.end(); } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> HelloComponent.java MyPage.tml Tapestry Components
56. public class HelloComponent { @Parameter private String name; void beginRender(MarkupWriter writer){ writer.element("div"); writer.write("Hello, " + name); writer.end(); } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:helloComponent name="literal:Igor"/> </body> </html> HelloComponent.java MyPage.tml Tapestry Components
57. Component Rendering
58. Component Rendering public class HelloComponent { @Parameter private String name; boolean beginRender(MarkupWriter writer){ writer.element("div"); writer.write("Hello, " + name); writer.end(); return false; } }
59. Component Rendering
60. Component Rendering public class HelloComponent { @Parameter private String name; void beginRender(MarkupWriter writer){ writer.element("div"); } void beforeRenderBody(MarkupWriter writer){ writer.write("Hello, " + name); } void afterRender(MarkupWriter writer){ writer.end(); } }
61. UI for JavaBeans
62. BeanEditForm
63. Grid
64. Demo User Interfaces for JavaBeans
65. Component Events
66. <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink">Click me</a> </body> </html> Index.tml Component Events 1/3
67. public class Index { ! ! void onAction() { ! ! ... ! } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink">Click me</a> </body> </html> Index.tml Index.java Component Events 1/3
68. public class Index { ! ! void onAction() { ! ! ... ! } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink">Click me</a> </body> </html> Index.tml Index.java Component Events 1/3
69. Component Events 2/3 <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink" t:id="first">Click me</a> <a t:type="actionlink" t:id="second">Click me too</a> </body> </html> Index.tml
70. Component Events 2/3 public class Index { ! ! void onActionFromFirst(){...} void onActionFromSecond(){...} } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink" t:id="first">Click me</a> <a t:type="actionlink" t:id="second">Click me too</a> </body> </html> Index.tml Index.java
71. Component Events 2/3 public class Index { ! ! void onActionFromFirst(){...} void onActionFromSecond(){...} } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink" t:id="first">Click me</a> <a t:type="actionlink" t:id="second">Click me too</a> </body> </html> Index.tml Index.java
72. Component Events 2/3 public class Index { ! ! void onActionFromFirst(){...} void onActionFromSecond(){...} } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink" t:id="first">Click me</a> <a t:type="actionlink" t:id="second">Click me too</a> </body> </html> Index.tml Index.java
73. Component Events 2/3 public class Index { ! ! void onActionFromFirst(){...} void onActionFromSecond(){...} } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <a t:type="actionlink" t:id="first">Click me</a> <a t:type="actionlink" t:id="second">Click me too</a> </body> </html> public class Index { ! @OnEvent(component="first", event="action") ! void foo() {...} @OnEvent(component="second", event="action") void bar() {...} } Index.tml Index.java Index.java
74. <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:form> <t:texfield value="username"/> <t:passwordfield value="password"/> <input type="submit"> </t:form> </body> </html> Login.tml Component Events 3/3
75. public class Login { ! void onValidateForm() { ... } void onSuccess() { ... } void onFailure() { ... } } <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> <t:form> <t:texfield value="username"/> <t:passwordfield value="password"/> <input type="submit"> </t:form> </body> </html> Login.tml Login.java Component Events 3/3
76. Events & Page Navigation
77. Events & Page Navigation public class Index { @InjectPage private MyPage myPage; ! ! Object onAction(){ return myPage; } }
78. Events & Page Navigation
79. Events & Page Navigation public class Index { ! Object onAction(){ return „MyPage“; } }
80. Events & Page Navigation
81. Events & Page Navigation public class Index { ! Object onAction(){ return MyPage.class; } }
82. Events & Page Navigation
83. Events & Page Navigation public class Index { ! Object onAction() throws MalformedURLException { return new URL(“http://www.google.com“); } }
84. Events & Page Navigation
85. Internationalization
86. Message Catalog MyPage.java MyPage.tml MyPage.properties MyPage_de.properties app.properties
87. Accessing Messages <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} MyPage.tml
88. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} MyPage.tml MyPage.properties
89. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen MyPage.tml MyPage.properties MyPage_de.properties
90. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
91. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
92. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, de MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
93. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, de MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
94. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, de en MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
95. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, de en MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
96. Accessing Messages welcome-message=Welcome <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_1_0.xsd"> <body> </body> </html> ${message:welcome-message} welcome-message=Willkommen welcome-message="#$%# &#'()#*(+, de en ru MyPage.tml MyPage.properties MyPage_de.properties MyPage_ru.properties
97. Localizable Templates MyPage.java MyPage.tml MyPage_iw.tml MyPage_jp.tml
99. Localizable Images MyPage.java MyPage.tml Logo.jpg Logo_de.jpg Logo_ru.jpg
100. Ajax & Tapestry
101. Partial Updates 0
102. Partial Updates 0
103. Partial Updates Click 0
104. Partial Updates Click
105. Partial Updates Click 1
106. Demo Ajax
107. Around Tapestry Tapestry JumpStart Tapestry360
108. http://tapestry.apache.org/
109. Coming Soon
110. http://tapestry.zones.apache.org:8180/tapestry5- hotel-booking/
111. http://jumpstart.doublenegative.com.au
112. http://tynamo.org
113. http://chenillekit.org
114. http://tapestry5.de
115. Thank You