Corso intensivo 101
10 Moduli
5 settimane

Esplora l'interfaccia

Clicca per copiare

Scopri l'interfaccia di AppMaster Web Designer.


Quando apri AppMaster Web Designer, vedrai un navigatore dell'editor, un'intestazione e un'area di lavoro in cui verrà visualizzato il contenuto della scheda attualmente selezionata.

AppMaster Web Designer Interface

AppMaster Web Designer Navigator

Il Navigatore fornisce collegamenti di accesso rapido alle schede dell'editor web, collegamenti utili e un pulsante con il logo per tornare all'elenco delle applicazioni web o ad altre sezioni di AppMaster Studio.

Tasto indietro

Back button

Fai clic sul logo AppMaster per aprire il menu a discesa con il menu che ti consente di:

  • Torna all'elenco delle app Web.
  • Passa alle altre sezioni di AppMaster Studio.

AppMaser Web Designer Menu

AppMaster Web Designer include non solo il generatore di interfaccia utente. Fornisce inoltre una serie di strumenti e servizi aggiuntivi.

Per spostarti rapidamente tra di essi, utilizza il menu Web Designer, che include le seguenti schede:

  • Progettista dell'interfaccia utente
  • DB locale
  • Trigger dell'applicazione
  • Logica di business
  • Variabili globali
  • Pianificatore
  • i18n (Localizzazione)
  • Generatore di temi
  • Impostazioni dell'applicazione

Collegamenti utili

Helpful Links AppMaster Web Designer

Il menu a discesa include azioni come:

  • Chatta con noi: attiva o disattiva la chat nell'angolo in basso a destra dell'editor web.
  • Documentazione: apri una guida tecnica completa sull'utilizzo di AppMaster Studio.
  • Tutorial: apre la raccolta di tutorial ed esempi di AppMaster.
  • Comunità: apri la Comunità AppMaster per connetterti con altri utenti AppMaster.
  • Ripristina onboarding: apri nuovamente l'onboarding per studiare l'interfaccia dell'editor web.
  • Scorciatoie da tastiera: apri l'elenco delle scorciatoie da tastiera che aiuta a velocizzare il flusso di lavoro di progettazione. Puoi visualizzare queste scorciatoie premendo Maiusc + /.
  • Novità: se perdi qualche aggiornamento, puoi esplorare l'elenco completo degli aggiornamenti tramite questo collegamento.
  • Riepilogo legale: apri tutti i documenti legali di AppMaster.

Intestazione

Header of AppMaster Web Designer

L'intestazione dell'editor fornisce informazioni sull'applicazione e una barra degli strumenti dell'app.

Informazioni sull'app

Web app information in AppMaster Web Designer

Sul lato sinistro dell'intestazione vengono visualizzate le informazioni di base sulla tua app:

  • Icona App: la favicon dell'app per identificare visivamente velocemente la tua applicazione.
  • Nome app: nome della tua applicazione.
  • Nome progetto: il progetto a cui appartiene l'applicazione.
  • Indicatore app predefinita: se l'applicazione è contrassegnata come predefinita, viene visualizzata un'icona a forma di stella accanto al nome dell'app.

Elenco collaboratori

Collaborators in AppMaster Web Designer

L'elenco dei collaboratori mostra tutti i membri del progetto che attualmente lavorano sull'applicazione. Ogni collaboratore ha un colore del bordo personale, questo colore verrà utilizzato per il cursore.

Se il numero di collaboratori supera 5, clicca sul contatore per vedere i collaboratori nascosti. Il tuo avatar viene sempre visualizzato al primo posto.

Passa il mouse sopra un avatar per vedere il nome del collaboratore.

Puoi leggere ulteriori informazioni sulla modalità di collaborazione qui .

Anteprima

Realtime preview in AppMaster Web Designer

Per eseguire l'anteprima dell'applicazione, fare clic sul pulsante Anteprima e selezionare il piano di distribuzione per caricarne i dati o selezionare Anteprima con dati fittizi.

L'anteprima verrà eseguita in una nuova scheda e aggiornata in tempo reale mentre apporti modifiche all'applicazione senza salvare.

Puoi leggere ulteriori informazioni sulla modalità di anteprima in tempo reale qui .

Pulsanti di azione

Spingere i cambiamenti

Tutte le modifiche apportate all'applicazione vengono salvate in una bozza. Non è necessario salvare le applicazioni durante il processo di lavoro.

Ma se pubblichi il tuo progetto senza effettuare push, non vedrai questo cambiamento nella versione build. Per includere le modifiche alla build del progetto, dovresti inviarle al server prima della pubblicazione del progetto. Dopo aver effettuato il push, le modifiche verranno incluse nella successiva pubblicazione del progetto.

Pubblica l'applicazione PRESTO

Per aggiornare la versione creata del progetto, devi pubblicare la tua applicazione in uno dei tuoi piani di distribuzione.

Publish Application from AppMaster Web Designer

Puoi eseguire la pubblicazione direttamente dall'editor. Per pubblicare, fai clic sul pulsante Rocket e seleziona il piano di distribuzione di destinazione.

Area di lavoro

L'area di lavoro è la parte centrale di AppMaster Web Designer, dove crei e configuri la tua app.

Work area Canvas AppMaster Web Designer

Il contenuto dell'area di lavoro verrà modificato a seconda della scheda attualmente selezionata. Ciascuna delle schede disponibili fornirà una panoramica dettagliata nei seguenti articoli.

Dopo aver aperto l'editor delle app Web, la prima sezione che verrà aperta è Progettazione interfaccia utente.

Was this article helpful?
Stai ancora cercando una risposta?