Explora la interfaz

Al abrir AppMaster Web Designer, verá un navegador de edición, un encabezado y un área de trabajo donde se mostrará el contenido de la pestaña seleccionada actualmente.

Navegador

El Navegador proporciona enlaces de acceso rápido a las pestañas del editor web, enlaces útiles y un botón con el logotipo para regresar a la lista de aplicaciones web u otras secciones de AppMaster Studio.

Botón de retroceso

Haga clic en el logotipo de AppMaster para abrir el menú desplegable con el menú que le permite:

• Volver a la lista de aplicaciones web.
• Navegue a las otras secciones de AppMaster Studio.

Menú del diseñador web

AppMaster Web Designer incluye no solo el creador de UI. También proporciona un conjunto de herramientas y servicios adicionales.

Para navegar rápidamente entre ellos, utilice el menú de Web Designer, que incluye las siguientes pestañas:

• Diseñador de interfaz de usuario
• Base de datos local
• Activador de aplicación
• Lógica de negocios
• Variables globales
• Programador
• i18n (localización)
• Creador de temas
• Configuraciones de la aplicación

Enlaces Útiles

El menú desplegable incluye acciones como:

• Chatea con nosotros: habilita o deshabilita el chat en la esquina inferior derecha del editor web.
• Documentación: abra una guía técnica completa sobre el uso de AppMaster Studio.
• Tutoriales: abre la colección de tutoriales y ejemplos de AppMaster.
• Comunidad: abra la Comunidad AppMaster para conectarse con otros usuarios de AppMaster.
• Restablecer incorporación: abra la incorporación nuevamente para estudiar la interfaz del editor web.
• Atajos de teclado: abre la lista de atajos de teclado que te ayudan a acelerar tu flujo de trabajo de diseño. Puede ver estos atajos presionando Shift + /.
• Novedades: si se pierde alguna actualización, puede explorar la lista completa de actualizaciones en este enlace.
• Resumen legal: abra todos los documentos legales de AppMaster.

Encabezamiento

El encabezado del editor proporciona información de la aplicación y una barra de herramientas de la aplicación.

Información de la aplicación

En el lado izquierdo del encabezado se muestra información básica sobre su aplicación:

• Icono de aplicación: el favicon de la aplicación para identificar visualmente rápidamente su aplicación.
• Nombre de la aplicación: nombre de su aplicación.
• Nombre del proyecto: el proyecto al que pertenece la aplicación.
• Indicador de aplicación predeterminada: si la aplicación está marcada como predeterminada, verá un ícono de estrella cerca del nombre de la aplicación.

Lista de Colaboradores

La lista de colaboradores muestra todos los miembros del proyecto que actualmente trabajan en la aplicación. Cada colaborador tiene un color de borde personal, este color será utilizado para su cursor.

Si el número de colaboradores supera los 5, haz clic en el contador para ver los colaboradores ocultos. Tu avatar siempre se muestra en primer lugar.

Pase el cursor sobre un avatar para ver el nombre del colaborador.

Puedes leer más sobre el modo Colaboración aquí .

Avance

Para ejecutar la vista previa de la aplicación, haga clic en el botón Vista previa y seleccione el plan de implementación para cargar sus datos o seleccione Vista previa con datos simulados.

La vista previa se ejecutará en una nueva pestaña y se actualizará en tiempo real mientras realiza cambios en su aplicación sin necesidad de guardar.

Puede leer más sobre el modo de vista previa en tiempo real aquí .

Botones de acción

Empujar cambios

Todos los cambios que realice en la aplicación se guardan en un borrador. No necesita guardar aplicaciones durante su proceso de trabajo.

Pero si publica su proyecto sin presionarlo, no verá este cambio en la versión de compilación. Para incluir cambios en la compilación del proyecto, debe enviarlos al servidor antes de publicar el proyecto. Después de impulsar, los cambios se incluirán en la publicación posterior del proyecto.

Publicar solicitud PRONTO

Para actualizar la versión compilada del proyecto, debe publicar su aplicación en uno de sus planes de implementación.

Puede ejecutar la publicación directamente desde el editor. Para publicar, haga clic en el botón Rocket y seleccione el plan de implementación de destino.

Área de trabajo

El área de trabajo es la parte central de AppMaster Web Designer, donde crea y configura su aplicación.

El contenido del área de trabajo se cambiará según la pestaña seleccionada actualmente. Cada una de las pestañas disponibles detallará una descripción general en los siguientes artículos.

Después de abrir el Editor de aplicaciones web, la primera sección que se abrirá es UI Designer.