Komponente¶

Komponenten sind die grundlegenden Bausteine der Plattform und bilden die Basis für die Erstellung von Anwendungen. Sie sind gekapselte Funktionseinheiten, die Daten, Benutzeroberflächen, Geschäftslogik und Prozessautomatisierung umfassen können.

Komponententypen¶

Einzelkomponente:
Enthält das grundlegende Objektmodell zur Speicherung von Daten.
Beinhaltet ein UI-Modell mit Formularen und Steuerelementen.
Verfügt über ein Automatisierungsmodell mit Datenflüssen und Workflows.
Unterstützt Python-Skripte zur zusätzlichen Anpassung des Verhaltens.
Hat einzigartige Sicherheitsoptionen.
Mehrfachkomponente:
Kombiniert mehrere Komponenten, um komplexe Anwendungen zu erstellen.
Wird verwendet, um eine einzige Benutzeroberfläche zu erstellen, zum Beispiel in mobilen Anwendungen.

Erstellen einer neuen Komponente¶

Öffnen Sie Studio ('https:///studio').
Gehen Sie zum Menü Anwendungen/Komponenten.
Klicken Sie auf die Schaltfläche Hinzufügen, um eine neue Komponente oder Mehrfachkomponente zu erstellen.

Grundlegende Komponenteneinstellungen¶

Parameter	Beschreibung
`Title`	Der Name der Komponente, der den Benutzern angezeigt wird.
`Proxy Mode`	Bestimmt, ob die Komponente als Proxy fungiert.
`Restrict Access`	Beschränkt den Zugriff auf die Komponente.
`Maker`	Identifiziert den Ersteller oder Eigentümer der Komponente.
`Cron`	Konfiguration der Startzeit einer Komponente mit Cron.
`Run as User`	Gibt den Benutzer an, in dessen Namen sie ausgeführt wird.
`Access Mode`	Definiert den Zugriffsmodus auf die Komponente.
`Description`	Eine detaillierte Beschreibung der Komponente, ihres Zwecks und ihrer Funktionen.
`Domains`	Die Domänen oder Kategorien, zu denen die Komponente gehört.

Komponentenobjektmodell in der Plattform¶

Jede Komponente in der Plattform enthält automatisch die folgenden Felder:

'Id': Ein eindeutiger Komponentenbezeichner.
'creatorSubject': Das Subjekt, das das Objekt erstellt hat.
'updateSubject': Das Subjekt, das das Objekt aktualisiert hat.
'createdDate': Datum, an dem das Objekt erstellt wurde.
'updateDate': Datum, an dem das Objekt zuletzt aktualisiert wurde.

Komponenten können zusätzliche Elemente enthalten, die zu einem von elf Typen gehören können: 'string', 'datetime', 'catalog', 'number', 'integer', 'array', 'file', 'boolean', 'time', 'date', 'uri'. Jedes dieser Elemente hat seine eigenen Einstellungen.

Globale Einstellungen für alle Typen:

'Name': Systemname der Eigenschaft.
'Titel': Name der Eigenschaft, der in der Benutzeroberfläche angezeigt wird.
'Erforderlich': Gibt an, ob das Feld erforderlich ist.
'Primärschlüssel': Bestimmt, ob ein Feld ein eindeutiger Bezeichner ist.
'Abfrage': Bestimmt, ob das Feld in Abfragen verwendet werden kann.
'Virtuelle Eigenschaft': Schließt ein Feld von Synchronisierungsprozessen aus.

Schnittstellen-Builder¶

Die Plattform bietet ein leistungsstarkes Tool zur Anpassung der Benutzeroberfläche für jede Komponente – den Schnittstellen-Builder. Es handelt sich um einen visuellen Editor, mit dem Sie mehrschichtige Benutzeroberflächen mithilfe von Drag-and-Drop-Funktionen erstellen und anpassen können. Der Schnittstellen-Builder ist ein Arbeitsbereich im Abschnitt Definition der Benutzeroberfläche zur Erstellung von Komponenten.

In diesem Abschnitt können Sie:

Eine mehrschirmige App-Oberfläche mit einem intuitiven Drag-and-Drop-Editor erstellen.
UI-Elemente aus den Kategorien Basis, Erweitert und Layout hinzufügen.
Das Objektmodell für den Workflow und den Datenfluss der Anwendung konfigurieren.
CSS-Stile für alle UI-Elemente anpassen.

Nachdem Sie UI-Elemente zum Seitenlayout Ihrer App hinzugefügt haben, können Sie die folgenden Operationen durchführen:

Kopieren: Kopiert das aktuelle Element in die Zwischenablage.
Einfügen: Fügt das kopierte Element an einem neuen Ort ein.
Verschieben: Ändert die Position des Elements.
Eigenschaften: Öffnet das Eigenschaftenfenster zur Konfiguration des Elements.
Vorschau: Zeigt das Layout in einem Format an, das der Anwendung des Benutzers nahekommt.
Markup-Vorschau: Zeigt das textuelle Web-Markup der Seite an.
Löschen: Löscht das ausgewählte Element.
Datenfeld: Ermöglicht es Ihnen, ein Element an ein Datenfeld (Datenbankverknüpfung) zu binden.

Webparts-Modul: „Stile“ und „JavaScript“¶

Der Block „Stile“ ist dafür ausgelegt, die CSS-Stile zu beschreiben, die auf die Komponente angewendet werden, während der Block „JavaScript“ es Ihnen ermöglicht, Interaktionen mit der Benutzeroberfläche herzustellen und zusätzliche Funktionalitäten mit der Programmiersprache JavaScript bereitzustellen.

Auf diese Weise ermöglicht das Webparts-Modul Entwicklern, komplexere und interaktive Komponenten zu erstellen, indem verschiedene Programmiersprachen zur Beschreibung von Stilen und Funktionalitäten verwendet werden.

Verwendung von "JavaScript"¶

Beispiel für die Verwendung von JavaScript zur Implementierung von Funktionen zum Erstellen von Schaltflächen, deren Drücken einen Screenshot erstellt:

Um JavaScript-Funktionen aus dem Block „Webparts“ aufzurufen, ist es notwendig, die Methode context.InvokeInterop(methodName, objects) innerhalb des Komponentenskripts zu verwenden:

````python def capturePage1(): context.InvokeInterop("callScreenshot")

Next, we move to the 'JavaScript' section of the 'Web parts' block and prepare function: ```javascript // Erstellen eines