Desarrollo de una aplicación web con NetBeans y MySQL
Bernal Luna Saúl
3CM5
M. en C. Alejandro Cifuentes A.
www.detodoprogramacion.com
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 laayuda de la plataforma de netbeans
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.
www.detodoprogramacion.com
Miranda Gutiérrez Karla Teresa
Bernal Luna Saúl3CM5
M. en C. Alejandro Cifuentes A.
Seleccionamos el servidor GlassFish Server 3.1 y damos click en “next”
www.detodoprogramacion.com
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 nuestrotitulo, en este Caso IFPWAFCAD pagina de inicio.
Al archivo index.jsp le agregamos el siguiente código. En donde se especifica el archivo
response.jsp el cual se creara en el proyecto.
www.detodoprogramacion.com
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 derechodonde esta
el nombre del proyecto y después en “run”, donde se visualizara lo siguiente
www.detodoprogramacion.com
Miranda Gutiérrez Karla Teresa
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 queel 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:
www.detodoprogramacion.com
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 clickderecho 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 al proyecto. 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 StyleSheet) le asignamos el nombre style. El archivo se creara en el mismo directorio que index.jsp y
response.jsp
www.detodoprogramacion.com
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 lasiguiente línea de código entre la etiqueta
www.detodoprogramacion.com
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 a Services -> DataBases -> Drivers
Damos click derecho a MySQL (Connector/J driver) -> Connect using
Y se abrirá la siguiente ventana:www.detodoprogramacion.com
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 y
tecleamos la clave en el campo Password. Damos click en Next.
Se visualizará lo siguiente
Ahora procedemos a conectar el...
Regístrate para leer el documento completo.