Nachdem Sie sich mit dem GAPTEQ-Designer an einem Repository angemeldet haben, können Sie mit dem Erstellen einer Seite beginnen.
1. Neue Page anlegen
- Eine neue Seite erstellen Sie mit Klick auf den „New“ Button in der Menüleiste. Im New item Dialog wählen Sie „Page“.
- Vergeben Sie eine Dateinamen und speichern die neue Page.
Tipp: Die Namen der Page Objekte und der Verzeichnisse in denen Sie abgelegt werden, sind Teil der URL in der Applikation. Deshalb verwenden Sie in Objektnamen keine Sonderzeichen und idealerweise keine Leerzeichen.
Info: Die angelegte Page entspricht einer Seite Ihrer Applikation, die unter diesem Namen direkt aufgerufen werden kann. Pages können, wie alle anderen Objekte im Design Objects Explorer, in beliebiger Struktur abgelegt werden und jederzeit per Drag & Drop umorganisiert werden.
2. Page als Startseite festlegen
Jedes Repository benötigt eine definierte Startseite.
- Mit Rechtsklick auf ein Page Objekt im Design Objects Explorer und Klick auf „Set as main page“ legen Sie eine Startseite fest.
Tipp: Die gesetzte Startseite wird mit einem Stern markiert.
3. Page im Browser aufrufen
Die Seite ist, obwohl sie noch keine Komponenten enthält, nach dem Speichern sofort verfügbar (allerdings als leere Seite) und kann im Browser aufgerufen werden.
- Durch Klick auf den grünen „Start“ Button können Sie jederzeit die Startseite des Repositories aufrufen und den Fortschritt Ihrer Programmierung betrachten. Da noch keine GAPTEQ-Komponenten auf der Page positioniert sind, bekommt man nun eine leere Seite angezeigt.
4. Komponenten per Drag & Drop in die Page ziehen
Im GAPTEQ-Designer, links von der noch leeren Page, werden die verfügbaren Komponenten aufgelistet.
- Ziehen Sie diese einfach per Drag & Drop in die angelegte Page und positionieren Sie diese wie gewünscht.
Tipp: Starten Sie mit einfachen Komponenten wie Headlines oder Button – es gibt einige Komponenten, die einen Datenbankzugriff benötigen.
5. Inhalte und Eigenschaften von Komponenten ändern
Jede GAPTEQ-Komponente hat unterschiedliche Eigenschaften und stellt andere Events und Actions bereit.
- Um die Eigenschaften einer Komponente anzupassen, klicken Sie die Komponente in der Page an
- Ändern Sie die Properties (Eigenschaften) in der rechten Seitenleiste
Bsp. Headline: Bei der Eigenschaft Text lässt sich die Überschrift ändern, unter Type stehen unterschiedliche Überschrift-Typen zur Verfügung
Tipp: Speichern Sie die Änderungen an Ihren Komponenten über den „Save“ Button, bevor Sie die Änderungen im Web anzeigen möchten.
Sie wollen mehr über die GAPTEQ-Komponenten erfahren?
Eine Übersicht welche Komponenten GAPTEQ bereitstellt findet man in unserer GAPTEQ Komponenten-Demo.
Ein Einstieg in die Arbeit mit Datenbank-Tabellen, inklusive einem Beispiel, finden Sie im Feature Tipp Datenbank-Tabellen mit GAPTEQ Komponenten darstellen