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.

S-013 – Generar documentos PDF con PdfMake

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.