Diseñador de aplicaciones web

Haga clic para copiar

El Diseñador de Aplicaciones Web es un componente de AppMaster.io, designado para crear paneles de administración y aplicaciones web de una sola página (SPA). La idea principal detrás del Diseñador de Aplicaciones Web es permitirle diseñar con precisión un panel de administración o una interfaz de cara al cliente, un portal de cliente y más.

En el momento en que usted está agregando nuevos modelos de datos y guardando el esquema, AppMaster.io crea automáticamente las páginas de aplicación web relacionadas para usted para minimizar los esfuerzos adicionales. Cada Aplicación Web es una aplicación VueJS de una sola página, generada por la plataforma AppMaster.io y publicada junto con el binario del backend.

Una aplicación web típica consta de varias partes y muchos componentes. Puedes arrastrar nuevos componentes desde el panel superior a las zonas designadas dentro del lienzo de la aplicación. Además, puede ordenar los componentes existentes dentro de la página de la aplicación web, cambiar el anidamiento de los componentes, etc.

  1. Hay varias secciones en el lienzo donde se pueden colocar los componentes. La sección de la izquierda titulada Menú principal (naranja) está diseñada para colocar nuevas páginas, que formarán el menú de navegación principal de su aplicación web. Ningún otro componente, excepto las páginas, puede ser colocado en esta sección.
  2. La sección desplegable izquierda titulada Componentes de la aplicación (verde) está diseñada para colocar páginas que no serán visibles para los usuarios, pero que estarán disponibles para la navegación y los manejadores modales. Ningún otro componente, excepto las páginas y los modales, puede ser colocado en esta sección.
  3. Las secciones superior e inferior son para la cabecera y el pie de página y son visibles independientemente de la página seleccionada en ese momento. Una buena práctica es colocar componentes dentro de estas secciones para que sean visibles para los usuarios.
  4. Lasección central del lienzo está representada por el contenido y los componentes de la página. Pertenece a la página actualmente seleccionada en el menú principal. Para ver el contenido de la página hay que seleccionar el elemento de menú correspondiente.
  5. La sección decomponentes de página está dedicada a la colocación de componentes modales solamente.
  6. La sección deconfiguración de la aplicación permite configurar los parámetros de autorización/registro, crear la lógica de negocio, las variables globales y configurar los disparadores de los eventos de la aplicación.
  7. Conjunto de componentes que puede utilizar para diseñar su interfaz web.

Una vez que todos los componentes requeridos son colocados en el lienzo - presione el botón Guardar para guardar el esquema de la Aplicación Web.

Credenciales por defecto

Las credenciales por defecto para la autorización de la Aplicación Web son: Login: [email protected] Password: appmaster