agosto 2019

Validar formularios en Spring Boot

Validar formularios en Spring Boot

  • by

Validar formularios con Spring Boot

En este post te mostraré a validar un formulario en Spring Boot y a mostrar los mensajes de error (para indicar en dónde se equivocó al llenarse) con Thymeleaf.

La validación es muy fácil, pues solo se utilizan anotaciones en la entidad.

Verás que es muy sencillo gracias a las anotaciones como Min, NotNull y Size, las cuales se encuentran en:

javax.validation.constraints.*

Leer más »Validar formularios en Spring Boot

Solución a “error retrieving pid file” – Termux y apache

Solución al error de Apache que dice:

(20014) Internal error (specific information not available):

AH00058: Error retrieving pid file var/run/apache2/httpd.pid

AH00059: Remove it before continuing if it is corrupted.

Este error aparece al invocar a apachectl ya sea con start o con stop y sucede en algunas ocasiones al instalar PHP y Apache en Android.

Leer más »Solución a “error retrieving pid file” – Termux y apache

Leer variables de ruta con Spring Boot

Cómo acceder a una variable de la URL en Spring Boot

Cuando programamos en Java usando el framework Spring Boot es muy común definir rutas en donde se define un parámetro pasado a través de la URL.

Por ejemplo, podemos tener la siguiente ruta:

http://localhost:8080/productos/editar/16

En este caso el último número es un parámetro de la ruta. Ahora bien, ¿cómo acceder a la variable de la ruta en el controlador de Spring Boot?

Leer más »Leer variables de ruta con Spring Boot

3 - Ejecutar app de Spring Boot con gradlew

Iniciar con Spring Boot usando Gradle

Iniciar proyecto de Spring Boot usando Gradle

Tutorial para iniciar en Spring Boot usando Gradle: en este post te voy a enseñar cómo crear tu primer proyecto usando Spring Boot, un framework web de Java.

Veremos cómo iniciar un nuevo proyecto, hacer un hola mundo con Spring Boot y generar finalmente un archivo JAR para empaquetar el proyecto compilado.

Todo esto lo haremos con Gradle, verás que es realmente sencillo.

Nota: puedes probar y descargar el JAR generado en este enlace, solo asegúrate de tener Java en tu PC.

También puedes ver todo el código en el repositorio de GitHub.

Leer más »Iniciar con Spring Boot usando Gradle

Documento modificado con querySelector y querySelectorAll en JavaScript

querySelector y querySelectorAll en JavaScript

Explicación de querySelector y querySelectorAll en JavaScript

Introducción a querySelector y querySelectorAll en JS.

En este post te explicaré dos funciones de JavaScript que funcionan para obtener referencia a un elemento del DOM. Estoy hablando de:

  • document.querySelector
  • document.querySelectorAll

Que bien son un remplazo de document.getElementById y otras funciones un poco complejas.

Leer más »querySelector y querySelectorAll en JavaScript

Asociar información a elementos dinámicos con JavaScript

JavaScript – Asociar información a elementos dinámicos con data-*

Uso de los atributos data en HTML y JavaScript

Los atributos data de HTML son atributos personalizados que ayudan a asociar información a un elemento HTML (incluso si es creado de manera dinámica) con JavaScript.

Estos atributos vienen de maravilla cuando tenemos elementos dinámicos y queremos acceder a ellos en el click de un botón o de ellos mismos.

Lo que haremos hoy es ver cómo asociar información de una variable de JavaScript a un elemento HTML para después recuperarla en el click del botón:

Asociar información a elementos dinámicos con JavaScript

Demostración de click del botón al agregar información con los atributos data

Accede a la demostración aquí.

Leer más »JavaScript – Asociar información a elementos dinámicos con data-*

Dibujar tabla HTML con JavaScript - Tabla dinámica de productos

Dibujar tabla HTML dinámica con JavaScript

Renderizar o dibujar una tabla HTML con JavaScript

En este post te mostraré a crear una tabla dinámica o elemento <table> de HTML con JavaScript. Es decir, con JavaScript puro dibujar una tabla, agregarle filas y columnas.

Para ello no usaremos ningún framework. Las funciones que veremos son:

  • document.createElement – Para crear un elemento, en este caso el tr y el td
  • document.querySelector – Obtener referencia a elementos del DOM
  • elemento.appendChild – Adjuntar un elemento hijo a otro elemento

Lo que vamos a dibujar en la tabla es un arreglo. Es decir, a partir del arreglo vamos a dibujar una tabla HTML con JavaScript de manera dinámica.

Leer más »Dibujar tabla HTML dinámica con JavaScript