Progettista di applicazioni web

Web Application Designer è un componente di AppMaster.io, progettato per creare pannelli di amministrazione e applicazioni web a pagina singola (SPA). L'idea principale del Web Application Designer è quella di permettere di progettare con precisione un pannello di amministrazione o un'interfaccia rivolta al cliente, un portale per i clienti e altro ancora.

Nel momento in cui si aggiungono nuovi modelli di dati e si salvano gli schemi, AppMaster.io crea automaticamente le relative pagine di applicazioni web per ridurre al minimo gli sforzi aggiuntivi. Ogni applicazione web è un'applicazione VueJS a pagina singola, generata dalla piattaforma AppMaster.io e pubblicata insieme al binario di backend.

Una tipica applicazione web è composta da diverse parti e da numerosi componenti. È possibile trascinare nuovi componenti dal pannello superiore a zone designate all'interno del canvas dell'applicazione. Inoltre, è possibile ordinare i componenti esistenti all'interno della pagina dell'applicazione Web, modificare la nidificazione dei componenti e così via.

1. Sulla tela sono presenti diverse sezioni in cui è possibile collocare i componenti. La sezione a sinistra, intitolata Menu principale (arancione), è progettata per inserire nuove pagine, che costituiranno il menu di navigazione principale dell'applicazione web. In questa sezione non è possibile inserire altri componenti, tranne le pagine.
2. La sezione di sinistra intitolata Componenti di app (verde) è progettata per collocare le pagine che non saranno visibili agli utenti, ma saranno comunque disponibili per la navigazione e i gestori di modali. In questa sezione non si possono inserire altri componenti, tranne le pagine e i modali.
3. Le sezioni superiore e inferiore sono per l'intestazione e il piè di pagina e sono visibili indipendentemente dalla pagina attualmente selezionata. È buona norma posizionare i componenti all'interno di queste sezioni per renderli visibili agli utenti.
4. Lasezione centrale dell'area di disegno è rappresentata dal contenuto della pagina e dai componenti della pagina. Appartiene alla pagina attualmente selezionata dal menu principale. Per vedere il contenuto della pagina è necessario selezionare la voce di menu corrispondente.
5. La sezione deicomponenti della pagina è dedicata esclusivamente all'inserimento di componenti modali.
6. Lasezione di configurazione dell'app consente di configurare i parametri di autorizzazione/registrazione, di creare la logica aziendale, le variabili globali e di impostare i trigger sugli eventi dell'app.
7. Insieme di componenti che si possono utilizzare per progettare l'interfaccia web.

Una volta che tutti i componenti richiesti sono stati posizionati sulla tela, premere il pulsante Salva per salvare lo schema dell'applicazione web.

Credenziali predefinite

Le credenziali predefinite per l'autorizzazione dell'applicazione Web sono: Accesso: [email protected] Password: appmaster