Microaplicaciones

Componentes del generador de páginas

Familiarícese con el generador de páginas y sus componentes para poder crear páginas de acciones. Los diferentes componentes y secciones del generador de páginas se describen en las siguientes secciones. Puede agregar y personalizar campos y botones adicionales en función de sus propios requisitos.

En la siguiente captura de pantalla, se muestra el generador de páginas:

  • Los componentes se encuentran en el panel izquierdo.
  • El lienzo del generador está en la sección central.
  • Los detalles de la página y las propiedades y acciones del componente se encuentran en el panel derecho.

Vista completa del generador de páginas

Plantillas de página

Al crear una página, puede seleccionar entre los siguientes diseños de página básicos, dependiendo de la información que desee. Cada plantilla está destinada únicamente a acelerar su actividad para producir la página que quiere.

  • Detalles: Plantilla de página que proporciona detalles estáticos.
  • Formulario: Genera una página que proporciona detalles estáticos, además de la posibilidad de introducir datos de usuario en la página.
  • Tabla: Genera una página basada en las tablas de datos que se cargan a partir de la integración de la aplicación de destino.
  • Contenido estático: Configura componentes de página que proporcionan información estática y no procesable, como titulares, mensajes de error y recordatorios.

Componentes del generador de páginas

El generador de páginas le permite elegir entre diversos componentes de página que le permiten personalizar y configurar la salida, la información y la presentación de la microaplicación. Utilice componentes para crear una microaplicación de página basada en sus expectativas y necesidades. Por ejemplo, si quiere mostrar una lista de usuarios, utilice el componente Tabla para crearla. Las diferentes páginas de plantilla tienen diferentes funciones de componentes disponibles de forma predeterminada. Las siguientes listas cubren todas las opciones disponibles.

Componentes de entrada: Entrada proporciona los componentes para crear secciones procesables en su página, incluidos botones, entrada de texto, botones de radio, etc.

Vista detallada de los componentes de entrada

  • Botón: Agrega a la página un componente en el que se puede hacer clic con acciones y lógica.
  • Entrada de texto: Define el origen de texto especificando la tabla de datos, la columna y el valor que se van a cargar en la página introducida por el usuario. El componente se puede marcar como opcional. El ancho del campo se puede modificar. Las reglas de validación se pueden configurar en función de una longitud mínima o máxima o un patrón de texto para identificar la entrada del usuario.
  • Área de texto: Define el origen de texto y el valor predeterminado que cargar en la página. Se pueden agregar acciones.
  • Entrada numérica: Define el origen numérico, el rango, el valor predeterminado y el formato que cargar en la página.
  • Seleccionar: Permite a los usuarios elegir entre una lista de valores (límite de 100 valores). Se puede rellenar con datos del sistema de origen o puede introducirse la lista de valores manualmente.
  • Buscar: Permite a los usuarios buscar a través de una gran cantidad de valores y seleccionar un valor al buscar otra cosa.
  • Casilla de verificación: Permite agregar un componente seleccionable en la página definiendo el origen, el valor predeterminado, las acciones y la lógica.
  • Radio: Permite agregar un conjunto de opciones entre las que seleccionar solo una. Se puede rellenar con datos del sistema de origen o puede introducirse la lista de valores manualmente.
  • Fecha/Hora: Permite definir la fecha y la hora que se mostrarán en la microaplicación, la hora predeterminada (la hora mostrada antes de la selección) y el formato (12 horas, 24 horas, hora del explorador) que se cargarán en la página.

Componentes de presentación: Presentación proporciona los componentes necesarios para mostrar la información a los usuarios finales de las microaplicaciones, incluidas tablas, texto estático e imágenes, etc.

Vista detallada de los componentes de visualización

  • Tabla: Agrega una tabla definiendo el origen de la tabla, los filtros y las columnas. Se pueden agregar acciones de enlace a páginas. Se deben configurar consultas personalizadas para limitar la exposición de los datos.
  • Texto: Define el origen y el formato del texto para carga en la página. Se pueden agregar acciones y lógica.
  • Texto estático: Define texto estático que aparecerá en la página. Se pueden agregar acciones.
  • Imagen estática: Hace referencia a una imagen estática de una fuente URL predefinida y la muestra.
  • Imagen: Define el origen de la imagen y el formato que mostrar en la página.
  • Separador de líneas: El separador sirve para separar la información no relacionada y la información relacionada con el grupo.
  • Botón Atrás: Permite a los usuarios volver a la página anterior.
  • Power BI: Muestra un informe de inteligencia empresarial. Defina el origen y el formato.
  • Visor de recibos de Concur: Muestra una imagen de un recibo. Defina el origen y el formato.
  • Contenido HTML: Sirve para mostrar correctamente contenido HTML de fuentes extraídas (por ejemplo, fuentes RSS)

Importante:

Una tabla sin consulta personalizada muestra todos los registros que coinciden con un filtro de tabla, independientemente de la relación de los datos con los suscriptores. Sus datos confidenciales pueden estar expuestos a todos los usuarios de microaplicaciones, a menos que limite la exposición. Para controlar el acceso a los datos de las páginas, utilice la función Personalizar.

En una página, seleccione la tabla en el panel del generador de componentes. Seleccione Propiedades de tabla y, a continuación, PERSONALIZAR. Después, seleccione +Agregar condición y agregue las restricciones necesarias.

Componente de diseño: Proporciona el componente de cuadrícula para configurar el diseño de la página.

Vista detallada de los componentes de diseño

  • Cuadrícula flexible: Le ofrece un mayor control sobre el posicionamiento de los componentes en las páginas. Es útil al diseñar páginas destinadas a dispositivos con pantallas más grandes. Establezca la etiqueta y el número total de celdas que desee en la cuadrícula.

Detalles de página

Los detalles de la página permiten configurar la página que está creando y establecer filtros para la información, además de proporcionar una serie de funciones informativas de depuración:

  • Nombre de página: Establece el nombre de la página.
  • Filtro de datos: Sirve para establecer restricciones en los datos de acción.
  • Mostrar SQL: Sirve para mostrar el código SQL con fines de depuración.
  • Mostrar lógica de componentes: Sirve para mostrar la lógica de componentes con fines de depuración.
  • Contenido que mostrar si el registro no existe: Establece la página de contenido estático que mostrar cuando no existe un registro.

Propiedades de componente

Cada componente del generador de páginas tiene su propio menú de propiedades específicas con varias opciones entre las que elegir, dependiendo del componente, lo que incluye:

  • Etiqueta: Personaliza la etiqueta del botón, texto, imagen, etc.
  • Tamaño: Define el tamaño del botón, texto, etc.
  • Estilo: Cambia entre diferentes colores y formatos para el texto, botón, etc.
  • Mostrar en pie de página Blade: Muestra u oculta el elemento en la página blade.
  • Origen de datos: Selecciona el origen de datos para el elemento mostrado.
  • Tabla de datos: Selecciona la tabla de datos para el elemento mostrado.
  • Columna de datos: Selecciona la columna de datos para el elemento mostrado.
  • Formato condicional: Configura el formato condicional para el elemento de página.
  • Insertar variables: Agrega variables al elemento de página para mostrar automáticamente los datos de integración de aplicaciones.
  • Mostrar conmutadores: Muestra u oculta la forma en que se representa el elemento en el generador de páginas.

Acciones

El menú de acciones está presente para el componente Botón para permitir que los destinatarios de la microaplicación respondan con una entrada procesable. Define la acción que el botón ejecuta a partir de las acciones configuradas en la integración.

Lógica

Seleccione el botón Crear lógica para abrir la configuración de lógica. Esto le permite configurar la lógica para el componente de página en particular. Utilice argumentos lógicos estándar para crear condiciones y lograr diferentes resultados, en función del comportamiento del componente. Puede agregar varias acciones apiladas a cualquier botón para crear efectos de acción múltiples con un solo clic. Cuando cada acción de servicio se ejecuta correctamente, el sistema se desplaza en la cadena de acciones hasta completar todas. Entre las acciones se incluyen:

  • Evaluar condición: Establece y modifica una condición a través de un argumento lógico.
  • Establecer valor de componente: Establece el valor de componente del botón para confirmar una acción.
  • Mostrar componente: Configura las condiciones para mostrar el componente.
  • Ocultar componente: Configura las condiciones para ocultar el componente.
  • Habilitar componente: Configura las condiciones para habilitar el componente.
  • Inhabilitar componente: Configura las condiciones para inhabilitar el componente.
  • Definir componente como requerido: Configura las condiciones para requerir el componente.
  • Definir componente como no requerido: Configura las condiciones para excluir el componente.

Componentes del generador de páginas