Für die Erstellung grafischer HTML5 Oberflächen bietet Ihnen RapidClipse einen auf Vaadin basierenden GUI-Builder.
UI
Die UI entspricht dem einem leeren Anwendungsfenster einer klassischen Desktop-Anwendung. Die UI setzt sich i.d.R. aus vielen unterschiedlichen Views zusammen, die nach URL-Aufruf von der UI angezeigt Nach Aufruf der Anwendung per URL-Aufruf wird zuerst initial die UI erzeugt, welche für die Darstellung der einzelnen Programm-Views zuständig ist, welche per URL-Aufruf geladen werden.
Views
Eine View entspricht entspricht einem einzelnen Anwendungsfenster, das Programmfenster oder Screen einer Anwendung. I.d.R. setzt sich eine Anwendung aus vielen unterschiedlichen Views zusammen, z.B. Login-View, Registrierung, Administrationsbereich, Main-View o.Ä.
Layouts
Um eine grafische Oberfläche bestehend aus GUI-Komponenten erstellen zu können, müssen Sie Ihrer View ein Layout zuweisen.
...
- Klicken Sie in der Palette eine GUI-Komponente an, z.B. XdevButton.
- Ziehen Sie die GUI-Komponente mit Drag-and-Drop von der Palette in die Arbeitsfläche.
...
| borderColor | #f5f5f5 |
|---|---|
| bgColor | #fcfcfc |
| borderStyle | solid |
...
- .