Guía 99 – Crea un Plugin PHPRunner desde un Web Components

Como había indicado en el artículo anterior, he creado un plugin de View y de Edit, desde un Web Components de Awesome, en concreto del «Switch».

Hago un pequeño resumen de lo que hasta ahora hemos visto:

Y con este artículo, completo el ciclo, pues lo que nos quedaría son ejemplos concretos o aplicación de lo que hemos aprendido.

Objetivo

Creación de un plugin  de PHPRunner (View y Edit) de un Web Components de tercero (Awesome).

DEMO: https://fhumanes.com/wc_test2/

Para realizar las pruebas de integración realizar las operaciones CRUD, tanto de página completa como en INLINE.

Si te interesa este artículo, sigue leyéndolo en este enlace.

Guía 98 – Utilizar Web Components de Awesome en PHPRunner

Este artículo muestra cómo de sencillo es utilizar Web Components de terceros en la parte de visualización de cualquier página.

La parte de edición, para ser integrada en PHPRunner es más compleja, pero en el siguiente artículo vamos a realizar algunos ejemplos, aunque soy consciente de que para los usuarios que son noveles en PHPRunner va a ser más difícil, si no hay alguien que le facilita la labor, escribiendo plugins de PHPRunner, que facilita su utilización. Voy a realizar un ejemplo, para ver si alguien se anima a construirlo para el colectivo de usuarios, porque yo no dispongo de tiempo para hacer esta labor.

Los Web Components que voy a utilizar el el ejemplo son los de Awesome. Seguro que hay otros muchos, pero estos, tienen buena documentación y son sencillos de utilizar.

Objetivo

Utilizar web components de Awesome para mostrar en un ejemplo básico cómo se pueden utilizar estos para variar el interface / UI de usuario de una aplicación de PHPRunner. En este caso vamos a modificar la visualización de contenidos.

Antes de entrar en la codificación, se ha hecho un ejemplo de HTML, para ver la sencillez de utilización de estos componentes. Los podéis revisar y para ver qué se ha escrito, podéis «ver el código fuente de la página» para que observéis lo simple que es.

DEMO: https://fhumanes.com/web_components/

La integración con PHPRunner se ha hecho cambiando la visualización de 2 campos:

  • Campo «Status», que es un campo de tipo checkBox y se muestra cómo Switch
  • Campo «Images», que muestra como Carrousel de miniaturas y de tamaño completo.

DEMO: https://fhumanes.com/wc_test1/

Si te interesa este artículo, sigue leyéndolo  en este enlace.

Guía 97 – Utilizar WEB Components en PHPRunner

En artículos anteriores hemos tratado:

En este artículo se explicará cómo utilizar los WEB Components en desarrollos PHPRunner.

Objetivo

  • Cómo podemos  utilizar esto WEB Components en desarrollos en PHPRunner.
  • Cómo construir el Backend SLIM4 – PHP, para comunicarnos con las variables de sesión del desarrollo PHPRunner y así poder utilizar la identificación del usuario para los 2 procesos de PHP (PHPRunner y SLIM4).

DEMO: https://fhumanes.com/pc_001

(1) es la integración de una App de Svelte 5 en PHPRuynner
(2) es la integración de un WEB Components hecho en Svelte 5 en PHPRunner.
(3) es la consola del navegador y las trazas que ven dejando los ejemplos para que se vean su funcionamiento.

Si estás interesado en este artículo, sigue leyéndolo en este enlace.

S-012 – Actualización de aplicación Shopping – Svelte

He corregido y ampliado la funcionalidad de este desarrollo.

Corrección:

He modificado CSS de la página «Login.svelte» para que se ajuste mejor esta página en los dispositivos móviles. Además del tamaño de los campos, que el vea la imagen de la página.

Ampliación:

En la página «Producto.svelte» he añadido un botón para obtener un informe PDF de los productos que están pendientes de comprar. El desarrollo se ha hecho con PdfMake y está descrito en esta guía.

A través de este enlace tienes acceso al artículo completo y los fuentes del desarrollo.

Guía 96 – Mejorar la presentación de los Lookup simples o múltiples

En los casos en que en la presentación de la información de una tabla cambiamos un «id» por un «nombre o clave», en la visualización vemos un texto que normalmente es simple pero suficiente. Cuando en vez de tener un sólo valor en el campo tenemos múltiples valores, la presentación de esos textos, uno detrás de otro, separados por una coma, normalmente es insuficiente.

Objetivo

Mejorar la visualización de los campos «Lookup» resaltando los valores, tanto en el Lookup estándar como si se utiliza algún Plugin (Los plugins ya tienen versión para PHPRunner v11)

DEMO: https://fhumanes.com/test_lookup/

Si estás interesado en este articulo o deseas obtener el código, sigue este enlace.