Joachim Baumann Daniel Arndt Frank Engelen Frank Hardy Carsten Mjartan. Vaadin. Der kompakte Einstieg für Java-Entwickler

Transkript

1 Joachim Baumann Daniel Arndt Frank Engelen Frank Hardy Carsten Mjartan Vaadin Der kompakte Einstieg für Java-Entwickler

2 Joachim Baumann Daniel Arndt Frank Engelen Frank Hardy Carsten Mjartan Lektorat: René Schönfeldt Copy-Editing: Annette Schwarz, Ditzingen Satz und Herstellung: Frank Heidt Umschlaggestaltung: Helmut Kraus, Druck und Bindung: M.P. Media-Print Informationstechnologie GmbH, Paderborn Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über abrufbar. ISBN Auflage 2015 Copyright 2015 dpunkt.verlag GmbH Wieblinger Weg Heidelberg Die vorliegende Publikation ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Abbildungen, auch auszugsweise, ist ohne die schriftliche Zustimmung des Verlags urheberrechtswidrig und daher strafbar. Dies gilt insbesondere für die Vervielfältigung, Übersetzung oder die Verwendung in elektronischen Systemen. Es wird darauf hingewiesen, dass die im Buch verwendeten Soft- und Hardware-Bezeichnungen sowie Markennamen und Produktbezeichnungen der jeweiligen Firmen im allgemeinen warenzeichen-, marken- oder patentrechtlichem Schutz unterliegen. Alle Angaben und Programme in diesem Buch wurden mit größter Sorgfalt kontrolliert. Weder Autor noch Verlag können jedoch für Schäden haftbar gemacht werden, die in Zusammenhang mit der Verwendung dieses Buches stehen

3 v Inhaltsverzeichnis Geleitwort 1 Vorwort 3 1 Einleitung Was ist Vaadin? Historie Wofür ist Vaadin gut? Unsere Erfahrungen mit Vaadin Weitergehende Informationen Erste Schritte mit Vaadin Einrichten der Entwicklungsumgebung Eclipse Erste Schritte Verwendung von Maven für Vaadin-Projekte in Eclipse Andere Entwicklungsumgebungen Die Vaadin-Architektur Einleitung Überblick Serverseitiges Programmiermodell Clientseitiges Programmiermodell Push Themes Add-ons

4 vi Inhaltsverzeichnis 3.3 Vaadin unter der Haube Der Einstiegspunkt Die Benutzeroberfläche Der erste Aufruf der UI Konsequenzen der Vaadin-Architektur Serverseitiger Speicherbedarf Clientseitiger Speicherbedarf und Render-Performance Netzwerkkommunikation Latenz UI-Komponenten Grundlegende UI-Komponenten UI als Rahmen für die Applikation Textausgabe mit Label und Notification Button Texteingaben mit TextField, PasswordField und TextArea Formatierte Texteingabe über RichTextArea Datumseingabe mit InlineDateField und PopupDateField Eingabe von Werten über Slider Auswahlkästchen mit CheckBox Auswahlboxen mit ListSelect, ComboBox, NativeSelect, OptionGroup und TwinColSel Hochladen von Dateien mit Upload Hierarchieanzeige mit der Tree-Komponente Tabellen mit der Table-Komponente Menüzeilen mit MenuBar Fortschrittsanzeige mit der ProgressBar-Komponente Videos und Animationen mit Link, AbstractMedia und AbstractEmbedded Layout-Klassen Elemente untereinander: VerticalLayout Elemente nebeneinander: HorizontalLayout Zwischenbetrachtung: Schachteln von Layouts GridLayout Elemente im Gitter FormLayout AbsoluteLayout CssLayout CustomLayout

5 Inhaltsverzeichnis vii 4.3 Sonderlayouts Scrolling mittels Panel Splitter mit Horizontal- und VerticalSplitPanel Karteireiter im TabSheet Accordions Popup-Fenster mit Window Eigene Komponenten und Eingabefelder CustomComponents mit dem visuellen Editor Data Binding Einführung Details zum»data Binding«-Prozess Das Vaadin-Container-Datenmodell im Allgemeinen Validierung in der GUI Nutzung von JSR-303-Validatoren Nutzung Vaadin-spezifischer Validatoren Erkennen von Änderungen Real-Time-Webapplikationen mit Vaadin Server Push Ein kleines Beispiel Ein Mini-Chat Layout und Styling Auswahl eines Theme Erstellung eines eigenen Theme Struktur eines Theme Erstellung eines CSS-basierten Theme Erstellung eines SCSS-basierten Theme Theme-Vorlagen CSS-Selektor-Strategien SCSS-Sprachkonstrukte nutzen CSS Injection Navigation in Ajax-Anwendungen Einleitung URI-Fragmente Format der URI-Fragmente URI-Fragmente und Applikationszustand Manipulation und Überwachung des URI-Fragments

6 viii Inhaltsverzeichnis 8.6 Die Navigator-API Der Navigator Die ViewProvider Der NavigationStateManager Ablauf eines View-Wechsels Anwendungsarchitektur mit Vaadin Einleitung Überblick Was verstehen wir unter Architektur? Architekturmuster Ein kurzer Überblick Die Schichtenarchitektur Die MVx-Architekturmuster Auf in die Praxis Die Beispielanwendung Das Beispielprojekt Das Domänenmodell der Beispielanwendung Der Login in der MVP-Passive-View-Variante Schnittstellendefinition und Implementierung Entkopplung mit einem Event-Bus Der Event-Bus von Guava Umstellung auf den Event-Bus Vor- und Nachteile von Event Handling Dependency Injection Die Umstellung auf CDI Umstellung der Anwendung Der Profileditor in der MVP-Variante Schnittstellendefinition und Implementierung MVVM am Beispiel der Anmeldekomponente Umbau des Presenter in ein Presentation Model Die View und die Integration in der Anwendung Zusammenfassung Add-ons Einleitung Vaadin-Directory Add-on verwenden

7 Inhaltsverzeichnis ix 11 Vaadin und Maven Einleitung Überblick Archetypes Maven-Projekt erstellen Kommandozeile Eclipse Projektstruktur im Detail Das Vaadin-Maven-Plugin Automatisiertes Testen von Vaadin-Anwendungen Einleitung Unit-Tests Interaktion mit Vaadin-Komponenten Interaktion mit ThreadLocals GUI-Tests mit Selenium Ein erster Test Locator Warten will gelernt sein Das Page-Object-Pattern Unabhängigkeit von Einzeltests Zusammenfassung Literatur 263 Index 267