Wicket Kurzübersicht

1. Apache Wicket Gerhard Hipfinger [email_address]

2. Agenda Was ist Wicket Wicket Konzepte Eine Wicket Anwendung Testen Fragen

4. Wicket ist... … ein Web Framework … komponentenorientiert … nur Java & HTML … ein Open Source Projekt (Apache)

6. Keine XML Konfiguration

7. Objektorientierte Programmierung im Web

8. Einfaches erstellen eigener Komponenten

9. Sehr aktive Community

10. Wie geht das? Java + HTML <h1 wicket:id=“subject“>Ein statischer Text</h1>

11. Wie geht das? Java + HTML <h1 wicket:id=“subject“>Ein statischer Text</h1> + add(new Label(„subject“, „Hallo, Welt“));

12. Wie geht das? Java + HTML <h1 wicket:id=“subject“>Ein statischer Text</h1> + add(new Label(„subject“, „Hallo, Welt“)); = <h1>Hallo, Welt</h1>

13. Wie geht das? Java + HTML <h1 wicket:id=“ subject “>Ein statischer Text</h1> + add(new Label(„ subject “, „Hallo, Welt“)); = <h1>Hallo, Welt</h1>

14. Wie geht das? Java + HTML <h1 wicket:id=“subject“> Ein statischer Text </h1> + add(new Label(„subject“, „ Hallo, Welt “)); = <h1> Hallo, Welt </h1>

15. Pures HTML Designer freundlich Sie müssen keine neue Sprache lernen Kein serverseitiges Scripting im Markup Entwickler „pfuschen“ nicht ins Design Designer „pfuschen“ nicht in den Code

16. No JSP - Yeah <html> <head> <title>Author of book from ISBN number</title> </head> <body> <h1> Result page</h1> <jsp:useBean id="fred" class="boox.Book" /> <jsp:setProperty name="fred" property="*" /> <% if (fred.getAuthor().equals("numerous")) { %> That is not an ISBN number on our database<br> <% } else { %> Author is <jsp:getProperty name="fred" property="auth" /> <br> <% } %> Done! </body>

17. No JSP - Yeah <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <f:loadBundle basename="jsfks.bundle.messages" var="msg"/> <html> <head> <title>enter your name page</title> </head> <body> <f:view> <h1> <h:outputText value="#{msg.inputname_header}"/> </h1> <h:form id="helloForm"> <h:outputText value="#{msg.prompt}"/> <h:inputText value="#{personBean.personName}" /> <h:commandButton action="greeting" value="#{msg.button_text}" /> </h:form> </f:view> </body> </html>

18. (Fast) Pures HTML <div wicket:id="feedback"></div> <form wicket:id="form" class="cmxform"> <fieldset> <legend>Erfassung</legend> <ol> <li> <label>Benutzer</label> <input wicket:id="benutzer.email" type="text"/> </li> <li> <label>Start</label> <input wicket:id="start" type="text"/> </li> </ol>

20. Wicket verwenden < dependency > < groupId > org.apache.wicket </ groupId > < artifactId > wicket </ artifactId > < version > 1.4.6 </ version > </ dependency >

22. Wicket Konzept Wicket präsentiert dem Entwickler ein Single Threaded, komponentenorientiertes Entwicklungsmodell Ähnlich wie Entwicklung mit Swing Nur macht das ganze mit Wicket auch Spaß

24. Session

25. Request Lifecycle

26. Komponenten

27. Behaviors

28. Modelle

30. Session

32. Komponenten

33. Behaviors

34. Modelle

38. Wird in der web.xml Datei festgelegt

39. Grundsätzlich: Konfiguration über die API anstatt in XML Dokumenten

41. Session

43. Komponenten

44. Behaviors

45. Modelle

47. Session

49. Komponenten

50. Behaviors

51. Modelle

52. Wicket Request Lifecycle parameters page component version interface event listener ajax listener page resource ... onClick onSubmit . . render page components resource redirect detach store page

54. Session

56. Komponenten

57. Behaviors

58. Modelle

60. in der Open Source Szene

61. Komponenten Eigenschaften Jede Komponente hat eine ID (wicket:id) Jede Wicket ID muss auch im Markup vorhanden sein (wird im Entwicklungsmodus geprüft) Die Komponentenhierarchie muss übereinstimmen Kann ein Modell hinterlegt haben

62. Komponenten Eigenschaften Komponenten können verschachtelt sein <a href=“#“ wicket:id=“link“> <span wicket:id=“msg“>ein text</span> </a> Link link = new Link(„link“) {...}; add(link); link.add(new Label(„msg“,“Ein Text“));

63. Komponenten Eigenschaften Komponenten können verschachtelt sein <a href=“#“ wicket:id=“link“ > <span wicket:id=“msg“>ein text</span> </a> Link link = new Link(„ link “) {...}; add(link); link.add(new Label(„msg“,“Ein Text“));

64. Komponenten Eigenschaften Komponenten können verschachtelt sein <a href=“#“ wicket:id=“link“> <span wicket:id=“msg“ >ein text</span> </a> Link link = new Link(„link“) {...}; add(link); link.add (new Label(„ msg “,“Ein Text“));

67. Session

69. Komponenten

70. Behaviors

71. Modelle

72. Wicket Behaviors Sind „Decorators“ von Komponenten Können die Komponenten Tags ändern Können JavaScript Events zu Komponenten hinzufügen Können Ajax Verhalten zu Komponenten hinzufügen Sehr nützlich im Zusammenspiel mit JavaScript Bibliotheken wie jQuery

73. Wicket Behaviors Beispiel link.add(new AbstractBehaviour() { public void onComponentTag(Component component, ComponentTag tag) { tag.put(„ onclick “, „ return conform('Sind sie sicher?'); “); } }); => <a href=“#“ onclick =“ return conform('Sind sie sicher?'); “>Gefährliche Aktion</a>

75. Session

77. Komponenten

78. Behaviors

79. Modelle

80. Model – View – Controller Modelle erlauben es Komponenten Daten zu speichern und anzuzeigen Modelle verbinden Komponenten mit POJO's Komponente Markup Modell

81. POJO Inhalt in die Komponenten new Label(„lastName“, person.getLastName()); Langweilig und kein „Binding“ oder new Label(„plz“, person.getAddress().getZip()); Nicht NPE fest und kein „Binding“

84. Bindgen und Wicket Modell: public class Address { public String city; } @Bindable public class Person { public Address address; } Und das Binding: add ( new Label ( "city" , BindingModel. of ( personModel, new PersonBinding () . address () . city ())) ; Stabil bei Refactoring!

86. Wicket Anwendungen Testen Komponenten können direkt (Code) oder über das Markup getestet werden Test können ohne Server ausgeführt werden Ajax kann getestet werden (die Server Seite) Tests können in der IDE oder in Ant und Maven builds laufen Hohe Testfallabdeckung möglich!

87. Hello, World testen public class HelloPageTest { @Test public void testHelloWorldLabel() { WicketTester tester = new WicketTester(); tester.startPage(HelloPage. class ); tester.assertLabel( "msg" , "Hello, World!" ); } }

89. Modell Zuständen

90. Navigation

91. Komponentenzuständen

92. Formularen

93. Formulare Testen Eigene Utility Klasse „FormTester“ Mit FormTester kann man einen User und dessen Eingaben simulieren. Felder können gesetzt werden Ein Formular kann abgeschickt und das Ergebnis (Errors, Messages, Zielseiten) abgefragt werden

94. Das erste Hello, World! DEMO

95. Fragen? Fragen & Antworten

96. Gerhard Hipfinger [email_address] openForce Information Technology GesmbH Dresdner Str. 108 / 3. Stock / Top 11 1200 Wien +43 1 3191775 www.openforce.com Das wars :)

Wicket Kurzübersicht

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Wicket Kurzübersicht

Semelhante a Wicket Kurzübersicht (20)

Mais de openForce Information Technology GesmbH

Mais de openForce Information Technology GesmbH (8)

Wicket Kurzübersicht