APLICACIÓN HTMLGrupo TRON
Objetivo de esta semana   Desarrollo de una aplicación usando    Html, CSS, Jsp y MySQL sobre arquitectura    de 3 capas ...
Estructura base de datos   La estructura que elegimos para realizar este    problema fue crear una tabla general que    t...
Estructura
Creación del Proyecto   Para llevar a cabo esta aplicación, creamos un    nuevo proyecto de tipo   Java Web>Web Aplicati...
Datos extrasDonde Glassfish es un servidor deaplicaciones que implementa tecnologias JAVAEE.Y JAVA EE (Java Platform, Ente...
En el proyecto…   En primer modificaremos el index.jsp que es la    pagina principal….   Primero creamos una tabla que l...
Agregar “evento”
Agregando el “evento”Para agregar el evento insertamosun Form     .A ese evento le insertaremos un Drop-Down List  que es ...
   Con ctrl+espacio se nos   Desplegara una lista y   Elegimos Drop-down List.   Ahora agregamos un   Boton para que ...
Establecer la conexión   Creamos un JDBC    Resource en la sección    Glassfish .   Y Creamos una nueva    conexión y le...
Estableciendo conexión   Para dejar finalizada la    conexión se debe hacer una    referencia a la conexión.   En el arc...
Query   Ahora debemos agregar un DB Query a    nuestro index.html para que el evento quede    funcional, las sentencias M...
   Ahora que la Query esta hecho agregamos    estas líneas en el evento.
Respuesta.jsp   Ahora creamos nuestro archivo de respuesta y    en primer creamos el Query   Y agregamos esta línea, la ...
Tabla
Estilo   Ahora le agregaremos un estilo a nuestra    pagina el cual los obtuvimos de la misma    pagina del tutorial…   ...
   Ahora solo basta con hacer una referencia del    estilo en nuestro código   Que debe estar dentro de el <head> de el ...
Cliente servidor tron
Cliente servidor tron
Próxima SlideShare
Cargando en…5
×

Cliente servidor tron

402 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
402
En SlideShare
0
De insertados
0
Número de insertados
179
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Cliente servidor tron

  1. 1. APLICACIÓN HTMLGrupo TRON
  2. 2. Objetivo de esta semana Desarrollo de una aplicación usando Html, CSS, Jsp y MySQL sobre arquitectura de 3 capas a partir del problema propio. Con conexión a BD.
  3. 3. Estructura base de datos La estructura que elegimos para realizar este problema fue crear una tabla general que tenga una lista de países asignados a una id, y otra tabla con sus respectivas ciudades que se relaciona con el país a través de una clave foránea.
  4. 4. Estructura
  5. 5. Creación del Proyecto Para llevar a cabo esta aplicación, creamos un nuevo proyecto de tipo Java Web>Web Aplication Donde lo importante es seleccionar el server GlassFish, y elegir como java EE version 5
  6. 6. Datos extrasDonde Glassfish es un servidor deaplicaciones que implementa tecnologias JAVAEE.Y JAVA EE (Java Platform, EnterpriseEdition) que permita desarrollar y ejecutar software orientado JDBC, RMI, e- mail, JMS, Servicios Web, XML, entre otros.
  7. 7. En el proyecto… En primer modificaremos el index.jsp que es la pagina principal…. Primero creamos una tabla que la insertaremos dentro del <body> y debajo del <h1> *La tabla debe tener 2 filas y 1 columna
  8. 8. Agregar “evento”
  9. 9. Agregando el “evento”Para agregar el evento insertamosun Form .A ese evento le insertaremos un Drop-Down List que es como un jComboBox en HTML.
  10. 10.  Con ctrl+espacio se nos Desplegara una lista y Elegimos Drop-down List. Ahora agregamos un Boton para que cuando se active, se lleve a cabo el evento.
  11. 11. Establecer la conexión Creamos un JDBC Resource en la sección Glassfish . Y Creamos una nueva conexión y le damos un nombre acorde a la bd. Y posteriormente seleccionamos la conexión.
  12. 12. Estableciendo conexión Para dejar finalizada la conexión se debe hacer una referencia a la conexión. En el archivo web.xml Solo basta con agregar el nombre que establecimos anteriormente en el JNDI name.
  13. 13. Query Ahora debemos agregar un DB Query a nuestro index.html para que el evento quede funcional, las sentencias MySQL deben estar al principio del código. En el Query debemos Agregarle el data source Y la sentencia.
  14. 14.  Ahora que la Query esta hecho agregamos estas líneas en el evento.
  15. 15. Respuesta.jsp Ahora creamos nuestro archivo de respuesta y en primer creamos el Query Y agregamos esta línea, la cual será la que nos extraiga las rows
  16. 16. Tabla
  17. 17. Estilo Ahora le agregaremos un estilo a nuestra pagina el cual los obtuvimos de la misma pagina del tutorial… Para ello creamos un nuevo archivo de tipo: Y pegamos el contenido de la pagina…
  18. 18.  Ahora solo basta con hacer una referencia del estilo en nuestro código Que debe estar dentro de el <head> de el index.jsp y respuesta.jsp

×