Netbean

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Tutorial Base de Datos con Netbeans
Materia:
Web Application Development.
Tema:
Desarrollo de una aplicación web mediante el uso de la plataforma NetBeans
7.0.1 que se conectara a una base de datos MySQL.

Objetivo.

 El estudiante desarrollara una página web con la ayuda de la plataforma denetbeans
y glassfish se mostrara una aplicación de base de datos.

Desarrollo
Se abre Netbeans 7.x para después crear un proyecto web y Web Application
Ctrl+n -> Java Web -> Web Application y damos click en
“next”

Le asignamos un nombre al proyecto y damos click en “next” nuevamente.

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Seleccionamos elservidor GlassFish Server 3.1 y damos click en “next”

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

En la siguiente ventana solo damos click en “Finish"

Abrimos del proyecto creado el archivo index.jsp en donde le cambiaremos en la etiqueta
por nuestro titulo, en este Caso IFPWAFCAD pagina de inicio.

Al archivo index.jsp le agregamos elsiguiente código. En donde se especifica el archivo
response.jsp el cual se creara en el proyecto.

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Podemos correr el archivo que llevamos hasta ahora corriéndolo, dándole click derecho donde esta
el nombre del proyecto y después en “run”, donde se visualizara lo siguiente

Miranda Gutiérrez KarlaTeresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Ahora procedemos a crear el archivo response.jsp, para ello damos click derecho en el nombre del
proyecto -> new -> JSP

El archivo response.jsp se encontrara en el mismo directorio que el archivo index.jsp, como se
muestra en la siguiente imagen.

Se abre el archivo response.jsp y se le cambia la etiqueta por IFPWAFCAD -{placeholder}
y a la etiqueta se le agrega el siguiente código:

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Ahora visualizaremos la página en nuestro navegador, dando click derecho al archivo response.jsp y
en “Run” y se vera de la siguiente forma:

Creación de la hoja de estilo
Para la creación de la hoja de estilo agregamos un nuevo archivo alproyecto. Click derecho en el
nombre del proyecto -> new -> Cascada Style Sheet (si no se encuentra ahí, se sigue la siguiente
forma: Click derecho en el nombre del proyecto -> new -> other -> Web -> Casacading Style
Sheet) le asignamos el nombre style. El archivo se creara en el mismo directorio que index.jsp y
response.jsp

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C.Alejandro Cifuentes A.

A continuación se le agregan los estilos de la siguiente forma:

Se procede a ligar la hoja de estilos style.css a las páginas index.jsp y response.jsp colocando la
siguiente línea de código entre la etiqueta

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.


CONFIGURAR MySQL
Para configurar el MySQL en Netbeans nos vamos aServices -> DataBases -> Drivers

Damos click derecho a MySQL (Connector/J driver) -> Connect using
Y se abrirá la siguiente ventana:

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Después se selecciona el connector previamente descargado (ANEXO 1.2)
En el campo Host ingresamos localhost y en Port 3306, en Database mysql. En User Name root ytecleamos la clave en el campo Password. Damos click en Next.
Se visualizará lo siguiente

Ahora procedemos a conectar el servidor MySQL dando click derecho -> connect

Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.

Ahora expandimos el servidor MySQL y vemos las bases de datos disponibles

Ahora podemos crear bases de datos usando el editor SQL....