|
Letzte Änderung 03.02.2010
Der XDEV 2 Code-Editor
Eine grafische Benutzeroberfläche ist erst mal nur eine Maske ohne Funktionalität – vergleichbar mit einer Tastatur ohne Computer. D.h. Oberflächen sind nicht intelligent, sondern bilden lediglich das Frontend zur Eingabe und Ausgabe von Daten. Die Verarbeitung der Daten, z.B. das Sortieren von Datensätzen oder die Durchführung von Berechnungen, läuft für den Benutzer der Anwendung unsichtbar im Hintergrund ab.
In XDEV 2 können alle GUI-Komponenten Mausereignisse völlig selbständig registrieren und eine Aktion darauf auslösen (Event-Handling). Jede Aktion kann dabei aus beliebig vielen Programmanweisungen bestehen, die während der Laufzeit Ihrer Anwendung systematisch abgearbeitet werden. Alle Aktionen zusammen bilden die sog. Programm- oder Businesslogik, sprich das eigentliche Computerprogramm.

Feature
|
Erklärung
|
Anweisungen
|
Mit Hilfe von Programmanweisungen lässt sich die Anwendungslogik entwickeln. Neben den Standard-Kontrollstrukturen, u.a. Abfragen und Schleifen, stehen Ihnen in XDEV 2 zahlreiche spezielle Anweisungen zur Verfügung, durch deren Einsatz Sie sich eine Menge Entwicklungszeit einsparen.
|
|
Symbol
|
Anweisung
|

|
Variable: Definition
|

|
Variable: Wertzuweisung
|

|
Funktionsaufruf
|

|
Funktion verlassen (Return)
|

|
Aus Datenbank lesen
|

|
In Datenbank schreiben
|
|
|

|
Transaktion
|

|
DB-Container füllen
|

|
Wenn/Bedingung (If)
|

|
Schleife (While)
|

|
Zählerschleife (For)
|

|
Einfache Zählerschleife
|

|
Variablenprüfung (Switch)
|

|
Fall (Case)
|
|
|

|
Versuch (Try)
|

|
VT aus VT füllen
|

|
Zeile an VT anhängen
|

|
Report aufrufen
|

|
Fensteraufruf
|

|
Objekt bewegen
|

|
JavaBean aufrufen (GUI-Bean)
|

|
Kommentar
|
|
Code-
Optionen
|
Der Programmcode lässt sich wahlweise als Struktogramm in deutscher Sprache, sowie in Java-ähnlicher Syntax darstellen. Zudem können Sie zwischen Block- und Baumdarstellung umschalten und Icons, sowie Hintergrundfarben aus- und einschalten. Des Weiteren lässt sich der Programmcode über dieses Menü als PDF-Dokument exportieren.
|
Anweisungs-
Cursor
|
Zwischen den Programmanweisungen wird ein sog. Anweisungs-Cursor dargestellt. Der Anweisungs-Cursor besteht aus einer dicken grauen Linie, die sich über die gesamte Breite einer Anweisung streckt. Der Anweisungs-Cursor dient als Orientierung und zeigt an, wo die eine neue Anweisung eingefügt wird.
|
GUI zur
Objektauswahl
|
Oberhalb des Code-Editors bleibt der GUI-Builder sichtbar. Hier können Sie jedoch lediglich Objekte selektieren. Sobald Sie ein Objekt angeklickt haben, erscheinen in der XDEV-Bibliothek automatisch alle Funktionen und Variablen, die Ihnen zur Manipulation des selektierten Objektes zur Verfügung stehen. Diese lassen sich dann per Drag&Drop sowohl in den Code-Editor, als auch in einen Assistenten einfügen.
|
Drag&Drop
Code-Editor
|
Hier entwickeln Sie die Programmlogik. Dazu ziehen Sie einfach entsprechende Programmanweisungen per Drag&Drop in den Code Editor ein. Der Anweisungs-Cursor hilft Ihnen dabei, neue Anweisungen zwischen bereits existierenden Anweisungen einzufügen.
|
XDEV-
Bibliothek
|
Die XDEV-Bibliothek enthält neben einer Konstanten-Bibliothek die umfangreiche und auf die Java API aufsetzende XDEV-Funktionsbibliothek. Über die XDEV-Bibliothek können Sie jedoch auch direkt auf die Datenfelder von bereits existierenden Virtuellen Tabellen, sowie auf Lokale Variablen und Funktionen zugreifen.
|
Globale
Definitionen
|
Hier können Sie Objekt-Variablen, sowie Globale Variablen und eigene Funktionen anlegen. Bei Klassen können Sie Ihre eigenen XDEV-Klassen schreiben.
|
Code-Stelle vor
und zurück
|
Springt zum Code des jeweils vorher bearbeiteten Ereignisses und wieder zurück.
|
Ereignisse
|
Da das komplette Event-Handling (Abfangen aller Ereignisse auf der Benutzeroberfläche) von XDEV 2 übernommen wird, müssen Sie hier nur noch ein Ereignis auswählen und können anschließend bereits entsprechende Programmanweisungen ein den Code-Editor einfügen.
|
Funktion
|
Auswirkung
|
Anweisung
verschieben
|
Anweisungszeilen lassen sich mit Drag&Drop im Code-Editor verschieben.
|
Strg + Return
|
Abschluss einer Anweisungszeile. Das gleiche erreichen Sie, wenn Sie an eine beliebige Stelle des Code-Editors klicken. Mit Return wird lediglich ein Term (Teil einer Anweisungszeile) abgeschlossen.
|
Doppelklick auf
eine Anweisung
|
Die Anweisungszeile kann bearbeitet werden.
|
Entfernen- und
Zurück-Taste
|
Löschen die selektierte Anweisungszeile aus dem Code-Editor.
|
Rechtsklick auf Anweisungszeile
|
Kopieren, Löschen, Ausschneiden und Einfügen einer Anweisungszeile über das Kontextmenü. Auch mehrere Anweisungszeile, die zuvor mit gedrückter Shift-Taste markiert wurden, lassen sich ebenso bearbeiten. Alternativ können auch die Tastenkombinationen Strg + C , Strg + X, Strg + V (kopieren, ausschneiden, einfügen) verwendet werden.
|
Doppelklick auf Zeilennummern
|
Setzen eines Haltepunktes, an dem der Debugger während der Vorschau automatisch stoppen soll. Debugger-Haltepunkte werden durch ein blaues Rechteck gekennzeichnet. Diese Funktion kann auch über das Kontextmenü ausgeführt werden.
|
Strg + Doppelklick
auf Zeilennummern
|
Anweisungszeile kann deaktiviert werden, damit diese nicht ausgeführt wird. Dieses Feature ist für Testläufe gedacht, um bestimmte Anweisungszeilen nicht löschen und ggf. wieder einfügen oder aufwändig neu schreiben zu müssen. Diese Funktion kann auch über das Kontextmenü ausgeführt werden.
|
Klicken in den
GUI-Builder
|
Aktion
|
Auswirkung
|
Einfachklick auf
GUI-Komponente
|
In der XDEV-Bibliothek werden automatisch alle Variablen und Funktionen der jeweiligen GUI-Komponente angezeigt.
|
Doppelklick auf
GUI-Komponente
|
Der Code-Editor springt zum Code der entsprechenden GUI-Komponente.
|
|
Funktion
|
Erklärung
|
Operatoren und Sonderzeichen
|
Die Zeichen + - / * = ( ) < > werden bei der Eingabe automatisch als eigener Term erkannt, sofern das Zeichen nicht innerhalb einer Zeichenkette benutzt wird. Darstellung in violett.
|
Zeichenketten
|
Werden blau dargestellt und automatisch in Anführungszeichen gesetzt.
Beim Tippen werden nachfolgende Operatoren und Sonderzeichen nur dann als solche erkannt und als eigener Term dargestellt, wenn Sie die Zeichenkette selber in Anführungszeichen setzen.
|
Return
|
Abschluss eines Terms, nicht der kompletten Anweisungszeile.
|
Strg + Return
|
Abschluss einer Anweisungszeile. Das gleiche erreichen Sie, wenn Sie an eine beliebige Stelle des Code-Editors klicken.
|
Doppelklick auf eine existierende Anweisung
|
Die Anweisungszeile kann bearbeitet werden
|
Doppelklick auf eine GUI-Komponente
|
Der Code-Editor springt zum Code der entsprechenden GUI-Komponente
|
Einfachklick auf eine GUI-Komponente
|
In der XDEV-Bibliothek werden automatisch alle Variablen und Funktionen der jeweiligen GUI-Komponente angezeigt.
|
Entfernen- und
Zurück-Taste
|
Löschen der selektierten Anweisungszeile.
|
Rechtsklick auf Anweisungszeile
|
Kopieren, Löschen, Ausschneiden und Einfügen einer Anweisungszeile über das Kontextmenü. Auch mehrere Anweisungszeile, die zuvor mit gedrückter Shift-Taste markiert wurden, lassen sich ebenso bearbeiten. Alternativ können auch die Tastenkombinationen Strg + C, Strg + X, Strg + V (kopieren, ausschneiden, einfügen) verwendet werden.
|
Rechtsklick auf Term
|
Kopieren, Löschen, Ausschneiden und Einfügen eines Terms über das Kontextmenü. Mit der Tastenkombination Strg + V fügen Sie keinen Term, sondern Text aus der Zwischenablage ein, der i.d.R. als Zeichenkette interpretiert wird.
|
Da Ihnen XDEV 2 anders als klassische Java Editoren, das Event-Handling vollständig abnimmt, beginnt die Entwicklung der Programmlogik mit der Auswahl einer GUI-Komponente und dem Auswählen eines von zahlreichen Ereignissen. Um in den Code-Editor zu wechseln, klicken Sie auf Code-Ansicht.
Zur Entwicklung der Logik steht Ihnen eine Werkzeugleiste mit zahlreichen Programmanweisungen zur Verfügung, die Sie anschließend nur noch per Drag&Drop in den Code-Editor ziehen müssen. Neben den Standard-Kontrollstrukturen, die nahezu in jeder Programmiersprache vorkommen, u.a. Abfragen und Schleifen, bietet Ihnen XDEV 2 zusätzliche spezielle Anweisungen, mit denen Sie sich eine Menge Entwicklungszeit sparen. Wenn Sie über entsprechende Java Kenntnisse verfügen, können Sie auch Java Beans, beliebige Java Klassen aus der Java API, sowie Ihre eigenen Java Klassen und Komponenten einbinden. Im Code-Editor werden die Anweisungen je nach Einstellung in der entsprechenden Syntax abgebildet. Über selbsterklärende Assistenten können den Anweisungen entsprechende Informationen zur Weiterverarbeitung, sprich Parameter übergeben werden.
XDEV 2 erleichtert Ihnen die Parameterübergabe enorm. Denn jede beliebige Variable oder Funktion lässt sich aus der XDEV-Bibliothek nicht nur per Drag&Drop direkt in den Code-Editor, sondern auch in die entsprechenden Assistenten zur Parameter-Übergabe ziehen. Alle Variablen und Funktionen einer GUI-Komponente erhalten Sie ebenso von der XDEV-Bibliothek, indem Sie die entsprechende GUI-Komponente einfach auf der Arbeitsfläche anklicken. Dies ist eine enorme Erleichterung im Vergleich zu klassischen Code-Editoren, bei denen Sie den Namen einer Variable oder Funktion genau kennen müssen, um diese überhaupt finden zu können, was bei großen Projekten nicht selten zeitraubend und sehr nervend sein kann.
Hinweis: XDEV 2 bildet den Programmablauf klassisch oder wahlweise als Struktogramm-ähnliche Blockstruktur ab. Die Darstellung lehnt sich jedoch lediglich an das Prinzip an. Aus Gründen der Übersichtlichkeit erfolgt die Abbildung nicht nach DIN-Norm.
|
Tipp: Bei GUI-Komponenten, die Sie bereits mit Programmcode belegt haben, können Sie über dessen Quick-View direkt zu der entsprechenden Code-Stelle gelangen.

|
|