Generar una aplicación web con Maven.

¿Que voy a aprender?

En esta entrada te voy a mostrar como crear un cascaron para una aplicación Web monolítica en Java utilizando Maven.

En un post anterior te mostre como generar este mismo proyecto, pero con el IDE eclipse.

¿Que necesito tener instalado?

  1. Maven
  2. Java (No seremos exigentes con las versiones, pero preferiblemente de la 8 en adelante)
  3. Eclipse IDE para ver el resultado

Manos a la obra

Abrimos nuestra consola de preferenciate ubicas donde quieres que se genere el proyecto y ejecutas

mvn archetype:generate -DartifactId=webapp-sample -DgroupId=ni.org.jug -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false

Brevemente te explico que hace este comando

  1. archetype:generate : le indica al maven que queremos generar un proyecto apartir de una plantilla
  2. -DartifactId: Es el nombre de nuestro proyecto, esto es personalizable puedes llamarlo como tu quieras..
  3. -DgroupId: Es la paqueteria base, generalmente dado por el dominio de nuestra organización, esto es personalizable.
  4. -DarchetypeArtifactId: El nombre de la plantilla web de la cual queremos generar nuestro proyecto.
  5. -DinteractiveMode: Le indicamos que al generar nuestro proyecto no nos haga mas preguntas :D.

Una vez terminada la ejecución obtendremos el siguiente resultado:

Proyecto Generado.

Proyecto Generado.

Importar el proyecto a Eclipse

Una vez finalizado, vamos a importar el proyecto generado a nuestro eclipse IDE.

  1. Seleccionamos la opción File -> Import
import

Opción Import

2. Buscar la opción maven y seleccionar la opción Existing Maven Projects

Opción Maven

Opción Maven

3. Buscamos el directorio donde se encuentra el proyecto que generamos previamente, puedes utilizar el button Browse…

selección del proyecto

Selección del Proyecto

Resultado Final:

El resultado final es un proyecto web con una estructura generado a partir de una plantilla, ya con esto hemos hecho el primer paso para poder desarrollar un sistema web monolítico con Java

Proyecto Importado

Proyecto Importado

 

Crear aplicación Web Java desde Eclipse IDE

¿Qué voy a aprender?

En este artículo te voy a mostrar cómo crear un cascarón para una aplicación Web Java monolítica utilizando el IDE Eclipse (descarga Eclipse IDE for Java Developers aquí). Si estas interesado también en aplicaciones de escritorio, te sugiero que revises este otro enlace.

¿Por qué es importante saber cómo crear una aplicación web Java?

Una vez que aprendas este paso, lo siguiente es un mundo de oportunidades, ya que irás aprendiendo cómo desarrollar tus propias aplicaciones web en Java.

¿Qué necesito tener instalado?

  1. Maven.
  2. Eclipse IDE para desarrollo Web.
  3. Java (no seremos exigentes con las versiones, pero preferiblemente de la 8 en adelante).

Generando el proyecto con Eclipse.

New Dynamic Web Java Project

Paso 1: Seleccionar la opción Dynamic Web Project

 

 

 

 

 

 

 

 

 

 

 

 

Rellenando los datos generales del proyecto

  1. Project Name: Nombre del proyecto, recomendable sin espacios. Utiliza guiones para separar las palabras.
  2. Project Location: Ubicación fisica del proyecto.
  3. Target Runtime: Por el momento lo vamos a dejar en blanco.
  4. Dynamic Web Module Version: Seleccionamos la versión 3.0
  5. Configuration: No es requerido.
  6. Desmarcamos la opción “add project to an EAR”.
Paso 2

Paso 2 – Rellenar la Información

Damos clic en el botón Next>

Configurando los directorios fuentes

Por defecto el directorio source, es decir el src, es donde el compilador buscará los archivos .java o fuentes de nuestra aplicación. En esta parte no realizaremos ningún cambio. Clic en Next > :

Paso 3: Configuración de directorios Fuentes

Configurando el WebModule

El paso final es la configuración del WebContent. En este paso se debe especificar el directorio de contenidos. Es aquí donde irán todos nuestros archivos de configuración: archivos estáticos, hojas de estilos, jsp, xhtml, etc.

El valor context root es básicamente cómo llamaremos a nuestra aplicación en el contexto del servidor.

Paso 4: Configuración de WebContent

Paso Final

Ahora solo damos clic en Finish y obtendremos un resultado como el de la imagen:

Estructura del Proyecto

Convirtiendo el proyecto a un proyecto Maven (Opcional).

Este paso puede ser considerado opcional. Sin embargo, dado el ambiente laboral de nuestros días, es casi obligatorio, ya que en la actualidad la mayoria de proyectos utilizan la herramienta Maven para poder manejar sus dependencias (librerías), entre otras cosas interesantes del proyecto.

  1. Damos clic derecho sobre el proyecto.
  2. Seleccionamos la opción Configure. En el submenú elegimos la opción convert to maven project.

Convertir a proyecto maven

Acto seguido, rellenamos la información de la ventana que nos aparece. Los más importantes son:

  1. Group Id: es la nomenclatura base de la paquetería de nuestra aplicación. En este ocasión, nuestros archivos fuentes estarán alojados en la estructura de paquetes org.ni.jug. Es importante saber que este es generalmente  el dominio de nuestra empresa/grupo puesto al revés. En nuestro caso, ni.org.jug en realidad es el nombre de nuestro dominio.
  2. Artifact Id: Ese el nombre que identifica a nuestro proyecto. En este ejemplo, es el mismo que le definimos al inicio.

MetaData de proyecto maven

Si observas al final del proyecto nos agrega un archivo POM, el cual es el archivo de configuración que utilizará Maven para la gestión de nuestro proyecto. Si quieres aprender un poco más de Maven, te recomiendo la entrada [Introducción a Maven].

Resultado Final

El resultado final es un proyecto con la estructura que se muestra en la imagen de abajo. Una vez teniendo esta primera parte, vamos a hacer un despliegue en un servidor de aplicaciones o un contenedor de servlets, el cual veremos con más detalle en otra entrada.

web-project

Estructura del Proyecto

 

Preparando el IDE Eclipse para aplicaciones de escritorio.

Introducción

El IDE Eclipse ofrece dos opciones para la creación de aplicaciones de escritorio: la versión RCP, que es un cliente enriquecido, y la versión estándar utilizando SWT y SWING para la creación de aplicaciones de escritorio independientes y a gusto del cliente. 

Para agregar un poco de contexto, el primer set de herramientas GUI de Java se denominó AWT, iniciales de Abstract Window toolkit. Fue incluido como parte de JDK 1.0. Este set fue sucedido por SWING, un set enriquecido en el cual los elementos son hechos todos en Java, sin codigo nativo. 

En cuanto a SWT (Standard Widget Toolkit), fue desarrollado con el proposito de contar con un set de herramientas de interfaz gráfica con apariencia y desempeno nativos.

Estos son los dos paquetes que ofrece el IDE Eclipse para la aplicaciones de escritorio:

Eclipse Java Estandar

Eclipse JAVA RCP and RAP

El que vamos utilizar es la versión JAVA Estándar. Lo haremos así pensando en que solo trabajaremos para aplicaciones de escritorio y aplicaciones java estándar, muy básicas: nada web o de algún otro framework.

Lo primero que haremos será descargar e instalar Eclipse. Si estas usando el sistema operativo Fedora, aquí tienes un artículo que te guiará paso a paso en el proceso de instalacion. Para Windows, deberás descargar el instalador desde los links dados más arriba y seguir las instrucciones de instalación. 

Instalando plugins en el IDE Eclipse

Una vez instalado Eclipse, procedemos a agregar los plugins correspondientes al desarrollo de aplicaciones de escritorio. Usaremos Window Builder, el cual contiene los componentes SWT y Swing Designer.

Iniciamos Eclipse y  buscamos el marketplace o mercado que nos ayudará a buscar los plugins necesarios. Para ello busca la opción “Eclipse MarketPlace” en el menú Help:

IDE Eclipse Marketplace

Ahora buscamos en el Market el plugin “Window builder”. Este es el nuevo plugin que reemplazó a Swing editor, y fue donado por Google. La búsqueda tarda unos segundos. 

Una vez localizado el plugin, haz clic en Install.  

Confirmar seleccion

Selecciona todas las características (features). Luego presiona el botón de finalizar Finish y espera mientras se instala. Ya tenemos lo necesario para la creación de un proyecto de prueba. El IDE eclipse se reiniciara al terminar. 

Proyecto de prueba

Crearemos un primer proyecto para asegurarnos que disponemos de los recursos necesarios para el desarrollo de una aplicacion de escritorio.

Crea un nuevo proyecto: File-> New -> Java Project. Le ponemos el nombre “ProbandoCosas”, por ejemplo. 

Haz clic en Next para ver el diálogo para configurar la compilación. 

Java Settings

Finaliza este paso haciendo clic en Finish. Ahora, desde el panel Package Explorer, creamos un paquete para nuestro proyecto. Aunque esto no es indispensable, se recomienda como una buena práctica.

Luego creamos nuestra aplicación SWING dentro del paquete.

Agregar archivo

En la ventana de diálogo New, buscamos Window, para hacer la navegación más fácil.

New Window

Le ponemos el nombre a nuestra clase principal, en esta caso: AplicacionPrueba

Ahora editamos nuestra aplicación. Esta es la ventana de código.

Por ejemplo, podemos cambiar a la vista de diseno haciendo clic en la pestana “Design” ubicada en la parte inferior de la pantalla, y estando alli, cambiar la apariencia de <system> a Metal.

 

Esta es la representación gráfica de nuestro editor visual para Aplicaciones Swing.

Una vez terminada la edición, podemos pasar a probar nuestra aplicación: Menu Run -> Run As -> Java Application

Buscar nuestra clase principal para Iniciar la aplicación.

Al dar clic en el botón Ejecutar, o desde el menú, nos pedirá que seleccionemos nuestra clase primaria de la aplicación, por lo general se llama APP, o como le pusimos antes: AplicacionPrueba.

Y ya con esto tenemos listo nuestro ambiente de desarrollo.

======= FIN =====

Nosotros y terceros seleccionados utilizamos cookies o tecnologías similares con fines técnicos y, con su consentimiento, para otras finalidades (“interacciones y funcionalidades básicas”, “mejora de la experiencia”, “medición” y “segmentación y publicidad”) según se especifica en la política de cookies. Usted es libre de otorgar, denegar o revocar su consentimiento en cualquier momento.    Configurar y más información
Privacidad