Ir al contenido principal

Entradas

Mostrando las entradas de marzo, 2023

Visualizador de Gráficos Graphviz con Vaadin: Un Ejemplo Práctico

En este artículo, exploraremos un ejemplo práctico de cómo construir un sencillo visualizador de gráficos Graphviz utilizando el marco de trabajo web Vaadin en Java. Este visualizador permite a los usuarios ingresar código en lenguaje DOT de Graphviz en un área de texto y, al hacer clic en un botón o presionar la tecla Enter, el código se analizará y se renderizará como una imagen SVG. ¡Acompáñanos en este tutorial y descarga el código para probarlo tú mismo! Paso 1: Importar las bibliotecas necesarias Antes de comenzar, asegúrate de tener importadas las bibliotecas necesarias en tu proyecto, como los componentes de Vaadin, el motor Graphviz y el analizador (Parser). Paso 2: Crear la clase GraphViewerView Define la clase GraphViewerView, que hereda de HorizontalLayout. Utiliza las anotaciones @PageTitle, @Route y @RouteAlias para configurar el título, la ruta y el alias de la ruta de la vista. Paso 3: Definir las variables de instancia La clase cuenta con varias variables de instancia,

RegEx Editor con Vaadin

Explorando las expresiones regulares con un editor hecho en Vaadin En este proyecto, construí un editor de expresiones regulares usando el framework Vaadin. Una expresión regular es una secuencia de caracteres que define un patrón de búsqueda. Con este editor, los usuarios pueden ingresar una expresión regular y un texto de prueba para verificar si el texto cumple con el patrón. La interfaz de usuario está diseñada de manera sencilla y fácil de usar. El editor tiene dos campos de entrada: uno para la expresión regular y otro para el texto de prueba. También hay un botón "Probar" que verifica si el texto de prueba coincide con la expresión regular. Además, hay una opción para especificar un grupo de captura para extraer datos específicos de la coincidencia. Una vez que se presiona el botón "Probar", se muestra un mensaje de éxito o fracaso en la pantalla, indicando si el texto de prueba coincide con la expresión regular. Si se especificó un grupo de captura, el edito

Como Hacer Un Tablero en Java con Vaadin

Hace poco descubrí Vaadin, un framework de desarrollo de aplicaciones web en Java, y decidí probarlo para mi primer proyecto. La experiencia fue muy positiva, así que quiero compartir cómo construí una aplicación web sencilla para empezar. Mi idea era crear una cuadrícula de botones que al hacer clic cambien de color de fondo aleatoriamente. Parece simple, pero me permitió aprender los conceptos básicos de Vaadin y familiarizarme con su flujo de trabajo. No es la primera vez que el tablero con botones pasa por mi mente ( https://www.rdebug.com/2011/04/como-hacer-un-tablero-en-java-con.html ) Lo primero que hice fue crear un nuevo proyecto usando https://start.vaadin.com/app , seleccione algunas opciones para crear una app vacia con una sola vista llamada Tablero. En mi caso, creé una matriz de botones con una clase personalizada que extiende de Button, que agregué al componente TableroView. Entonces, para manejar los clics de los botones, agregué un listener a cada uno que cambia su co