S-013 – Generar documentos PDF con PdfMake

Veces vista: 40

Como he indicado en otros artículos, la necesidad de generar informes, principalmente en formato PDF, es una función básica y como he hecho en otros entornos de desarrollo (React y PHPRunner ), he escogido la solución de PdfMake.

Esta solución es sencilla, muy rápida y especialmente indicada a documentos tipo factura, albarán, o como en este caso, a la lista de la compra (todos documentos de pocas hojas). Para saber cómo podéis construir los documentos (dispone de una herramienta de diseño básica) debéis consultar el artículo de PHPRunner.

El documento se genera en el navegador y se define en JavaScript, alimentado de los datos en formato JSON.

Objetivo

Ofrecer una solución muy sencilla y práctica para ofrecer informes en PDF, desde Svelte.

DEMO: https://fhumanes.com/informe-pdf/

Si estás interesado en este tema sigue leyendo el artículo en este enlace.

S-012 – Desarrollo COMPLETO de aplicación Shopping

Veces vista: 35

Llevo mucho tiempo sin publicar ningún artículo nuevo. Creo que este os va a gustar mucho, eso espero, porque estoy muy contento con el resultado.

Es una aplicación completa, Front-End en Svelte 5 y Back-End en PHP SLIM 4. He mejorado en mi codificación, en ambas plataformas, y el resultado es más legible, mantenible  y sencillo.

La APP es la misma que hice en PHPRunner, después la hice en REACT y ahora está hecha en Svelte 5.
Me gusta utilizar este ejemplo por:

  • Está orientada a que funcione en el Móvil y en el PC.
  • Tiene gestión de usuarios y de roles.
  • Maneja ficheros (imágenes), texto, password, números, fechas, check, etc. Gestiona GRID y FORMS.
  • Controla las sesiones en el server y estas sesiones tienen un tiempo de caducidad, por no utilización de la aplicación.
  • El modelo de datos es sencillo.
  • Y la gestión de la aplicación, que no es relevante en el ejercicio, es muy simple y facilita la compresión rápida para su uso.

Objetivo

Disponer de un ejemplo completo en Svelte 5 y PHP SLIM, con la utilización de las guías publicadas, que sirva como base para las personas que deseen incorporarse al desarrollo de aplicaciones en Svelte 5.

DEMO:  https://fhumanes.com/my-shopping/

Están los usuarios admin/admin y usuario/usuario. Ruego que no destruyáis los ejemplos para que otros puedan utilizarlos y os propongo que os registréis para tener un «ambiente» particular para vosotros. En el email, podéis utilizar el vuestro o poner uno ficticio. Si es el vuestro recibiréis un email, para que veáis que se puede hacer «TODO», desde la parte del server.

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

Nuevo plugin PHPRunner -Sqlcodemirror5-

Veces vista: 50

Un desarrollador ha realizado una solución para generar informes en Excel y para esa generación incluye sentencias de SQL para acceder a los datos. Para la representación de esos SQL necesitaba un plugin para resaltar la sintaxis y me ha solicitado este plugin que una vez terminado, pongo a la disposición de todos para que el que lo necesite lo pueda descargar e instalar.

Podéis descargarlo de la página de los Plugins.

S-010 – Upload de ficheros en Svelte + SVAR + Reducción tamaños

Veces vista: 65

Para la APP de «Compra», similar a la que hice en REACT y que llamaré «Shopping» necesitaba resolver cómo subir ficheros en Svelte5 + componentes de SVAR, y eso he hecho, hacer el ejemplo con componentes de SVAR para que en los formularios creados con EDITOR de SVAR, pueda incluir ficheros entre sus campos.
He aprovechado, y he incluido la funcionalidad de reducción de las imágenes en el navegador, de tal forma que la imagen que suba al server ya tiene todos los ajustes que necesita.

DEMO: https://fhumanes.com/svar-upload/

Si trabajáis con los componentes de SVAR (os lo recomiendo), esta solución tiene el «detalle» de la creación del componente para los UPLOAD, ya que no es un tipo estándar del CORE de SVAR, por eso la solución tiene 2 ficheros App.svelte y fileField.svelte.

Si os interesa este tema y deseáis tener los fuentes, accede a la totalidad del artículo.

S-010 – Upload de ficheros en Svelte – actualización 10/09/2025

Veces vista: 157

Para completar un poco más este artículo, creo que es necesario la realización de la reducción y compresión , si se considera necesario, de la imagen antes de llegar al servidor.

Si comprobáis el tamaño de las fotografías que hace vuestro móvil, veréis que son enormes, más de 2MB de tamaño y de 4000 px de ancho, prácticamente, imposibles de tratar en las aplicaciones de gestión y asegurar el funcionamiento de forma rápida.

Este ejemplo lo que hace es reducir la imagen y presentarla, antes de enviar al servidor, por lo que la gestión es mucho más rápida que hacer todo esto apoyado en la gestión del server.

DEMO: https://fhumanes.com/my-resizeImage-app/

El código es JavaScript, por lo que demás de funcionar en Svelte, podría funcionar en cualquier otro entorno, incluyendo PHPRunner.

Si te interesa este tema, sigue leyendo el artículo en este enlace.

Blog personal para facilitar soporte gratuito a usuarios de React y PHPRunner