Copyright © 2012, Oracle and/or its affiliates. All rights reserved.1
10 Tips for Java EE 7 with PrimeFaces
Mert Çalışkan & Martin Fousek
Software Architect Software Developer
at T2 Yazılım Lt...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.3
The following is intended to outline our general pro...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.4
Agenda
 Introduction
– Java EE 7 & JavaServer Faces...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.5
 Java EE 7 – 14 JSRs and 9 MRs, themes:
– HTML5
– D...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.6
 Open Source Component Library for JSF 2.x
JSF 2.2 ...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.7
 Open source IDE
 Support for Java, PHP, C/C++, Gr...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.8
 Sample codes to demonstrate the tips
 Mavenized p...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.9
HTML(5) Friendly Markup
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.10
HTML(5) Friendly Markup
 New namespaces
– passthro...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.11
Form with usage of HTML friendly markup: validation...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.12
Resource Libraries
Contracts
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.13
Resource Libraries Contracts
 Theme definitions ac...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.14
Simple Resource Libraries Contracts usage, switchin...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.15
Expression Language 3.0
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.16
Expression Language 3.0
 Communication between pre...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.17
Examples of Expression Language 3.0 features:
stand...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.18
-Prime Time with
PrimeFaces Components
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.19
-Prime Time with PrimeFaces Components
 With 100+ ...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.20
Examples on advanced UI components:
DataTable, Gmap...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.21
In the Jungle of
PrimeFaces Themes
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.22
In the Jungle of PrimeFaces Themes
 Powered w/ jQu...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.23
Theme variations on UI Components
Configuration of ...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.24
PrimePush, PrimeUI and
PrimeMobile
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.25
PrimePush, PrimeUI and PrimeMobile
 PrimePush brin...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.26
PrimePush Checkin Demo w/ PrimeMobile in Action
Pri...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.27
JSF scaffolding with
PrimeFaces
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.28
JSF scaffolding with PrimeFaces
 Generation of CRU...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.29
CRUD application generation using standard
JavaServ...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.30
Faces Flows
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.31
Faces Flows
 Reusable collection of screens with d...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.32
Sample wizard using navigation elements of the Face...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.33
Annotation based
component registration
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.34
Annotation based component registration
 Improved ...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.35
Usage of the tag defined by @FacesComponent without...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.36
File Upload
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.37
File Upload
 Servlet 3.0 multipart architecture
 ...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.38
File Upload of the standard JSF 2.2 and PrimeFaces
...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.39
PrimeFaces Cookbook Over 90 practical
recipes to le...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.40
Useful Links
 http://docs.oracle.com/javaee/7/tuto...
Copyright © 2012, Oracle and/or its affiliates. All rights reserved.41
Graphic Section Divider
Upcoming SlideShare
Loading in...5
×

JavaOne - 10 Tips for Java EE 7 with PrimeFaces

25,139

Published on

This presentation takes you on a JSF tour with the help of Java EE 7, together with PrimeFaces and the NetBeans IDE. The tour begins with an introduction of PrimeFaces and its features, such as UI components and themes. Focusing on Java EE 7, it examines HTML5-friendly templates, resource libraries contracts, Faces Flow, EL operators, and lambda magic. Throughout, you will be shown how to apply the principles and concepts learned, via working examples in the NetBeans IDE. The presentation is brought to you “from the horse's mouth”—that is, by PrimeFaces and NetBeans IDE engineers.

Published in: Education, Technology
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
25,139
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
79
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

JavaOne - 10 Tips for Java EE 7 with PrimeFaces

  1. 1. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.1
  2. 2. 10 Tips for Java EE 7 with PrimeFaces Mert Çalışkan & Martin Fousek Software Architect Software Developer at T2 Yazılım Ltd. at Oracle, NetBeans
  3. 3. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.3 The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle’s products remains at the sole discretion of Oracle.
  4. 4. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.4 Agenda  Introduction – Java EE 7 & JavaServer Faces 2.2, PrimeFaces, NetBeans IDE  Tour through 10 features of the JSF and PF – Feature overview – Samples in action
  5. 5. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.5  Java EE 7 – 14 JSRs and 9 MRs, themes: – HTML5 – Developer productivity – Enterprise demands  JavaServer Faces 2.2 big ticket features: – HTML(5) Friendly Markup – Faces Flow – Resource Library Contract Java EE 7 & JavaServer Faces 2.2
  6. 6. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.6  Open Source Component Library for JSF 2.x JSF 2.2 is supported with PF version 4.x  Very Lightweight w/ Zero Configuration  Plenty of examples in Showcase, extensive theming, provides mobile components  Well documented, user guides, books & etc.  Large and active community PrimeFaces
  7. 7. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.7  Open source IDE  Support for Java, PHP, C/C++, Groovy  Latest features – Java SE 7, Java EE 7 and JavaFX – HTML(5) client side development, CSS preprocessors, JavaSciprt frameworks – Cordova, FindBugs, VCS improvements – PHP 5.4 and the newest PHP frameworks NetBeans IDE
  8. 8. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.8  Sample codes to demonstrate the tips  Mavenized projects from Java EE 7 archetype  Repository: github.com/marfous/j1demo-pf Sample Codes
  9. 9. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.9 HTML(5) Friendly Markup
  10. 10. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.10 HTML(5) Friendly Markup  New namespaces – passthrough elements: http://xmlns.jcp.org/jsf (TagDecorator) – passthrough attributes: http://xmlns.jcp.org/jsf/passthrough (RenderKit)  Advantages – Getting control over rendered Facelets – JSF components / JavaScript components / arbitrary mixing – Write and style pure HTML with benefits of JSF
  11. 11. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.11 Form with usage of HTML friendly markup: validation by Bean Validation API with localized messages, custom Bean Validation annotation, passthrough attributes and elements, usage of jQuery plugin at JSF component. 01-HtmlFriendlyMarkup https://github.com/marfous/j1demo-pf HTML(5) Friendly Markup
  12. 12. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.12 Resource Libraries Contracts
  13. 13. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.13 Resource Libraries Contracts  Theme definitions across one or more web applications  Libraries consisting of templates, insertion points, resources  Can be bundled directly into Web Application or within .jar library  How to choose the used one: – there is only one option – static or dynamic view definition – URL based definition within faces-config  Multi-templating
  14. 14. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.14 Simple Resource Libraries Contracts usage, switching RLCs dynamically using Expression Language and ManagedBean. 02-ResourceLibrariesContracts https://github.com/marfous/j1demo-pf Resource Libraries Contracts
  15. 15. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.15 Expression Language 3.0
  16. 16. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.16 Expression Language 3.0  Communication between presentation layer and application logic  Deferred or immediate evaluation of expressions  Sets and gets data, invokes methods  Features – Standalone ELProcessor – Concatenation, semicolon and assignments operators – Static collections – Collection Operations (aligned with Java SE 8) – Lambda Expressions (aligned with Java SE 8)
  17. 17. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.17 Examples of Expression Language 3.0 features: standalone EL Processor, operators, static fields, collections, lambdas and collection operations. 03-ExpressionLanguage3 https://github.com/marfous/j1demo-pf Expression Language 3.0
  18. 18. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.18 -Prime Time with PrimeFaces Components
  19. 19. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.19 -Prime Time with PrimeFaces Components  With 100+ Rich Set of Components  Built-in Ajax based on standard JSF 2.0 Ajax APIs  Client APIs based on  Enterprise theming w/ Theme Roller With 4.0 – Sentinel We’re introducing cool stuff like, – Client Side Validation – Dialog Framework – Tree Drag & Drop – Deferred Loading and many more…
  20. 20. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.20 Examples on advanced UI components: DataTable, Gmap, AutoComplete, Client Side Validation, Tree Drag and Drop, The Dialog Framework and others. 10-PrimeFacesComponents https://github.com/marfous/j1demo-pf -Prime Time with PrimeFaces Components
  21. 21. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.21 In the Jungle of PrimeFaces Themes
  22. 22. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.22 In the Jungle of PrimeFaces Themes  Powered w/ jQueryUI and ThemeRoller CSS Framework Skinning and Structural CSS architecture  ThemeRoller provides visual editor to create new themes  ~40 themes available by only adding JAR dependency  Advanced themes are also available – Twitter Bootstrap Theme – Metro UI Theme ($$)  Configuration is done by <context-param> in web.xml
  23. 23. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.23 Theme variations on UI Components Configuration of theme infrastructure 04-PrimeFacesThemes https://github.com/marfous/j1demo-pf In the Jungle of PrimeFaces Themes
  24. 24. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.24 PrimePush, PrimeUI and PrimeMobile
  25. 25. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.25 PrimePush, PrimeUI and PrimeMobile  PrimePush brings first class support with Atmosphere Framework – WebSockets, long polling, streaming, jsonp  PrimeUI is spin-off from the JSF suite, provides rich javascript widgets – autoComplete, dataTable and many others (~35 components)  PrimeMobile offers UI components for mobile devices, supports for: – powered by jQuery
  26. 26. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.26 PrimePush Checkin Demo w/ PrimeMobile in Action PrimeUI integrated with REST Services 05-PrimePushUiMobile https://github.com/marfous/j1demo-pf PrimePush, PrimeUI and PrimeMobile
  27. 27. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.27 JSF scaffolding with PrimeFaces
  28. 28. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.28 JSF scaffolding with PrimeFaces  Generation of CRUD skeleton from the database – NetBeans IDE: JSPs or vanilla Facelets – nbpfcrudgen plugin: Facelets with PrimeFaces  Last feature – NetBeans 7.3.1 generates CDI artifacts  Procedure – Generate entity classes from database – Generate JSF pages from entities
  29. 29. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.29 CRUD application generation using standard JavaServer Faces templates, generation of PrimeFaces templates. 06-JsfPrimeFacesScaffolding https://github.com/marfous/j1demo-pf JSF scaffolding with PrimeFaces
  30. 30. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.30 Faces Flows
  31. 31. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.31 Faces Flows  Reusable collection of screens with defined entry and exit points  Nodes like switchNode, finalizer, methodCall etc.  Derived from proven technologies: Spring WebFlow, ADF Task Flow  JSF bound with CDI - @FlowScoped  Definition: – Faces-config configuration file – Java definition using FlowBuilder (@FlowDefinition)
  32. 32. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.32 Sample wizard using navigation elements of the Faces Flow, flow scope defined bean, Faces Flow component as a plugable library. 07-FacesFlow, 07-FacesFlowLibrary https://github.com/marfous/j1demo-pf Faces Flows
  33. 33. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.33 Annotation based component registration
  34. 34. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.34 Annotation based component registration  Improved FacesComponent interface  Eliminates needs for the TLD file  CDI capable component  @FacesComponent(createTag = true, namespace = ... , // implicitly: http://xmlns.jcp.org/jsf/component tagName = ...) // implicitly: lowercased class name
  35. 35. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.35 Usage of the tag defined by @FacesComponent without any tag library, CDI binding in the component, Java SE project as a custom tag library. 08-FacesComponent, 08-FacesComponentLibrary https://github.com/marfous/j1demo-pf Annotation based component registration
  36. 36. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.36 File Upload
  37. 37. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.37 File Upload  Servlet 3.0 multipart architecture  Standard component with/without AJAX requests  For lower JSF versions already available as PrimeFaces component  Prerequisites – Enctype multipart/form-data of the form – Servlet 3.0
  38. 38. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.38 File Upload of the standard JSF 2.2 and PrimeFaces library in action, with validation of type and size limit. 09-FileUpload https://github.com/marfous/j1demo-pf File Upload
  39. 39. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.39 PrimeFaces Cookbook Over 90 practical recipes to learn PrimeFaces written by: Oleg Varaksin & Yours Truly Author discount 40% with code: -
  40. 40. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.40 Useful Links  http://docs.oracle.com/javaee/7/tutorial/doc/home.htm  http://www.primefaces.org/showcase  http://blog.primefaces.org  https://netbeans.org/kb/trails/java-ee.html  http://sourceforge.net/projects/nbpfcrudgen
  41. 41. Copyright © 2012, Oracle and/or its affiliates. All rights reserved.41 Graphic Section Divider
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×