Der XDEV 2 Code-Editor

Previous  Next

 

 

 

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

block_definition

Variable: Definition

block_allocation

Variable: Wertzuweisung

block_call

Funktionsaufruf

block_return

Funktion verlassen (Return)

block_fillvt

Aus Datenbank lesen

block_writedb

In Datenbank schreiben

 

block_transaction

Transaktion

block_filldbc

DB-Container füllen

block_if

Wenn/Bedingung (If)

block_while

Schleife (While)

block_for

Zählerschleife (For)

block_simplefor

Einfache Zählerschleife

block_switch

Variablenprüfung (Switch)

block_case

Fall (Case)

 

try

Versuch (Try)

block_vttovt

VT aus VT füllen

block_rowtovt

Zeile an VT anhängen

block_report

Report aufrufen

link_page

Fensteraufruf

block_transaction

Objekt bewegen

block_bean

JavaBean aufrufen (GUI-Bean)

editor

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.