Hinzufügen von benutzerdefinierten Komponenten zu Ihrer App

Qodly Studio for 4D ist ein leistungsfähiges Werkzeug für die Erstellung komplexer Geschäftsanwendungen mit vollem Funktionsumfang. Während die vorgefertigten Komponenten vielseitig sind, sind individuelle Lösungen manchmal unerlässlich.

Mit benutzerdefinierten Komponenten (Customer Components) können Sie eine maßgeschneiderte Lösung für Ihr eigenes Projekt erstellen – und von vielen Komponenten profitieren, die von 4D oder der Community erstellt wurden, um Ihre Benutzeroberfläche zu bereichern.

Dieser Blogbeitrag, ergänzt durch ein Video-Tutorial, führt Sie durch den Prozess der Integration von benutzerdefinierten Komponenten in Ihr Qodly Studio for the 4D Projekt.

Vorteile der Verwendung benutzerdefinierter Komponenten

Benutzerdefinierte Komponenten ermöglichen die Bereicherung der Benutzeroberfläche von Qodly Studio für 4D Anwendungen, ähnlich wie 4D Komponenten oder 4D Plugins, die in 4D Formularen verwendet werden.

Hier sind einige öffentlich verfügbare Beispiele für benutzerdefinierte Komponenten:

• Datumspicker

  

• Bewertungs-Widgets
  
  

• Farbwähler
  
  

• Kalender (monatlich, wöchentlich, täglich)
  
  

• Diagramme
  
  

• Karte

  

• Zeitleiste

  

• Und vieles mehr!

Die benutzerdefinierten Komponenten werden mit React erstellt und bieten eine flexible und leistungsstarke Grundlage für Entwickler.

So installieren Sie Qodly Custom Components

1. Wählen Sie die Komponente: Durchsuchen Sie dasRepository der benutzerdefinierten Komponenten von Qodly auf GitHub und wählen Sie die gewünschte Komponente aus.
2. Laden Sie die neueste Version herunter: Klicken Sie auf die Komponente, navigieren Sie zum Abschnitt Releases und stellen Sie sicher, dass Sie die neueste Version herunterladen. Klicken Sie auf die Zip-Datei, um sie herunterzuladen. Vergewissern Sie sich, dass Sie sich im Release-Bereich befinden, um die Komponente herunterzuladen, nicht den eigentlichen Quellcode.
   
   

3. Auf der Qodly Studio für 4D Seite:
   1. Klicken Sie im Abschnitt Components auf die Schaltfläche Upload component.
   2. Suchen Sie die Komponente, die Sie gerade heruntergeladen haben, oder ziehen Sie sie per Drag & Drop.
   3. Klicken Sie auf Komponente installieren, dann Neu laden.
   4. Die Komponente sollte in der Liste Benutzerdefiniert unter dem Abschnitt Komponenten erscheinen.

   

4. Sie können loslegen: Die Komponente ist nun für Ihr Projekt bereit.