Your SlideShare is downloading. ×
0
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
Upcoming SlideShare
Loading in...5
×

Cliente servidor tron

265

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
265
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×