Zum Hauptinhalt Zur Navigation

Golem Plus Artikel
Open-Source-Framework:
Schöne und sinnvolle Layouts mit Vaadin Flow

Mit Vaadin Flow mehrsprachige Profi-App-Layouts erstellen: Wir zeigen, wie man Menüs, Header, Footer und Arbeitsflächen sinnvoll gestaltet.
/ Sven Ruppert
15 Kommentare News folgen (öffnet im neuen Fenster)
So aufgeräumt wie dieser Schreibtisch sollte auch das Layout sein. (Bild: meesgroothuis/Pixabay)
So aufgeräumt wie dieser Schreibtisch sollte auch das Layout sein. Bild: meesgroothuis/Pixabay

Webanwendungen ohne Kenntnisse in CSS oder Javascript erstellen – das ist mit dem Open-Source-Framework Vaadin Flow möglich. In unserer dreiteiligen Reihe erklären wir, wie Java-Entwickler damit Schritt für Schritt ein konkretes Projekt realisieren können. Nachdem wir uns im ersten Teil (g+) mit den Grundlagen von Vaadin Flow vertraut gemacht und, beginnend mit der Projektinitialisierung unter start.vaadin.com(öffnet im neuen Fenster) , eine neue Anwendung erstellt haben, wollen wir nun einen Schritt weitergehen und das Layout unserer Anwendung gestalten

Dabei konzentrieren wir uns auf die Strukturierung des Arbeitsbereichs und die Organisation der logischen Applikationsgruppen. Unser Ziel ist es, ein flexibles und robustes Applikationslayout zu entwickeln, das auch für industrielle Projekte geeignet ist. Wir werden uns Fragen stellen wie: Welche Elemente müssen auf der Oberfläche präsent sein? Wie sollten Menüs, Header und Footer eingesetzt werden, um die Benutzererfahrung zu optimieren? Und wie lässt sich eine Mehrsprachigkeit effizient implementieren? Schritt für Schritt nähern wir uns einer professionellen Layout-Lösung, die sowohl visuell ansprechend als auch funktional ist. Natürlich gehört dazu auch der Umgang mit verschiedenen Sprachen auf Basis von i18N.

Golem Plus Artikel