02 Manual Eclipse Con Db4o

Post on 25-Apr-2015

857 views 3 download

Transcript of 02 Manual Eclipse Con Db4o

UNIVERSIDAD NACIONAL DEL ALTIPLANO PUNO

Facultad de Ingeniería Mecánica Eléctrica, Electrónica y Sistemas

Escuela Profesional de Ingeniería de Sistemas

GGuuííaa ddee EEnnsseeññaannzzaa:: CCoonnffiigguurraacciióónn ddee IIDDEE

EEcclliippssee ccoonn ddbb44oo yy ggeenneerraacciióónn ddee uunnaa

AApplliiccaacciióónn WWeebb

Autor:

Ing. Irenio Luis Chagua Aduviri

PPUUNNOO –– PPEERRÚÚ

OOccttuubbrree -- 22001111

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Antes de utilizar el IDE Eclipse debería estar instalado JDK 6 ó superior.

Elegimos el archivo a ejecutar

Descomprimimos db40 en la raíz del directorio C:

Configuración de IDE Eclipse con db4o y generación de una

Antes de utilizar el IDE Eclipse debería estar instalado JDK 6 ó superior.

Descomprimimos db40 en la raíz del directorio C:\

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 2

Ing. Irenio Luis Chagua Aduviri

Hacer clic en Add, luego en Local y elegir la ruta c:

Configuración de IDE Eclipse con db4o y generación de una

Hacer clic en Add, luego en Local y elegir la ruta c:\db4o\ome

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 3

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Hacer clic en Next

Configuración de IDE Eclipse con db4o y generación de una

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 4

Ing. Irenio Luis Chagua Aduviri

Configuración de IDE Eclipse con db4o y generación de una

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 5

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Luego de haber finalizado la instalación, activamos la opción OME

Configuración de IDE Eclipse con db4o y generación de una

Luego de haber finalizado la instalación, activamos la opción OME

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 6

Ing. Irenio Luis Chagua Aduviri

Configuramos el servidor web

Configuración de IDE Eclipse con db4o y generación de una

Configuramos el servidor web Tomcat 7, para ello descomprimimos el archivo en la ruta C:

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 7

Tomcat 7, para ello descomprimimos el archivo en la ruta C:\Tomcat7

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Luego configuramos las variables de entorno del sistema operativo

Equipo/Propiedades/Configuración avanzada del sistema/Variables de entorno y definimos las

siguientes variables.

CATALINA_HOME : C:

CLASSPATH : .; C:

Configuración de IDE Eclipse con db4o y generación de una

Luego configuramos las variables de entorno del sistema operativo, haciendo clic derecho en

Equipo/Propiedades/Configuración avanzada del sistema/Variables de entorno y definimos las

C:\Tomcat7

.; C:\Tomcat7\lib; (agregar al final de la entrada)

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 8

, haciendo clic derecho en

Equipo/Propiedades/Configuración avanzada del sistema/Variables de entorno y definimos las

lib; (agregar al final de la entrada)

Ing. Irenio Luis Chagua Aduviri

Configuramos el servidor web en eclipse, para ello vemos la opción Window/Show View/Servers

Luego clic derecho en el área de

Luego elegimos el servidor web Tomcat 7

Configuración de IDE Eclipse con db4o y generación de una

Configuramos el servidor web en eclipse, para ello vemos la opción Window/Show View/Servers

Luego clic derecho en el área de servidores

Luego elegimos el servidor web Tomcat 7

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 9

Configuramos el servidor web en eclipse, para ello vemos la opción Window/Show View/Servers

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 10

En tomcat installation directory elegimos el directorio configurado

Ing. Irenio Luis Chagua Aduviri

Luego hacemos clic derecho en el servidor web instalado y hacemos clic en Start para iniciar el

servidor.

Configuración de IDE Eclipse con db4o y generación de una

Luego hacemos clic derecho en el servidor web instalado y hacemos clic en Start para iniciar el

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 11

Luego hacemos clic derecho en el servidor web instalado y hacemos clic en Start para iniciar el

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Y debe quedar inicializado el servidor web.

Ahora generamos una aplicación Web con Eclipse.

Elegimos la opción de Menú, File/New/Project y elegimos la opción Dynamic Web Project

Luego en el nombre del proyecto le damos

Tomcat v7.0

Configuración de IDE Eclipse con db4o y generación de una

ado el servidor web.

Ahora generamos una aplicación Web con Eclipse.

Elegimos la opción de Menú, File/New/Project y elegimos la opción Dynamic Web Project

Luego en el nombre del proyecto le damos EstudiantesWeb, en Target Runtime elegimos Apache

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 12

Elegimos la opción de Menú, File/New/Project y elegimos la opción Dynamic Web Project

, en Target Runtime elegimos Apache

Ing. Irenio Luis Chagua Aduviri

Luego activamos “Generate web.xml deployment descriptor” y luego Finish.

Configuración de IDE Eclipse con db4o y generación de una

activamos “Generate web.xml deployment descriptor” y luego Finish.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 13

activamos “Generate web.xml deployment descriptor” y luego Finish.

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Agregamos un archivo JSP haciendo clic derecho en el directorio WebContent del proyecto.

Configuración de IDE Eclipse con db4o y generación de una

Agregamos un archivo JSP haciendo clic derecho en el directorio WebContent del proyecto.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 14

Agregamos un archivo JSP haciendo clic derecho en el directorio WebContent del proyecto.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 15

Configuración de IDE Eclipse con db4o y generación de una

Ing. Irenio Luis Chagua Aduviri

Luego hacemos clic derecho en el proyecto y hacemos clic en Run As / Run On S

la página web.

Luego agregamos la biblioteca de la base de datos orientado a objetos, haciendo clic derecho en el

Proyecto y nos ubicamos en Java Build Path y la pestaña Libraries y haciendo clic en Add External

JARs y elegimos el archivo db4o-

Configuración de IDE Eclipse con db4o y generación de una

Luego hacemos clic derecho en el proyecto y hacemos clic en Run As / Run On Server y nos muestra

Luego agregamos la biblioteca de la base de datos orientado a objetos, haciendo clic derecho en el

Proyecto y nos ubicamos en Java Build Path y la pestaña Libraries y haciendo clic en Add External

-8.0.184.15484-all-java5.jar del directorio C:\db4o

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 16

erver y nos muestra

Luego agregamos la biblioteca de la base de datos orientado a objetos, haciendo clic derecho en el

Proyecto y nos ubicamos en Java Build Path y la pestaña Libraries y haciendo clic en Add External

db4o\lib

Ing. Irenio Luis Chagua Aduviri

Luego agregamos las clases de nuestra aplicación, haciendo clic derecho Java Resource / src / New /

Class, en el Package le damos pe.edu.unap.academico.beans en name le damos

Configuración de IDE Eclipse con db4o y generación de una

las clases de nuestra aplicación, haciendo clic derecho Java Resource / src / New /

Class, en el Package le damos pe.edu.unap.academico.beans en name le damos

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 17

las clases de nuestra aplicación, haciendo clic derecho Java Resource / src / New /

Class, en el Package le damos pe.edu.unap.academico.beans en name le damos BeanAsignatura.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 18

Luego al generar el código insertamos los atributos de la clase quedando como el siguiente.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 19

package pe.edu.unap.academico.beans;

public class BeanAsignatura {

private String codigo; private String nombre;

private int horasTeoricas; private int horasPracticas;

private int creditos;

private String semestre;

}

Después de la declaración de los atributos se debe hacer clic derecho y Source / Generate

Constructors using Fields, y deshabilitamos los atributos.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 20

Luego hacemos clic derecho después del constructor Source / Generate Getters and Setters y

seleccionamos todos los atributos.

Y el código debe quedar como el siguiente.

package pe.edu.unap.academico.beans;

public class BeanAsignatura {

private String codigo;

private String nombre;

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 21

private int horasTeoricas;

private int horasPracticas;

private int creditos;

private String semestre;

/**

* */

public BeanAsignatura() {

}

/** * @return the codigo

*/ public String getCodigo() {

return codigo;

} /**

* @param codigo the codigo to set */

public void setCodigo(String codigo) {

this.codigo = codigo;

}

/** * @return the nombre

*/

public String getNombre() {

return nombre;

}

/**

* @param nombre the nombre to set

*/

public void setNombre(String nombre) {

this.nombre = nombre;

} /**

* @return the horasTeoricas

*/

public int getHorasTeoricas() {

return horasTeoricas; }

/**

* @param horasTeoricas the horasTeoricas to set

*/

public void setHorasTeoricas(int horasTeoricas) { this.horasTeoricas = horasTeoricas;

} /**

* @return the horasPracticas

*/ public int getHorasPracticas() {

return horasPracticas;

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 22

}

/**

* @param horasPracticas the horasPracticas to set

*/

public void setHorasPracticas(int horasPracticas) { this.horasPracticas = horasPracticas;

} /**

* @return the creditos

*/ public int getCreditos() {

return creditos; }

/** * @param creditos the creditos to set

*/

public void setCreditos(int creditos) { this.creditos = creditos;

} /**

* @return the semestre

*/

public String getSemestre() {

return semestre; }

/**

* @param semestre the semestre to set

*/

public void setSemestre(String semestre) {

this.semestre = semestre;

}

}

Generamos la clase BeanDireccion package pe.edu.unap.academico.beans;

public class BeanDireccion {

private String ubigeo;

private String distrito;

private String provincia;

private String departamento;

private String zona;

private String direccion; /**

*

*/

public BeanDireccion() {

super(); }

/** * @return the ubigeo

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 23

*/

public String getUbigeo() {

return ubigeo;

}

/** * @param ubigeo the ubigeo to set

*/ public void setUbigeo(String ubigeo) {

this.ubigeo = ubigeo;

} /**

* @return the distrito */

public String getDistrito() { return distrito;

}

/** * @param distrito the distrito to set

*/ public void setDistrito(String distrito) {

this.distrito = distrito;

}

/**

* @return the provincia */

public String getProvincia() {

return provincia;

}

/**

* @param provincia the provincia to set

*/

public void setProvincia(String provincia) {

this.provincia = provincia;

}

/** * @return the departamento

*/

public String getDepartamento() {

return departamento;

} /**

* @param departamento the departamento to set

*/

public void setDepartamento(String departamento) {

this.departamento = departamento; }

/** * @return the zona

*/

public String getZona() { return zona;

}

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 24

/**

* @param zona the zona to set

*/

public void setZona(String zona) {

this.zona = zona; }

/** * @return the direccion

*/

public String getDireccion() { return direccion;

} /**

* @param direccion the direccion to set */

public void setDireccion(String direccion) {

this.direccion = direccion; }

}

Generamos la Clase BeanPersona package pe.edu.unap.academico.beans;

public class BeanPersona { private String id;

protected String dni;

protected String nombres; private String fechaNacimiento;

private String lugarNacimiento;

private String telefono;

private String email;

private BeanDireccion direccion; /**

*

*/

public BeanPersona() {

super();

}

/**

* @return the id

*/

public String getId() {

return id; }

/**

* @param id the id to set

*/

public void setId(String id) { this.id = id;

} /**

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 25

* @return the dni

*/

public String getDni() {

return dni;

} /**

* @param dni the dni to set */

public void setDni(String dni) {

this.dni = dni; }

/** * @return the nombres

*/ public String getNombres() {

return nombres;

} /**

* @param nombres the nombres to set */

public void setNombres(String nombres) {

this.nombres = nombres;

}

/** * @return the fechaNacimiento

*/

public String getFechaNacimiento() {

return fechaNacimiento;

}

/**

* @param fechaNacimiento the fechaNacimiento to set

*/

public void setFechaNacimiento(String fechaNacimiento) {

this.fechaNacimiento = fechaNacimiento;

} /**

* @return the lugarNacimiento

*/

public String getLugarNacimiento() {

return lugarNacimiento; }

/**

* @param lugarNacimiento the lugarNacimiento to set

*/

public void setLugarNacimiento(String lugarNacimiento) { this.lugarNacimiento = lugarNacimiento;

} /**

* @return the telefono

*/ public String getTelefono() {

return telefono;

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 26

}

/**

* @param telefono the telefono to set

*/

public void setTelefono(String telefono) { this.telefono = telefono;

} /**

* @return the email

*/ public String getEmail() {

return email; }

/** * @param email the email to set

*/

public void setEmail(String email) { this.email = email;

} /**

* @return the direccion

*/

public BeanDireccion getDireccion() {

return direccion; }

/**

* @param direccion the direccion to set

*/

public void setDireccion(BeanDireccion direccion) {

this.direccion = direccion;

}

}

Ing. Irenio Luis Chagua Aduviri

Generamos la Clase BeanEstudiante/** *

*/

package pe.edu.unap.academico.beans;

import java.util.List

/**

* @author Irenio

*

*/

public class BeanEstudiante

private String

private String codigo

Configuración de IDE Eclipse con db4o y generación de una

BeanEstudiante

pe.edu.unap.academico.beans;

java.util.List;

BeanEstudiante extends BeanPersona {

String idCursoMatriculado;

codigo;

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Pág. 27

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 28

private List<BeanAsignatura> cursos;

/**

*

*/

public BeanEstudiante() { super();

} /**

* @return the idCursoMatriculado

*/ public String getIdCursoMatriculado() {

return idCursoMatriculado; }

/** * @param idCursoMatriculado the idCursoMatriculado to set

*/

public void setIdCursoMatriculado(String idCursoMatriculado) { this.idCursoMatriculado = idCursoMatriculado;

} /**

* @return the codigo

*/

public String getCodigo() {

return codigo; }

/**

* @param codigo the codigo to set

*/

public void setCodigo(String codigo) {

this.codigo = codigo;

}

/**

* @return the cursos

*/

public List<BeanAsignatura> getCursos() { return cursos;

}

/**

* @param cursos the cursos to set

*/ public void setCursos(List<BeanAsignatura> cursos) {

this.cursos = cursos;

}

}

Agregamos un Servlet para el formulario de ingreso de datos de una persona haciendo clic derecho

en src / New / Servlet, estará en el paquete pe.edu.unap.academico.servlet y con el nombre

ServletEstudiantes.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 29

Haciendo clic en Next tenemos el URL Mapping que lo editamos y debe quedar con el nombre

/estudiantes

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 30

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 31

Y el código de la clase debería quedar como el siguiente: package pe.edu.unap.academico.servlet; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import pe.edu.unap.academico.beans.BeanAsignatura; import com.db4o.Db4oEmbedded;

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 32

import com.db4o.ObjectContainer; import com.db4o.config.ConfigScope; import com.db4o.config.EmbeddedConfiguration; /** * Servlet implementation class ServletEstudiantes */ @WebServlet("/estudiantes") public class ServletEstudiantes extends HttpServlet { private static final long serialVersionUID = 1L; private ObjectContainer db = null; /** * @see HttpServlet#HttpServlet() */ public ServletEstudiantes() { super(); } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { getServletContext().getRequestDispatcher("/formAsignatura.jsp").forward(request,response); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { EmbeddedConfiguration config = Db4oEmbedded.newConfiguration(); config.file().generateUUIDs(ConfigScope.GLOBALLY); config.common().objectClass(BeanAsignatura.class).cascadeOnUpdate(true); db = Db4oEmbedded.openFile(config, "estudiantes.unap"); try { String codigo = (String)request.getParameter("codigo"); String nombre = (String)request.getParameter("nombre"); String horasTeoricas = (String)request.getParameter("horasTeoricas"); String horasPracticas = (String)request.getParameter("horasPracticas"); String creditos = (String)request.getParameter("creditos"); String semestre = (String)request.getParameter("semestre"); BeanAsignatura beanAsignatura = new BeanAsignatura();

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 33

beanAsignatura.setCodigo(codigo); beanAsignatura.setNombre(nombre); beanAsignatura.setHorasTeoricas( Integer.valueOf(horasTeoricas) ); beanAsignatura.setHorasPracticas( Integer.valueOf(horasPracticas) ); beanAsignatura.setCreditos( Integer.valueOf(creditos) ); beanAsignatura.setSemestre(semestre); db.store(beanAsignatura); System.out.println("Asignatura agregada"); request.setAttribute("message", "Asignatura agregada"); db.commit(); getServletContext().getRequestDispatcher("/formAsignatura.jsp").forward(request,response); } catch(Exception e) { e.printStackTrace(); } finally { if(db != null) { db.close(); } } } }

Luego es necesario agregar un archivo JSP con el nombre “formAsignatura.jsp” que debería tener el

siguiente código.

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 34

<%

String message = (String)request.getAttribute("message");

%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"> <html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title>

</head> <body>

<h1>Agregar Asignatura</h1> <form action="estudiantes" method="post" name="formAsignatura">

<table>

<tr> <td>Código</td>

<td><input type="text" name="codigo" value=""/></td> </tr>

<tr>

<td>Asignatura</td>

<td><input type="text" name="nombre" value=""/></td>

</tr> <tr>

<td>Horas Teóricas</td>

<td><input type="text" name="horasTeoricas" value=""/></td>

</tr>

<tr>

<td>Horas Prácticas</td>

<td><input type="text" name="horasPracticas" value=""/></td>

</tr>

<tr>

<td>Créditos</td>

<td><input type="text" name="creditos" value=""/></td> </tr>

<tr>

<td>Semestre</td>

<td><input type="text" name="semestre" value=""/></td>

</tr> <tr>

<td colspan="2" align="center">

<input type="submit" name="submit" value="Agregar"/>

</td>

</tr> </table>

<% if(message != null && !message.equals("")) {

%>

<p align="center" style="color: red;"><%=message%></p> <%

}

Configuración de IDE Eclipse con db4o y generación de una Aplicación Web

Ing. Irenio Luis Chagua Aduviri Pág. 35

%>

</form>

</body> </html>