Download as PDF, PPTX
Uploaded byPeter Lehto
Vaadin with Java EE 7
The document discusses Java Enterprise Edition 7 and the Java APIs that comprise it, including Java Persistence API, Enterprise JavaBeans, Context and Dependency Injection, and more. It then covers using these technologies with Vaadin, including managing user interfaces with CDI and structuring Vaadin apps using the Model-View-Presenter pattern. The MVP pattern aims to separate complex UI logic from rendering for cleaner code and easier testing.
More Related Content
![Top 50 java ee 7 best practices [con5669]](https://cdn.slidesharecdn.com/ss_thumbnails/top50javaee7bestpracticescon5669-160927041126-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Vaadin with Java EE 7
- 1. Vaadin with Java EE7 Peter Lehto @peter_lehto Expert & trainer / Vaadin
- 2. Vaadin with Java EE7 Peter Lehto @peter_lehto Expert & trainer / Vaadin
- 3.
- 4.
- 5.
- 8. Server driven UI frameworkfor rich web applications
- 9.
- 10.
- 11.
- 12.
- 14. • Loader page •CSS Theme • Images • JavaScript
- 15. • Loader page •CSS Theme • Images • JavaScript 135k Compressed & reduced thin client
- 18. • name=”Joonas” • buttonclicked 261 bytes
- 20. • name=”Joonas” • buttonclicked 261 bytes • Add notification 267 bytes
- 21.
- 22. Collection of JavaSpecification Requests (JSRs)
- 23. Collection of JavaSpecification Requests (JSRs) Implemented by app servers
- 26. Do you knowsome Java EE specs?
- 27. Java Persistence API 2.1(JPA) (JSR-338)
- 28. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345)
- 29. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340)
- 30. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343)
- 31. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340)
- 32. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344)
- 33. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245)
- 34. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245) Bean Validation 1.1 (JSR-349)
- 35. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245) Bean Validation 1.1 (JSR-349)Interceptors 1.2 (JSR-318)
- 36. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245) Bean Validation 1.1 (JSR-349)Interceptors 1.2 (JSR-318) Java Transaction API 1.2 (JTA) (JSR-907)
- 37. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245) Bean Validation 1.1 (JSR-349)Interceptors 1.2 (JSR-318) Java Transaction API 1.2 (JTA) (JSR-907) Java API for RESTful Web Services 2.0 (JAX-RS) (JSR-907)
- 38. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245) Bean Validation 1.1 (JSR-349)Interceptors 1.2 (JSR-318) Java Transaction API 1.2 (JTA) (JSR-907) Java API for RESTful Web Services 2.0 (JAX-RS) (JSR-907) Java API for XML based Web Services 2.2 (JAX-WS) (JSR-907)
- 39. Java Persistence API 2.1(JPA) (JSR-338) Enterprise Java Beans 3.2 (EJB) (JSR-345) Java Servlet 3.1 (JSR-340) Java Message Service 2.0 (JMS) (JSR-343) Context and Dependency Injection 1.1 (CDI) (JSR-340) Java Server Faces 2.2 (JSF) (JSR-344) Java Server Pages 2.3 (JSP) (JSR-245) Bean Validation 1.1 (JSR-349)Interceptors 1.2 (JSR-318) Java Transaction API 1.2 (JTA) (JSR-907) Java API for RESTful Web Services 2.0 (JAX-RS) (JSR-907) Java API for XML based Web Services 2.2 (JAX-WS) (JSR-907) Java Architecture for XML Binding 2.2 (JAX-B) (JSR-222)
- 40. APIs that formyour technology stack Which APIs should I know?
- 41. Java Persistence API2.1 (JPA)
- 42. Customer @Entity ______________________________ @Id @AutoGenerated Long id; @Column(nullable =false) String name; Date birthdate;
- 43. Customer @Entity ______________________________ Customer Id name birthdate 1Alex 07.02.1984 2 John 18.2.1992 @Id @AutoGenerated Long id; @Column(nullable = false) String name; Date birthdate;
- 44. Customer @Id @AutoGenerated Long id; @Column(nullable =false) String name; Date birthdate; @OneToMany(mappedBy=“customer”) List<Invoice> invoices; @Entity ______________________________ Customer Id name birthdate 1 Alex 07.02.1984 2 John 18.2.1992 Invoice Id customer number 1 1 123 2 1 124
- 45. Enterprise Java Beans3.2 (EJB)
- 46. Business layer services EnterpriseJava Beans
- 47. Business layer services @localand @remote Enterprise Java Beans
- 48. Business layer services @localand @remote Enterprise Java Beans Transaction boundaries
- 49.
- 50.
- 51.
- 52.
- 53. @Local public interface CustomerService{ void storeCustomers(Collection<Customer> customers); void removeCustomers(Collection<Customer> customers); Collection<Customer> getAllCustomers() Optional<Customer> getCustomerByName(String name); }
- 54. @Stateless public class CustomerServiceBeanimplements CustomerService { @PersistenceContext private EntityManager em; public void storeCustomers(Collection<Customer> cu) { cu.forEach(c -> storeCustomer(c)); } public void storeCustomer(Customer c) { em.merge(c); } }
- 55. Context and Dependency Injection1.2 (CDI)
- 56. Instead of sayingnew say @Inject Context and Dependency Injection
- 57. Instead of sayingnew say @Inject Decouples code and lets container manage dependencies Context and Dependency Injection
- 58. Object references byscopes Context and Dependency Injection
- 59.
- 60.
- 61.
- 62.
- 63. @Stateless CustomerService _________________ @EJB InvoiceService invoices; @UIScoped AppUI _________________ @EJB CustomerService service; @Inject MainMenumainMenu; @Inject User currentUser; @UIScoped MainMenu _________________ @Inject Event<MenuEvent> menuEventSource; @Stateless InvoiceService
- 64. Integration to EEthrough Vaadin CDI
- 65. Managed UI with@CDIUI
- 66. Managed UI with@CDIUI Allows injection with @Inject and @EJB
- 67. Easily reference EEobjects Allows injection with @Inject and @EJB Managed UI with @CDIUI
- 68. @CDIUI(“”) public class AppUIextends UI { }
- 69. @CDIUI(“”) public class AppUIextends UI { @Inject private MainMenu mainMenu; @Inject private User currentUser; @Inject private ViewManager viewManager; public void init(VaadinRequest request) { VerticalLayout layout = new VerticalLayout(); layout.addComponent(mainMenu); setContent(layout); } }
- 70. @UIScoped AppUI _____________________________ @Inject private MainMenu menu; @Inject privateViewManager viewMgr; @Inject private User loggedInUser; <<UIScope>> MainMenu ViewManager <<SessionScope>> User
- 71. <<UIScope>> MenuBar Footer ViewManager <<SessionScope>> User @UIScoped AppUI _____________________________ @Inject private MenuBar menu; @Inject privateViewManager viewMgr; @Inject private User loggedInUser; <<UIScope>> MenuBar Footer ViewManager <<UIScope>> MenuBar Footer ViewManager <<UIScope>> MenuBar ViewManager
- 72.
- 73.
- 74.
- 75.
- 76.
- 77. @UIScoped UI specific beanreferences
- 78. @UIScoped UI specific beanreferences CDI context for mapping beans per UI
- 79. @UIScoped UI specific beanreferences CDI context for mapping beans per UI @UIScoped
- 80. @UIScoped public class MainMenuextends CustomComponent { }
- 81. @UIScoped public class MainMenuextends CustomComponent { @Inject private Event<NavigationEvent> eventSource; protected void onMenuItemClicked(MenuItem item) { eventSource.fireEvent(new NavigationEvent(item)); } }
- 82. @CDIUI(“”) public class AppUIextends UI { … protected void onNavigationEvent(@Observes NavigationEvent event) { viewMgr.navigateTo(event.getView()); } }
- 83. Structuring Vaadin Appwith Model View Presenter
- 84.
- 85. Do you like spaghetti? Let’sclean it!
- 86.
- 87.
- 88.
- 89.
- 90. Late 1970s SmallTalk-80 Controller is mediatorbetween end user and application Originally Model-View-Controller
- 91.
- 92.
- 93. 1980s Influenced by SmallTalk-80 TaligentModel-View-Presenter
- 94. 1980s Influenced by SmallTalk-80 Model,View, Presenter, Interactors, Commands, Selections Taligent Model-View-Presenter
- 95. 1980s Influenced by SmallTalk-80 Model,View, Presenter, Interactors, Commands, Selections Taligent Model-View-Presenter Presenter orchestrates the structure, not the input
- 96.
- 97.
- 98.
- 99. late 1980s Simplified Taligent MVP Viewhandles events by notifying presenter Dolphin-Smalltalk MVP
- 100. late 1980s Simplified Taligent MVP Viewhandles events by notifying presenter Dolphin-Smalltalk MVP Presenter handles the logic, not the user input control
- 101. late 1980s Simplified Taligent MVP Viewhandles events by notifying presenter Dolphin-Smalltalk MVP Presenter handles the logic, not the user input control
- 102. UI layer MVPtargets Clean code best practices like…
- 103. Single responsibility principle Classshould have only one reason to change
- 104.
- 105. Open closed principle Openfor extension, closed for change
- 106.
- 107. Dependency Inversion principle Dependon abstraction, not concretions
- 108.
- 109. Today many MVP variationsexists Here’s one…
- 110.
- 111.
- 112.
- 113. Example EditorView - Button saveButton; -Button cancelButton; - FieldGroup personFieldGroup; - saveButtonClicked() - cancelButtonClicked() ClickListener + buttonClicked()
- 114. Presenter + saveButtonClicked() + cancelButtonClicked() EditorView -Button saveButton; - Button cancelButton; - FieldGroup personFieldGroup; + commitChanges() + discardChanges() ClickListener + buttonClicked() Example
- 115. + commitChanges() + discardChanges() Presenter +saveButtonClicked() + cancelButtonClicked() EditorViewImpl - Button saveButton; - Button cancelButton; - FieldGroup personFieldGroup; + commitChanges() + discardChanges() ClickListener + buttonClicked() Example EditorView
- 116.
- 117. Benefits of MVP Simplerclasses by SRP
- 118. Benefits of MVP Simplerclasses by SRP Complex UI logic separated from rendering
- 119. Benefits of MVP Simplerclasses by SRP Complex UI logic separated from rendering Logic becomes easier to test by DIP
- 120.
- 121.
- 122.
- 123. public interface CustomerViewextends ApplicationView<CustomerViewPresenter> { }
- 124. public interface CustomerViewextends ApplicationView<CustomerViewPresenter> { void populateCustomers(Collection<Customer> customers); void openEditorFor(Customer customer); void closeEditor(); void removeTableSelection(); }
- 125.
- 126. @ViewScoped public class CustomerViewPresenterextends AbstractPresenter<CustomerView> { }
- 127. @ViewScoped public class CustomerViewPresenterextends AbstractPresenter<CustomerView> { @EJB private CustomerService customerService; @Override protected void onViewEnter() { getView().populateCustomers(customerService.getAllCustomers()); } }
- 128. @ViewScoped public class CustomerViewPresenterextends AbstractPresenter<CustomerView> { @EJB private CustomerService customerService; @Override protected void onViewEnter() { getView().populateCustomers(customerService.getAllCustomers()); } public void onCustomerSaved(@Observes CustomerSavedEvent event) { … } public void onCustomerRemoved(@Observes CustomerRemovedEvent event) { … } public void onCustomerSelected(@Observes CustomerSelectedEvent event) { … } }
- 129.
- 130. @Local public interface CustomerService{ void storeCustomers(Collection<Customer> customers); void removeCustomers(Collection<Customer> customers); Collection<Customer> getAllCustomers(); Optional<Customer> getCustomerByUsername(String username); }
- 131. Application Architecture @Stateless @TransactionAttribute(TransactionAttributeType.REQUIRED) public class CustomerServiceBeanimplements CustomerService { @PersistenceContext(unitName = "appUnit") private EntityManager entityManager; @Override public void storeCustomers(Collection<Customer> customers) { customers.forEach(cu -> entityManager.merge(cu)); } @Override public Collection<Customer> getAllCustomers() { return entityManager.createQuery(query).getResultList(); } … }
- 132.
- 133. Application Architecture @Entity public class Customer{ @Id @AutoGenerated private Long id; private String name; @Temporal(DATE) private Date birthDate; public boolean isPersisted() { return id != null; } … }
- 134.
- 135.
- 136.
- 137.
- 138.
- 139.
- 140. slides slideshare.net/PeterLehto Peter Lehto @peter_lehto Vaadin Expert& trainer Example App github.com/peterl1084/cdiexample
- 141. slides slideshare.net/PeterLehto Peter Lehto @peter_lehto Vaadin Expert& trainer Example App github.com/peterl1084/cdiexample
- 142. slides slideshare.net/PeterLehto Peter Lehto @peter_lehto Vaadin Expert& trainer Thank you!
- 143. slides slideshare.net/PeterLehto Peter Lehto @peter_lehto Vaadin Expert& trainer Thank you!
- 144. What did welearn today?
- 145. What did welearn today? 1. Java EE contains tons of specifications for enterprise apps
- 146. What did welearn today? 1. Java EE contains tons of specifications for enterprise apps 2. Vaadin is a great way to assemble UIs with components
- 147. What did welearn today? 1. Java EE contains tons of specifications for enterprise apps 2. Vaadin is a great way to assemble UIs with components 3. Combining Vaadin with Java EE works best through CDI
- 148. What did welearn today? 1. Java EE contains tons of specifications for enterprise apps 2. Vaadin is a great way to assemble UIs with components 3. Combining Vaadin with Java EE works best through CDI 4. Write maintainable code by following best practices
- 149. Get the book! vaadin.com/book PDF,ePub, HTML Vol 1 288 pages Vol 2 434 pages
- 150.
- 151.