Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Objetivo.
El estudiante desarrollara una pgina web con la ayuda de la plataforma de netbeans
y glassfish se mostrara una aplicacin de base de datos.
Desarrollo
Se abre Netbeans 7.x para despus crear un proyecto web y Web Application
Ctrl+n -> Java Web -> Web Application y damos click en
next
Abrimos del proyecto creado el archivo index.jsp en donde le cambiaremos en la etiqueta <title>
por nuestro titulo, en este Caso IFPWAFCAD pagina de inicio.
Podemos correr el archivo que llevamos hasta ahora corrindolo, dndole click derecho donde esta
el nombre del proyecto y despus en run, donde se visualizara lo siguiente
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
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
Ahora visualizaremos la pgina en nuestro navegador, dando click derecho al archivo response.jsp y
en Run y se vera de la siguiente forma:
Para la creacin 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 Style
Sheet) le asignamos el nombre style. El archivo se creara en el mismo directorio que index.jsp y
response.jsp
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Se procede a ligar la hoja de estilos style.css a las pginas index.jsp y response.jsp colocando la
siguiente lnea de cdigo entre la etiqueta <head>
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
CONFIGURAR MySQL
Para configurar el MySQL en Netbeans nos vamos a Services -> DataBases -> Drivers
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 servidor MySQL dando click derecho -> connect
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Ahora podemos crear bases de datos usando el editor SQL. Nuestra base de datos se llamara
MiPrimeraBaseDatos
Ahora expandimos la conexin de nuestra Base de Datos, donde hay tres subcarpetas: Tables,
Views y Procedures.
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Editor SQL
Damos click derecho en la carpeta de Tables -> Execute command. Donde se abrir un editor SQL
en donde se le agregara la siguiente consulta para crear una tabla
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Para ejecutar la consulta puedes darle click al Run SQL (mostrado en crculo rojo) o dar click
derecho al editor SQL -> Run Statement
Despus de ejecutar se visualizara un mensaje de output y se vera la tabla del lado izquierdo
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
En el campo Name escribimos id, en type SMALLINT, selecciona Primary key y da click en OK
Para trabajar con la tabla de datos, abre un Editor SQL, donde t puedes agregar, modificar y borrar
las tablas de una base de datos. Para agregar un nuevo registro a la tabla Consejero, teclea lo
siguiente en el editor SQL
Ejecuta la sentencia con el botn Run SQL mostrado en la imagen anterior. Puedes visualizar el
mensaje
Para visualizar que los datos fueron ingresados correctamente, da click derecho en la tabla
Consejero -> View Data
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Esta es otra forma de manipular tablas de una base de datos, es mediante un archivo externo .sql,
donde simplemente puedes abrirlo desde NetBeans para ejecutarlo en el Editor SQL.
Damos click en Open File en el men del IDE -> Buscamos el archivo ifpwafcad_ks.sql. El script
abrir automticamente el Editor SQL.
Asegrate de que la conexin a MiPrimeraBaseDatos este seleccionada en la barra arriba del editor.
Damos click en Run SQL, mostrado en la figura. Despus visualizamos el mensaje de salida.
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Abre un nuevo archivo en el men del IDE. Selecciona la categora del servidor GlassFish, despus
selecciona JBDC Resource y da click en Next
En la venta de General Attributes, elige la opcin de Create New JDBC Connection Pool, seguido
de ingresar en el campo JNDI Name jdbc/IFPWAFCAD damos click en Next
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
En la siguiente ventana solo se da click en Next, para abrir la ventana de Elegir conexin de Base de
Datos. En el campo JDBC Connection Pool Name: ifpwafcadPool. Seleccionar nuestra conexin de
base de datos miprimerbasedatos. Da click en Next
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
En la siguiente ventana, Propiedades de la piscina de conexiones aadida, ntese que la IDE extrae
informacin de la conexin de base de datos especificada en ventanas anteriores. Se da click en
Next.
Despus expande la ventana de Servers -> Glassfish -> Resources -> JDBC -> JDBC Resources y
Connection Pools. Ntese que la nueva base de datos y la piscina de conexiones esta desplegada.
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Da click derecho en el proyecto -> new -> other -> web -> Standard Deployment Descriptor
(web.xml)
Donde se le dara click en References y click en Add para abrir la ventana de Add Resource
Reference
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Donde se le ingresara jdbc/IFPWAFCAD y checamos que los dems campos coincidan con la
pantalla mostrada. Damos click en OK
Para verificar que se agrego correctamente al archivo .xml, podemos visualizarlo en la pestaa xml
del archivo web.xml
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
Abrimos la pestaa de servidores ubicado en el men principal del IDE Tools -> Servers
Ejecucin de la aplicacin.
Y se visualizara lo siguiente
Seleccionamos algn campo y damos click en submit. Por ejemplo, damos click en Financial
Consultancy
Miranda Gutirrez Karla Teresa
Bernal Luna Sal
3CM5
M. en C. Alejandro Cifuentes A.
ANEXO