CYPEX ist ein von CYBERTEC entwickeltes, benutzerfreundliches Tool zur schnellen Entwicklung von PostgreSQL-Anwendungen. Wenig Programmierung ist nötig, um große Ergebnisse zu erzielen: Mit CYPEX können Sie Anwendungen schneller, interaktiv und in Echtzeit erstellen. Sehen Sie sich diese Tutorial-Videos an und legen Sie los!
1. Create a Markdown Field
Dieses Video zeigt, wie Sie ein neues Element, in diesem Fall ein Markdown-Element, erstellen können und wie Sie es konfigurieren. Das Markdown-Element unterstützt GFM (GitHub Flavored Markdown), einschließlich Syntax-Highlighting für die gängigsten Programmiersprachen. Mit einem einfach zu bedienenden Editor kann es auch von technisch nicht versierten Personen verwendet werden.
2. Create a Pie Chart
Wie konfiguriert man ein Element in CYPEX? Sie werden feststellen, dass sich die meisten GUI-Elemente auf ähnliche Weise verhalten, aber betrachten wir an dieser Stelle einmal das Tortendiagramm: Ein wesentlicher erster Schritt ist die Auswahl einer Datenquelle für das Tortendiagramm. In diesem Fall ist die “ source view“ „country statistics“, was zufällig die Objektansicht ist, die zuvor erstellt wurde. Danach können Beschriftungen und Werte ausgewählt werden. Das gewünschte Kreisdiagramm wird sofort angezeigt, während Sie sich noch im Bearbeitungsmodus befinden. Sie können die Größe des Elements ändern oder es auf der Seite hin- und herbewegen.
3. Move and Resize Elements
Es ist kinderleicht, Elemente zu layoutieren. Durch einfaches Drag & Drop können Sie sie mühelos verschieben und skalieren.
4. Change the App Theme
Gestalten Sie die Anwendung individuell nach Ihren Wünschen. Im Moment können Sie die Primär- und Sekundärfarben anpassen. An den Theming-Fähigkeiten wird kontinuierlich gearbeitet. Zusätzlich können Sie Ihr eigenes Logo hinzufügen (nicht im Video zu sehen).
5. Create a Page
Sie können eine neue Seite in weniger als einer halben Minute erstellen. Seitenparameter sind nützlich für Seiten, die von anderen Seiten abhängen.
Wenn Sie auf solche Seiten verlinken, werden Sie nach Parameterwerten gefragt. Sie können auch Expressions verwenden, um Ihre Verknüpfung dynamisch zu gestalten.
Nachdem Sie eine Seite erstellt haben, können Sie damit beginnen, Elemente in die Seite zu ziehen. In diesem Video sehen Sie, wie ein Markdown-Feld zur Erstellung eines Seitentitels verwendet werden kann.
6. Build a Dashboard
CYPEX kann zum schnellen Erstellen von Dashboards verwendet werden. Wir haben verschiedene Arten von Diagrammen zur Anzeige Ihrer statistischen Daten:
- Tortendiagramm
- Liniendiagramm
- Balkendiagramm
Zusätzlich kann die Datenanzeige verwendet werden, um einen relevanten Wert anzuzeigen. Die Datenanzeige holt sich die angegebenen Ansichtsdaten. Sie können nur eine Zeile abrufen, indem Sie einen Identifizierungswert angeben, der eine Expression sein kann. Die Format-Eigenschaft ist eine JS-Expression, die den Text generiert, der im Element angezeigt wird. Hier können Sie auf die Ansichtsdaten zugreifen (über „element.data“). Optional können Sie ein Symbol und eine Farbe konfigurieren. Die Farbe kann auch über eine JS-Expression angegeben werden.
7. Use JavaScript expressions
JS-Expressions können zur Transformation Ihrer Daten verwendet werden. Sie können beliebigen JS-Code verwenden. In diesem Beispiel wird die folgende Expression verwendet: „20 * 4 = “ + 20 * 4. Diese erzeugt den Text „20 * 4 = “ + 20 * 4 = 80″. JS-Expressions haben Zugriff auf Standortinformationen (location), Übersetzungen des aktuellen Elements (i18n), Eigenschaften, die durch das aktuelle Element (element) und andere Elemente (elements) offengelegt werden. Die automatische Vervollständigung und die Infobox erleichtern Ihnen die Arbeit ungemein.
8. Show an Image
Das Image-Element kann zum Laden und Anzeigen eines Bildes aus einer Url verwendet werden. Es stehen verschiedene Layoutvarianten zur Verfügung, um die Bildgröße und die Streckung nach Ihren Wünschen anzupassen. Optional können Sie dem Bild einen weißen Hintergrund hinzufügen. Die Bild-URL kann auch als JS-Expression angegeben werden. Diese Funktion kann verwendet werden, um Bilder innerhalb einer Tabelle anzuzeigen.
9. Conditionally format Table rows
JS-Expressions können zur bedingten Darstellung von Text verwendet werden. In diesem Fall setzen wir je nach Gesamteinnahmen entweder ein Häkchen (✅) oder ein Kreuz (X).
Die vollständige Expression lautet: props.data.total_revenue 290000 ? „✅“ : „X“ und verwendet den ternary operator in JS. Klicken Sie hier für weitere Informationen.
10. Create and Publish a Release
Releases sind eine leistungsstarke Funktion, die es dem Administrator ermöglichen, eine Anwendung zu bearbeiten, während die Benutzer noch das veröffentlichte Release verwenden. Sobald der Administrator mit dem aktuellen Stand zufrieden ist, kann er ein neues Release erstellen und veröffentlichen. Die Funktion „latest“ Release verweist immer auf den neuesten Speicherzeitpunkt, was verwendet werden kann, wenn Sie die Release-Funktion überhaupt nicht benötigen.
11. Revert Changes
Der Mensch ist fehleranfällig. Glücklicherweise hat CYPEX eine einfache Möglichkeit, gespeicherte Änderungen rückgängig zu machen. Gehen Sie einfach zu Ihrer Verlauf-Historie und kehren Sie zu einem bestimmten Speicherpunkt zurück.