En este post te mostraré a traer datos desde PHP usando AJAX. En el primer ejemplo veremos cómo inyectar una página web (fragmento de HTML) a través de AJAX. Dentro del segundo ejemplo veremos cómo traer datos JSON desde PHP de igual manera usando AJAX. ...
Enviar datos a PHP usando AJAX En este post vamos a ver cómo enviar un formulario de HTML a PHP pero sin recargar la página, simplemente usando AJAX. Recordemos que AJAX es una técnica que permite enviar y recibir datos de manera asíncrona, sin bloquear el hilo principal, además de ahorrar ancho de banda pues solo cargamos lo que se necesita. ...
Un software turnero o de control de turnos sirve para solicitar turnos y hacer citas de usuarios, para que los mismos sean atendidos por profesionales o encargados en un orden. Hoy vengo a presentar un turnero en PHP, es decir, es un software de control de turnos para la web, que funciona en móviles, computadoras y tabletas. Este turnero fue encargado por un cliente hace unos meses. Nota: ya puedes consultar la versión 2 de este software que introduce algunas mejoras para tener una recepcionista que administra las filas de espera y las asigna a un vendedor o sector. ...
En este post voy a presentar el código fuente y el JAR de un sistema de ventas o punto de venta open source programado en Java, utilizando el framework web Spring Boot con el paradigma MVC. Para el diseño he utilizado Bootstrap, y para la persistencia de datos, MySQL. A través de este post te explicaré cómo fue programado este sistema de ventas con Spring Boot, además de mostrarte en dónde está el código fuente y cómo ejecutar el sistema; ya que el mismo es open source y gratuito. ...
Tabla responsiva en Bootstrap En este post te mostraré cómo hacer que una tabla o elemento table de HTML sea responsiva en Bootstrap 4. Una tabla responsiva en Bootstrap 4 es una tabla que se adapta a cualquier tamaño de pantalla, aunque específicamente hablando de tablas, las de Bootstrap se deben encerrar en un div que hace que al tabla sea “scrollable”, pero la tabla mantiene su tamaño. Con los ejemplos verás a lo que me refiero. ...
En este post te enseñaré a evitar o desactivar el autocompletado que aparece por defecto en un input de HTML 5, el cual se ve como en la siguiente imagen: Para lograrlo se utiliza el atributo autocomplete de HTML. ...
En este post te mostraré a enfocar o darle focus a un elemento de un formulario de HTML usando JavaScript, ya sea un input o un textarea. Enfocar un elemento en JavaScript es hacer que, cuando el usuario comience a escribir usando el teclado, el texto aparezca en el campo de texto, en pocas palabras que se enfoque el input o textarea. Para esto vamos a usar querySelector, pues necesitamos una referencia al DOM. ...
En este post te mostraré a usar el atributo autofocus de los input en HTML para dar un focus automático a los elementos, es decir, dar focus a un campo de texto cuando se carga la página, sin usar JavaScript. Nota: si quieres enfocar un elemento de manera programada, utiliza JavaScript y la función focus. ...
En este post te mostraré a usar th:each en Thymeleaf para iterar o recorrer colecciones, algo así como dibujar una lista o repetir un elemento HTML. Además de repetir una lista te enseñaré la sintaxis básica de th:each. Finalmente veremos un ejemplo con Spring Boot para renderizar una lista de productos traída desde un repositorio que a su vez se conecta con MySQL. ...
Enviar datos por formulario y procesarlos usando Spring Boot En este post te voy a enseñar a obtener datos de formulario en Spring Boot usando el motor de plantillas Thymeleaf para mostrar el formulario. Vamos a ver un ejemplo de un formulario, desde dibujarlo hasta procesarlo en el controlador, usando una clase. ...