sdf

HTML5 GUI-Builder

HTML5 GUI-Builder auf Basis von Vaadin.
Beeindruckende UI-Controls auf Basis von Google Web-Toolkit.
Oberflächen per Drag&Drop designen und direkt mit der Datenbank verbinden.
RapidClipse is powered by XDEV
RapidClipse is powered by

HTML5 Oberflächen

Beeindruckende HTML5 Oberflächen die
sich an jede Displaygröße anpassen und
auf allen Plattformen lauffähig sind.
Apps_for_all_Platforms
vaadin-logo
GWTLogoNeu
Warum Vaadin?

■ Gesamte HTML5 Oberfläche in Java schreiben
■ UI Widgetset basiert auf Google Web-Toolkit (GWT)
■ Individuelles Styles mit SCSS
■ Dynamische Generierung des Clients
■ Vollautomatisierte Client-Server Kommunikation
■ Serverseitige Architektur bietet optimale Sicherheit
■ Kein Kontakt mit HTML und JavaScript und Sie müssen  
   sich nicht um DOM Manipulationen, Browser History
   und andere Low-Level Probleme kümmern
Warum GWT?

■ GWT Komponenten sind die Basis für das
   Vaadin UI Widgetset
■  Der JavaScript Code aller GWT Komponenten ist bereits
    für alle wichtigen Browser optimiert
■ Eigene GWT-Widgets lassen sich in Java schreiben
■ GWT-Compiler generiert den gesamten JavaScript Code

Intuitive Layout-Manager

Mit Hilfe von Layout-Manager lassen sich Oberflächen erstellen, die sich automatisch flexibel an jede Displaygröße anpassen. RapidClipse bietet Ihnen intuitive Assistenten, sodass Sie sich nicht mit der komplizierten Layout-Manager-Programmierung auseinandersetzen müssen und sich dadurch eine Menge Entwicklungs- und Testaufwand sparen.
Bootstrap Layouts for Vaadin in RapidClipse
RapidClipse provides Bootstrap Layouts for Vaadin

Beeindruckende UI-Widgets

Beeindruckende HTML5 Oberflächen die sich an jede Displaygröße anpassen und auf allen Plattformen lauffähig sind.
TABLE & TREE-TABLE
Menüleisten lassen sich blitzschnell konstruieren, indem Sie einfach per drag-and-drop weitere Menüpunkte in das vorhandene Menü einhängen. Anschließend lässt sich per Mausklick für jedes Menü-Item ein Event generieren.
JavaScript Menubar in RapidClipse
MENÜS
Die Table ermöglicht die Darstellung von Text und Bilder, erlaubt Sortierungen und bietet automatisiertes Lazy- Loading, d.h. die Datensätze werden erst beim Scrollen nach unten nachgeladen. Die Struktur wird automatisch durch Zuweisung eines Entities erzeugt.
JavaScript TreeTable in RapidClipse
ACCORDION
Per Drag&Drop können Sie die Accordion-Komponente schnell und einfach mit belieibigen Widgets erweitern, die dann automatisch als neue Tabs angezeigt werden.
JavaScript Accordeon in RapidClipse
Der Funktionsumfang der Richtext Editor Komponente kann via Properties schnell und einfach individuell konfiguriert werden.
RICHTEXT EDITOR
JavaScript Richtext editor in RapidClipse
Vaadin UI widget palette in RapidClipse

Formular Generator

Mit dem Formular-Assistenten können Sie für jede Datenbanktabelle ein passendes, voll funktionsfähiges Formular generieren lassen. Auch mehrspaltige und selbst über mehrere Tabs verteilte Formulare sowie kombinierte Eingabe- und Such-Formulare sind möglich. Alle Controls lassen sich anschließend beliebig mit der Maus verschieben und neu anordnen.
Vaadin fileld group generated by RapidClipse
arrowCircle
RapidClipse wizard generates Vaadin fileld groups automaticly

Master-Detail Ansichten

Für die Umsetzung von Master-Detail Ansichten müssen Sie lediglich zwei UI-Widgets miteinander verknüpfen, welche die entsprechend zueinander passende Daten enthalten. Die notwendigen Datenbankabfragen generiert RapidClipse automatisch für Sie.
RapidClipse master-detail views

Konvertierungs Assistent

Mit dem Konvertierungs-Assistenten können Sie Ihren Formular-Controls nicht nur Formatierungen zuweisen, z.B. Währungszeichen oder Datums-Format. Auch häufig benötigte Konvertierungen und Berechnungen werden standardmäßig unterstüzt.
con_numer
con_date

Table Designer

Mit dem Table-Editor können Sie für jede einzelne Spalte zahlreiche Einstellungen vornehmen, ohne komplizierte Table-Renderer schreiben zu müssen, u.a. Sichtbar- und Sortierbarkeit, Skalierverhalten, Beschriftung sowie Formatierung. Auch Computed-Fields,
Internationaliserung und das Einbinden weiterer
GUI-Widgets lässt sich auf einfache
Weise umsetzen.
RapidClipse table wizard for custom vaadin tables
RapidClipse table wizard for Vaadin
arrowCircle

Validierungs-Assistent

Eingabe-Prüfungen müssen Sie nicht selber programmieren. Mit dem Validation Assistent können Sie sämtlichen Formular-Controls sowie Ihren Entities leistungsfähige Validatoren per Mausklick zuweisen. Auch Regular Expressions werden unterstützt. Neben den Standard-Validatoren können Sie auch eigene Validatoren per Annotation einbinden.
RapidClipse validation wizard for Vaadin

Styling mit SCSS

Mit SCSS können Sie das Aussehen einzelner Controls bis hin zur gesamten Oberfläche individuell abändern. Umfangreichere Style-Definitionen lassen sich dabei zu Style-Variablen und ganzen Style-Klassen zusammenfassen, die Sie einem Widget im UI-Designer als Eigenschaft (Property) zuweisen können.
CSS2
CSS$
Vaadin UI styling with RapidClipse
arrow_rightgrey
RapidClipse supports CSS3
RapidClipse supports SASS
arrow_rightgrey

Navigations-Assistent

Der Aufruf von Seiten (Views) und die Übergabe von Parameter ist mit dem Navigations-Assistenten simpel. Das gesamte View-Management (u.a. Browser Vor und -Zurück) ist vollautomatisiert, sodass Sie sich darüber keine Gedanken machen müssen.
openwindow

Eigene UI-Komponenten

Mit RapidClipse können Sie alle UI-Widgets mit zusätzlichen Funktionen erweitern, indem Sie einfach per Assistent von der jeweiligen Basis-Komponente ableiten. Ihre neuen Komponenten integrieren sich automatisch in die Widget-Palette, sodass Sie RapidClipse auf diese Weise grenzenlos erweitern und Ihre Widgets auch weitergeben können.
NewUIElement
BeanCustomButton2
BeanCustomButton3
arrowCircle
Ableitung (extends)
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xml>
 
<?xdevuiml version="1.0"?>
<?template BROWSER_XGA?>
<?import com.xdev.ui.XdevButton?>
<?import com.xdev.ui.XdevView?>
<XdevView xmlns:x="http://xml.xdev-software.com/xdevuiml" x:name="MainView">
   
<x:constraints zpos="0" width="100%" height="100%" />
   
<XdevButton caption="Button" x:name="button">
       
<x:constraints zpos="0" width="-1px" height="-1px" />
   
</XdevButton>
</XdevView>
mousePointer
BeanCustomButton2
XMLDesigner
package com.company.examples.ui;
import com.xdev.ui.XdevButton;
import com.xdev.ui.XdevView;
 
public class MainView extends XdevView {
 
/**
*
*/
public MainView() {
super();
this.initUI();
}
 
/*
* WARNING: Do NOT edit!
*/
// <generated-code name="initUI">
private void initUI() {
this.button = new XdevButton();
 
this.button.setCaption("Button");
 
this.button.setSizeUndefined();
this.setContent(this.button);
this.setSizeFull();
}
// </generated-code>
 
// <generated-code name="variables">
private XdevButton button;
// </generated-code>
}
GUI-Builder - GUI Entwicklung mit Drag&Drop
XML Editor - GUI Beschreibung im XML-Editor
XML Code - GUI Entwicklung direkt im XML Code
Java Code - Ergebnis ist automatisch generierter Javacode

Deklarativ & Bidirektional

Mit RapidClipse können Sie Ihre Oberflächen auch deklarativ mit XML erstellen. GUI-Builder und XML- Code werden bei jeder Änderung automatisch synchronisiert (bidirektional). Auf Basis des XML-Codes erzeugt RapidClipse dann den finalen Javacode auf Basis von Vaadin.

Internationalisierung & Lokalisierung

RapidClipse bietet Ihnen einen Assistenten, der die Internationalisierung von Oberflächen nach dem Standardverfahren in Java vollständig automatisiert. Zuerst wir der gesamte Text einer Oberfläche ausgelesen, in Resource-Dateien mit Länderkürzel ausgelagert und durch Variablen ersetzt. In der Sprachdatei müssen Sie dann nur noch zu jedem Eintrag die passende Übersetzung angeben. Zur Laufzeit werden alle Texte je nach Spracheinstellung automatisch aus der passenden Resource-Datei ausgelesen und auf der Oberfläche angezeigt. Länderspezifische Angaben wie z.B. Datum, Uhrzeit, Währung etc., lassen sich in Java ebenfalls automatisch lokalisieren.
Vaadin UI internationalized with RapidClipse
RapidClipse provides internationalization for Vaadin
internationalization
arrowCircle

Live-Vorschau auf mobilen Geräten

RapidClipse stellt eine bereits vorkonfigurierte Server-Umgebung zur Verfügung, sodass Sie Ihre Anwendung mit nur einem Mausklick lokal testen können. Durch Scannen eines QR-Codes können Sie Ihre Anwendung auch auf Ihrem Tablet oder Smartphone aufrufen und unter realen Bedingungen testen. Dabei wird jede Änderung im UI-Designer wird automatisch auf Ihr Gerät gepusht.
RapidClipse hybride app preview
RapidClipse Vaadin UI designer for designing beautiful UIs

Databinding zu Hibernate

Hibernate Entities lassen sich kinderleicht per Drag&Drop mit UI-Widgets verknüpfen. Der entsprechende Abfragecode wird automatisch generiert.
vaadin-logo
hibernate_logo_transparent
Services
 
Features
 
Community