S-006 – Ejemplo de CRUD con Svelte 5 y componentes de SVAR

Una vez finalizadas las vacaciones de verano, retomo este tema y espero que os guste.

Para la elaboración de la codificación me he ayudado de las  IA’s, en concreto Copilot. En el caso concreto de Svelte 5 y de los componentes de SVAR, ninguna de las que he probado conocen bien la plataforma (ChatGPT, Gemini, Deep Seek), siempre con versiones de no pago. Esto me hace pensar que los productos del último año, y más, los de los últimos meses, no están en sus bases de datos y aunque les facilites URL’s para que se ilustren, no me ha dado buen resultado.

Los componentes de SVAR,  cuando entiendes  cómo funcionan, el resultado es bueno y  todo empieza a clarificarse y a verse «relativamente» sencillo.

Objetivo

Mostrar un CRUD de un tabla con campos de texto, numérico, fecha , combos t especial (estrellas).

Demo: https://fhumanes.com/my-svar-app/

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

S-005 – Componentes SVELTE 5 de SVAR – Excelente para todo tipo de desarrollo

Como habréis observado en el artículo S-003 os mostré las posibilidades de DataGrid y os hablé que estaba revisando las posibilidades de Gantt y eso es lo que he hecho. Al ver todas las posibilidades que ofrece el fabricante SVAR, mi sorpresa ha sido grande y en este artículo lo que vengo a mostrar en los ejemplos, son todas las posibilidades que ofrece de forma gratuita.

Como podréis comprobar casi hay soluciones para cualquier necesidad que podamos tener en el desarrollo de una aplicación de gestión.

Objetivo

Preparar los ejemplos que tiene el fabricante para en caso e desarrollos en Svelte 5 y facilitar los ejemplos para que se disponga de código para toda la casuística que se contempla en estos ejemplos.

Os facilito todos los ejemplos, que he codificado con «demo» y termina con el nombre del producto.

DEMOS:

Tipos de campos, etc.
Páginas de tipo LIST
Filtros estáticos y dinámicos
Gráficos de Gantt
Menús de acciones, de formularios, etc.
Menús de otro tipo de acciones
Gestor de carga de ficheros

(1) Menú donde vais a poder ver muchas opciones. Se pueden combinar todas ella para obtener la solución que requiere tu aplicación.

(2) Temas que se pueden utilizar directamente. Se pueden definir temas personalizados.

(3) Espacio en donde se muestra el resultado de la selección del punto (1)

Si te interesa este artículo, accede a él en este enlace.

S-004 – Alternativas para Data-Calendar

Disponer de una solución  de «data-Calendar», es decir, poder representar datos en un calendario es básico en casi todos los desarrollo, dado que mucha de nuestras informaciones están asociadas a una echa.

La solución «histórica» de Open Source es FullCalendar que es la que hemos utilizado en PHPRunner en mis ejemplos y en los Templates de XlineSoft.

Este producto, también, ha creado una «saga» de seguidores y de creadores de solución similar en diversas plataformas.

Objetivo

Disponer de solución para incorporar FullCalendar en plataforma Svelte 5 y disponer de una alternativa nativa de Svelte, que disponga de la funcionalidad de FullCalendar (svelte-calendar).

DEMOS:

Estos ejemplos simples los he hecho son la IA Gemini. Me ha costado mucho llegar a ellos, porque en esta sesión Gemini nada más que hacía deducir erróneamente los parámetros de configuración  por más información de la documentación que le facilitaba, no era capaz de interpretar adecuadamente los contenidos de los manuales.

Si te interesa este tema y deseas acceder a los fuentes, lee el artículo completo en este enlace.

S-003 – Excelente DataGrid para Svelte 5

Algo que en todas las aplicaciones se usa mucho, mucho es un DataGrid, Cuadrícula o Rejilla, que de muchas formas se llama dependiendo del país en donde nos hayamos educado.

Consultando las IA’s me comentaron de la solución de la empresa SVAR y como podréis ver tiene excelente solución para los DataGrid y Gantt, en el entorno Svelte.

Estuve intentando trabajar con Gemini, ChatGPT, Deep Seek y Copìlot, y en este caso os tengo que decir que fue un tremendo fracaso. Se inventan las cosas «Alucinaciones en el argot» y cansado de ellas me puse a analizar la información en metodología clásica y el resultado, a mi entender, me parece estupendo.

Objetivo

Disponer de una solución de DataGrid para aplicar a mis proyectos de Svelte. Además, de que tiene que ser sin coste (Free), debe disponer de muchísimas funcionalidad y disponer de buena documentación y ejemplos.

DEMO: https://fhumanes.com/demo-datagrid

Si estás interesado en este tema sigue este enlace para leer todo el artículo.

S-002 – Típico CRUD con Bootstrap 5+ y Server SLIM PHP

Creo que este ejemplo os va a mostrar lo fácil o difícil, que es trabajar en esta plataforma, de acuerdo a vuestros conocimientos.

Es un ejemplo típico de LIST, ADD, EDIT, VIEW y DELETE, de una tabla «Películas», con la, también, gestión de las talas auxiliares de «Temas» y «Soportes».

El desarrollo lo ha hecho GEMINI (la IA de Google), con mi revisión. El proceso que he seguido es facilitarle el modelo de datos, que he hecho con MySQL Workbench y le he especificado que de backend quería que utilizara SLIM 4.0 y MySQL. Y como Frontend quería Svelte 5 y Sveltestrap (que utiliza internamente Bootstrap 5.3. Hay que solicitar que establezca las FASES que vamos a utilizar para construir la solución y tener mucha paciencia, pues aunque el resultado final es bueno, son muchas las confusiones y pérdidas de información que tiene, con lo que hay que recordarle continuamente las soluciones que se van adoptando, porque tiende al olvidar muchos de los detalles.

Objetivo

Obtener una aplicación CRUD completa con la arquitectura de Svelte 5 + Bootstrap 5.3 + SLIM 4.0 + MySQL.

DEMO: https://fhumanes.com/my-movie-app1

Si te interesa este tema, haz clic en este enlace.