Designer für Webanwendungen

Zum Kopieren anklicken

Web Application Designer ist eine Komponente von AppMaster.io, die für die Erstellung von Admin-Panels und Single-Page-Webanwendungen (SPA) bestimmt ist. Die Hauptidee hinter dem Web Application Designer ist es, Ihnen die Möglichkeit zu geben, ein Admin-Panel oder eine kundenorientierte Schnittstelle, ein Kundenportal und mehr zu entwerfen.

In dem Moment, in dem Sie neue Datenmodelle hinzufügen und das Schema speichern, erstellt AppMaster.io automatisch die zugehörigen Web Application Pages für Sie, um den zusätzlichen Aufwand zu minimieren. Jede Webanwendung ist eine VueJS Single-Page-Anwendung, die von der AppMaster.io-Plattform generiert und zusammen mit dem Backend-Binary veröffentlicht wird.

Eine typische Webanwendung besteht aus mehreren Teilen und einer Vielzahl von Komponenten. Sie können neue Komponenten von der oberen Leiste in bestimmte Bereiche innerhalb des Anwendungs-Canvas ziehen. Außerdem können Sie vorhandene Komponenten innerhalb der Webanwendungsseite sortieren, die Verschachtelung der Komponenten ändern usw.

  1. Es gibt mehrere Bereiche auf der Leinwand, in denen die Komponenten platziert werden können. Der linke Bereich mit der Bezeichnung Hauptmenü (orange) ist für die Platzierung neuer Seiten vorgesehen, die das Hauptnavigationsmenü Ihrer Webanwendung bilden werden. In diesem Bereich können keine anderen Komponenten außer Seiten abgelegt werden.
  2. Der linke Dropdown-Bereich mit der Bezeichnung App-Komponenten (grün) dient dazu, Seiten zu platzieren, die für die Benutzer nicht sichtbar sind, aber dennoch für die Navigation und Modal-Handler zur Verfügung stehen. In diesen Bereich können keine anderen Komponenten außer Seiten und Modals eingefügt werden.
  3. Die oberen und unteren Abschnitte sind für Kopf- und Fußzeilen vorgesehen und sind unabhängig von der aktuell ausgewählten Seite sichtbar. Es hat sich bewährt, Komponenten in diesen Abschnitten zu platzieren, damit sie für die Benutzer sichtbar sind.
  4. Dermittlere Bereich des Canvas wird durch den Seiteninhalt und die Seitenkomponenten dargestellt. Er gehört zu der aktuell im Hauptmenü ausgewählten Seite. Um den Seiteninhalt zu sehen, muss der entsprechende Menüpunkt ausgewählt werden.
  5. Der Bereich derSeitenkomponenten ist nur für die Platzierung modaler Komponenten vorgesehen.
  6. DerAbschnitt App-Konfiguration ermöglicht die Konfiguration von Autorisierungs-/Registrierungsparametern, die Erstellung von Geschäftslogik, globalen Variablen und die Einrichtung von Triggern für App-Ereignisse.
  7. EineReihe von Komponenten, die Sie für die Gestaltung Ihrer Webschnittstelle verwenden können.

Sobald alle erforderlichen Komponenten auf dem Canvas platziert sind, klicken Sie auf die Schaltfläche Speichern , um das Schema der Webanwendung zu speichern.

Standard-Zugangsdaten

Die Standard-Anmeldedaten für die Autorisierung der Webanwendung sind: Login: [email protected] Passwort: appmaster