| Table of Contents | ||
|---|---|---|
|
| Info |
|---|
Disponible desde Release 6.1 |
Introducción
Este trimestre En esta release hemos creado tres varias aplicaciones web de ejemplo donde se integran los OPForms .Utilizando de Plataforma utilizando diversas tecnologías como són son Angular, Vite + React y Vue 2.
Con esto Esto nos permite podemos comprobar que se pueden embeber los formularios de plataforma con cualquier aplicación web.
¿Dónde
...
descargar los
...
ejemplos?
Estan a github en la comunidad de OnesaitplatformPodemos descargar estas aplicaciones web en el Github de Plataforma:
https://github.com/onesaitplatform/OPForms-embedded-examples-different-frameworks
¿Qué hacen estos ejemplos?
Podremos logarnos con un usuario de plataforma acceder al listado de formularios de ese usuario y cargarlos, también podremos crear nuevos registros y visualizarlos a partir del identificador del registro.
¿Cómo puedo probarlos?
Podemos descargarnos las fuentes desde github bien con un zip o clonando el repositorio en nuestra computadora.
Tras esto seguiremos las indicaciones de los distintos ficheros README.md, donde se indican la versión de node.js necesaria y los distintos comandos en función de la tecnología de la aplicación de ejemplo.
...
Se ha integrado los OPForms con Vite + REACT, en este ejemplo la aplicación se loga contra la seguridad de plataforma a partir de un usuario contraseña de plataforma, la navegación entre componentes se realiza con react router.
...
y muestra un listado de formularios, permitiendonos hacer logaout o permitiéndonos pulsar en el botón Show Form para cargar el formulario de esa fila de la tabla.
...
Tras esto se muestra el formulario
...
donde podremos cargar un identificador para mostrar los datos de ese registro
...
La librería de formularios se integra pricipalmente principalmente en el fichero Showform.jsx.
...
Aplicación Angular + Angular Material
En este caso la La aplicación de ejemplo esta construidad construida sobre angular Angular tiene la misma funcionalidad que la anterior.
Levantando la aplicación en local sería esta su url
El lógin login contra la seguridad de plataforma
...
Para esta aplicación los formularios se embeben con el componente showform :
...
Aplicación Vue 2
En esta aplicación el framework es Vue 2Tiene , y tiene disponible la misma funcionalidad que las anteriores.
Al cargarla en local accederemos desde la url http://localhost:8080/
...
Para logarnos clicaremos sobre el icono de usuario
...