JavaServer Faces. JSF die Oberfläche von Java EE 8 JSF - die Oberfläche von Jakarta EE. Michael

Größe: px

Ab Seite anzeigen:

Download "JavaServer Faces. JSF die Oberfläche von Java EE 8 JSF - die Oberfläche von Jakarta EE. Michael"

Matilde Sachs
vor 5 Jahren
Abrufe

1 JavaServer Faces JSF die Oberfläche von Java EE 8 JSF - die Oberfläche von Jakarta EE Michael

2 Referent Michael Müller Mehr als 35 Jahre Softwareentwicklung Bereichsleiter Softwareentwicklung im InEK InEK = Institut für das Entgeltsystem im Krankenhaus Freier Autor für diverse Verlage Mitglied JSF Expert Group, NetBeans Dream Team 2

3 Bücher Webdevelopment with Java and JSF Practical JSF in Java EE 8 Leanpub.com/jsf (nur noch bis 16. März erhältlich) apress.com/us/book/ (ab ca. April/Mai) Java Lambdas ans Parallel Streams apress.com/de/book/

4 Hinweise Die Slides dienen der Unterstützung eines Vortrags Häufig zeigen sie Gedankenstützen, die einer weiteren Erklärung bedürfen Während des Vortrags wird auf einige Stellen hingewiesen, an denen Code nur zu Demonstrationszwecken genutzt wird im produktiven Einsatz sollte dies so nicht erfolgen (Antipattern) Einzelne Slides werden im Vortrag je nach Kenntnisstand der Teilnehmer ausgeblendet oder durch Livedemos ersetzt 4

5 Hinweise Die Slides dienen der Unterstützung eines Vortrags Häufig zeigen sie Gedankenstützen, die einer weiteren Erklärung bedürfen Während des Vortrags wird auf einige Stellen hingewiesen, an denen Code nur zu Demonstrationszwecken genutzt wird im produktiven Einsatz sollte dies so nicht erfolgen (Antipattern) Einzelne Slides werden im Vortrag je nach Kenntnisstand der Teilnehmer ausgeblendet oder durch Livedemos ersetzt 5

6 Enterprise GUI Verteilte Anwendung Nutzung auf beliebigem Betriebssystem Web-Anwendung mit Darstellung im Browser Warum JSF, wo es doch andere Sprachen bzw. Webframeworks gibt? 6

7 PHP (Login wordpress) <!DOCTYPE html>   <html xmlns=" <?php language_attributes();?>>  <head> <meta http-equiv="content-type" content="<?php bloginfo('html_type');?>; charset=<?php bloginfo('charset');?>" /> <title><?php echo $login_title;?></title> <?php wp_enqueue_style( 'login' ); weiterer PHP code... 7

8 PHP In HTML eingestreuter Code Für viele leichter zu erlernen, da keine zusätzliche Abstraktion Jedoch schlechter zwischen Code und Inhalt zu trennen Moderne Frameworks erlauben bessere Trennung zwischen Code und Layout Serverseitige Ausführung und Validierung Die Applikation läuft in kontrollierter Umgebung 8

9 PHP Dynamische Sprache Keine Typprüfung durch Compiler; falsche Typen fallen erst zu Laufzeit auf Kein Java Damit für JEE nicht geeignet 9

10 AngularJS <body ng-app="realestateapp" class="ng-scope"> <div class="panel panel-default"> <div class="panel-heading"> Real Estate App </div> <div class="container" ng-controller="tenantscontroller" ngcloak> <h1>tenants</h1> <div class="row"> <div> <button class="btn btn-primary" ng-click="previoustenant()"> Previous </button> 10

11 AngularJS AngularJS als Beispiel für beliebige clientseitige JavaScript Frameworks Spezielle Attribute im HTML Ausführung auf dem Client Einabevalidierung ohne Serverzugriff möglich Erfordert hohe Disziplin bei der Programmierung, da die Eingabevalidierung serverseitig nicht vergessen werden darf! 11

12 AngularJS Dynamische Sprache Keine Typprüfung durch Compiler; falsche Typen fallen erst zu Laufzeit auf Kommuniziert mit Server häufig via REST Für JEE geeignet Da das clientseitige Programm mirt dem Server via HTTP / REST kommuniziert, kann die serverseitige Applikation beliebig implementiert werden JEE kann beispielsweise via Jax-RS angebunden werden 12

13 JavaServer Faces <head> <title>tinycalculator</title> </head> <body> <h1>tinycalculator</h1> <form jsf:id="calc"> <div> Param1: <input type="text" jsf:value="#{tinycalculator.param1}"/> </div> <div> Param2: <input type="text" jsf:value="#{tinycalculator.param2}"/> </div> <div> <input type="submit" value="add" jsf:action="#{tinycalculator.add}"/> 13

14 JavaServer Faces <h:head> <title>tinycalculator</title> </h:head> <h:body> <h1>tinycalculator</h1> <h:form id="form"> <div> <h:outputlabel value="param1: "/> <h:inputtext id="param1" value="#{tinycalculator.param1}"/> <h:message for="param1" errorclass="error"/> </div> <div> <h:outputlabel value="param2: "/> <h:inputtext id="param2" value="#{tinycalculator.param2}"/> </div> <div> <h:commandbutton id="add" value="add" action="#{tinycalculator.add}"/> 14

15 JavaServer Faces Spezielle Attribute bzw. Namespace im HTML - oder JSF Tags für Komponenten Beliebige Mischformen möglich 15

16 JavaServer Faces Trennung von Content/Layout und Programmierung Erlaubt arbeitsteilige Entwicklung durch Web-Designer und Programmierer Die zusätzliche Abstraktion ist für Einsteiger, die beide Rollen ausfüllen manchmal schwieriger JSF Tags erlauben es, Seiten weitgehend ohne HTMLKenntnisse zu entwickeln Vadin geht hier noch einen Schritt weiter, doch welcher Entwickler verfügt heute nicht über HTML-Wissen? 16

17 JavaServer Faces Expression Language (EL) als Bindeglied zum Source EL erlaubt den Zugriff auf CDI-Beans Zugriff auf die veralteten JSF managed Beans erfolgt in gleicher Art und Weise, jedoch in neuen Projekten nicht mehr nutzen! Direkte Ausnutzung der JEE Features 17

18 JavaServer Faces Bestens für formularbasierte Applikationen Postback-Navigation Get-Navigation JSF = Monolith? Wege in verteilte Strukturen 18

19 JavaServer Faces Java EE 8 Release 09/2017 JSF 2.3 Release 03/2017 Releaseparty im JavaLand

20 JSF 2.3 Neuerungen (Auswahl) JSF Artefakte via CDI verfügbar Erweiterter Support von Schleifen Multi-Feld Validierung Support für Java 8 Date Time API Import von Konstanten WebSocket 20

21 JSF Artefakte via CDI Vereinfachter Zugriff FacesContext context = FacesContext.getCurrentInstance(); Map<String, Object> sessionmap = private Map<String, Object> sessionmap; Injektion in Konverter, Validatoren etc. Hier war der Zugriff auf JSF Artifakte bisher nur sehr trickreich möglich 21

22 Erweiterter Support von Schleifen Iteration über Maps möglich Iteration von begin bis end <ui:repeat begin="#{bean.begin}" end="#{bean.end}" var="v"> <div>#{v}</div> </ui:repeat> 22

23 Multi-Feld Validierung Nutzung von BeanValidation BeanValidation validiert das Modell Werte werden erst nach erfolgter Validierung übernommen Um mehrere Werten miteinander zu prüfen, wird eine temp. Kopie des Datenmodells mit den neuen Werten erzeugt Relativ aufwendig, so dass für den einfachen Vergleich zweiter Werten in der Regel eine herkömmlioche Prüfung im Komponentenbaum einfacher ist Vornehmlich für komplexe Validationen geeignet 23

24 Java 8 Date Time API type-attribut erweitert both, date, time, localdate, localtime, localdatetime, offsettime, offsetdatetime, zoneddatetime <f:convertdatetime type="localdate" pattern="dd.mm.yyyy"/> 24

25 Import von Konstanten Konstanten inkl. Enums nach Import in der EL nutzbar <f:importconstants type="de.muellerbruehl.alumni.gui.enums.page"/> #{msg.lblforgotpassword} <h:link value="#{msg.lblrequestpassword}" outcome="#{page.requestpassword.url()}"/> 25

26 WebSocket Realisierung eines Server-Pushs Bestens geeignet für Ticker Aktivierung via web.xml Bidirektionale Fähigkeiten werden (noch) nicht genutzt Clientseitige Bearbeitung via JavaScript In der Spezifikation bleibt somit noch Luft nach Oben, z.b. Einführung eines Tags für einfaches Ziel-Element, Nutzung der bidirektionalen Kommunikation 26

27 JavaServer Faces Praktische Demonstration 27

28 JavaServer Faces Fragen? 28

29 JavaServer Faces Vielen Dank für die Aufmerksamkeit! Michael 29

Ähnliche Dokumente

Komponentenorientierte Software-Entwicklung. Seite 1 / 42

Komponentenorientierte Software-Entwicklung. Seite 1 / 42 Seite 1 / 42 Wiederholung Messaging Java Messaging Service (JMS) Pub/Sub P2P Messaging Middleware XMPP-Protokoll Java API for XML-Processing (JAXP) Java API for XML-Binding Webservices / SOA Simple Object