Red de conocimiento informático - Material del sitio web - Cómo crear una aplicación web sencilla utilizando NetBeans IDE

Cómo crear una aplicación web sencilla utilizando NetBeans IDE

Al realizar una instalación Web y Java EE, tiene la opción de instalar el servidor de aplicaciones GlassFish 2.1 y la versión 6.0.x del contenedor de servlet Apache Tomcat. Debes tener uno instalado para completar este tutorial.

Para aprovechar las capacidades Java EE 5 de NetBeans IDE, utilice un servidor de aplicaciones que sea totalmente compatible con la especificación Java EE 5, como el servidor de aplicaciones GlassFish 2.1 UR2. Si está utilizando otro servidor, consulte las notas de la versión y las preguntas frecuentes para conocer los problemas conocidos y las soluciones. Para obtener detalles sobre los servidores compatibles y las plataformas Java EE, consulte las notas de la versión.

Si necesita comparar su proyecto con una solución funcional, puede descargar una aplicación de muestra.

Configurar un proyecto de aplicación web

Seleccione Archivo > Nuevo proyecto (Ctrl-Shift-N) en el menú principal. En Categoría, seleccione Java Web. En Proyecto, seleccione Aplicación web y haga clic en Siguiente.

En el paso 2, ingrese HelloWeb en el cuadro de texto Nombre del proyecto.

Especifique la Ubicación del proyecto como cualquier directorio en su computadora. En este tutorial, este directorio se llama $PROJECTHOME.

(Opcional) Seleccione la casilla de verificación Usar repositorio de carpetas privadas y especifique la ubicación de la carpeta de la biblioteca. Para obtener más información sobre esta opción, consulte Biblioteca de proyectos compartida.

Haga clic en "Siguiente". Se abre el panel Servidor y configuración. Seleccione la versión de Java EE para usar con la aplicación.

Seleccione el servidor donde desea implementar la aplicación. Aquí solo se enumeran los servidores registrados en el IDE. Tenga en cuenta que la ruta de contexto en el servidor será /HelloWeb (según el nombre que le dio a su proyecto en el paso anterior).

Haga clic en "Siguiente". En el panel Marco, haga clic en Finalizar para crear el proyecto.

El IDE creará la carpeta del proyecto $PROJECTHOME/HelloWeb. Esta carpeta del proyecto contiene todo el código fuente y los metadatos del proyecto, como el script de compilación Ant del proyecto. En el IDE, se abre el proyecto HelloWeb. En el editor de código fuente de la ventana principal, se abre la página de bienvenida index.jsp. Puede ver la estructura de archivos de un proyecto en la ventana Archivo (Ctrl-2) y su estructura lógica en la ventana Proyecto (Ctrl-1).

Crear y editar archivos fuente de aplicaciones web

Crear y editar archivos fuente es la función más importante proporcionada por el IDE. Después de todo, esto es probablemente a lo que dedicas más tiempo. Los IDE ofrecen una variedad de herramientas que se adaptan al estilo personal de cualquier desarrollador, ya sea que prefiera escribir todo el código a mano o que el IDE genere gran parte del código por usted.

Crear paquetes Java y archivos fuente Java

En la ventana Proyecto, expanda el nodo Paquete fuente. Tenga en cuenta que el nodo Paquete de origen contiene solo un nodo Paquete predeterminado vacío.

Haga clic derecho en el nodo Paquete fuente y seleccione Nuevo > Clase Java. Ingrese NameHandler en el cuadro de texto Nombre de clase y escriba org.mypackage.hello en el cuadro combinado Paquete. Haga clic en "Finalizar". Observe que se abre un nuevo archivo NameHandler.java en el editor de código fuente.

En el editor de código fuente, declare una variable String escribiendo la siguiente línea de código inmediatamente debajo de la declaración de clase.

String name;

Agregue el siguiente constructor a la clase: public NameHandler()

Agregue la siguiente línea de código en el constructor NameHandler(): name = null;

Generar métodos getter y setter

Haga clic con el botón derecho en el campo de nombre en el editor de código fuente y seleccione Refactor > Encapsular campo. Se abre el cuadro de diálogo Campos encapsulados, que enumera el campo de nombre. Tenga en cuenta que, de forma predeterminada, la visibilidad del campo está configurada en "privada" y la visibilidad del método de acceso está configurada en "pública", lo que significa que el modificador de acceso para la declaración de variable de clase se especificará como privado, mientras que se generarán los métodos getter y setter. con modificadores públicos y privados respectivamente.

Haga clic en Refactorizar. Se generarán métodos getter y setter para el campo de nombre. El modificador de la variable de clase se establecerá en privado, mientras que los métodos getter y setter se generarán con un modificador público.

Edite el archivo predeterminado de JavaServer Pages

Vuelva a seleccionar el archivo "index.jsp" haciendo clic en la etiqueta del archivo "index.jsp" que aparece en la parte superior del editor de código fuente.

En la Paleta (Ctrl-Shift-8) en el lado derecho del editor de código fuente, expanda Formularios HTML y arrastre un elemento de formulario al editor de código fuente

< Una posición después de la p > marca.

Aparece el cuadro de diálogo Insertar formulario.

Especifique los siguientes valores:

Acción: respuesta.jsp

Método: GET

Nombre: formulario de entrada de nombre

Haga clic en Aceptar. Se agregará un formulario HTML al archivo index.jsp.

Arrastre una entrada de texto justo antes del marcador y especifique los siguientes valores:

Nombre: nombre

Tipo: texto

Haga clic en Aceptar . Se agregará una etiqueta HTML entre las etiquetas.

Arrastre el elemento de un botón justo antes de la etiqueta. Especifique los siguientes valores:

Etiqueta: Aceptar

Tipo: Enviar

Haga clic en Aceptar. Se agregará un botón HTML entre las etiquetas.

Escriba Ingrese su nombre: inmediatamente antes de la primera etiqueta y luego cambie el texto predeterminado ¡Hola mundo! entre las etiquetas

a Formulario de entrada.

Cree un archivo JavaServer Pages

En la ventana Proyectos, haga clic derecho en el nodo del proyecto HelloWeb y seleccione Nuevo > JSP. Se abre el asistente Nuevo archivo JSP. Asigne un nombre al archivo de respuesta y haga clic en Finalizar. Observe que el nodo del archivo "response.jsp" aparece debajo de "index.jsp" en la ventana del Proyecto y se abre un nuevo archivo en el editor de código fuente.

En el panel Componentes a la derecha del editor de código fuente, expanda "JSP" y arrastre un elemento Usar Bean al editor de código fuente justo debajo de la etiqueta. Se abre el cuadro de diálogo Insertar usando Bean. Especifique los valores que se muestran en la imagen a continuación.

ID: mybean

Clase: org.mypackage.hello.NameHandler

Alcance: sesión

Haga clic en "Aceptar". Tenga en cuenta que la etiqueta se agregará debajo de la etiqueta.

Arrastre un elemento Establecer propiedades de frijol desde la paleta justo antes de la etiqueta

y haga clic en Aceptar.

En la etiqueta que aparece, elimine el atributo de valor vacío y edítelo con el siguiente código. Si el IDE creó el atributo value = "", ¡bórrelo! De lo contrario, sobrescribe el valor pasado al nombre en index.jsp.

Como se describe en la documentación, los valores de las propiedades se pueden establecer de varias maneras. En este ejemplo, la entrada del usuario en la página index.jsp se convierte en los pares de nombre/valor pasados ​​al objeto de solicitud. Al configurar una propiedad usando la etiqueta, puede especificar el valor según el nombre de la propiedad contenido en el objeto de solicitud. Por lo tanto, al establecer la propiedad en nombre, puede recuperar el valor especificado por la entrada del usuario.

Cambie el texto entre las etiquetas

para que se vea así:

¡Hola!

Arrastre y suelte un elemento de propiedad GetBean desde la paleta de componentes al < Después de la coma entre las etiquetas /p>

. Especifique los siguientes valores en el cuadro de diálogo Insertar y obtener propiedad de Bean:

Nombre de bean: mybean

Nombre de propiedad: nombre

Haga clic en Aceptar. Tenga en cuenta que las etiquetas se agregarán entre las etiquetas

.