SlideShare une entreprise Scribd logo
1  sur  20
APLICACIÓN HTML
Grupo TRON
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.
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.
Estructura
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
Datos extras
Donde Glassfish es un servidor de
aplicaciones que implementa tecnologias JAVA
EE.

Y JAVA EE (Java Platform, Enterprise
Edition) que permita desarrollar y ejecutar
  software orientado JDBC, RMI, e-
  mail, JMS, Servicios Web, XML, entre otros.
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
Agregar “evento”
Agregando el “evento”
Para agregar el
 evento insertamos
un Form     .




A ese evento le insertaremos un Drop-Down List
  que es como un jComboBox en HTML.
   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.
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.
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.
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.
   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 cual será la que
    nos extraiga las rows
Tabla
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…
   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
Cliente servidor tron

Contenu connexe

Tendances

Conexión a SQL Server con C#.NET a través de ODBC
Conexión a SQL Server con C#.NET a través de ODBCConexión a SQL Server con C#.NET a través de ODBC
Conexión a SQL Server con C#.NET a través de ODBCOrlando Alemán
 
la mejor forma de Conectar c# con mysql con archivos de configuracion
 la mejor forma de Conectar c# con mysql con archivos de configuracion  la mejor forma de Conectar c# con mysql con archivos de configuracion
la mejor forma de Conectar c# con mysql con archivos de configuracion juandavid1118
 
1. introduccion al desarrollo web php parte 1
1.  introduccion al desarrollo web php parte 11.  introduccion al desarrollo web php parte 1
1. introduccion al desarrollo web php parte 1Julio Martinez
 
Conexion Base De Datos Y Netbeans
Conexion Base De Datos Y NetbeansConexion Base De Datos Y Netbeans
Conexion Base De Datos Y Netbeanschutas666
 
Tutorial de persistencia en java con postgresql
Tutorial de persistencia en java con  postgresqlTutorial de persistencia en java con  postgresql
Tutorial de persistencia en java con postgresqlCarlos Anrango
 
ConexióN De Una Base De Datos De Sql Con C#
ConexióN De Una Base De Datos De Sql Con C#ConexióN De Una Base De Datos De Sql Con C#
ConexióN De Una Base De Datos De Sql Con C#LUZ ARIZPE
 
Conexión c# sql server
Conexión c# sql serverConexión c# sql server
Conexión c# sql serverLUZ ARIZPE
 
Tutorial de jpa para windows usando net beans y mysql parte 1
Tutorial de jpa para windows usando net beans y mysql parte 1Tutorial de jpa para windows usando net beans y mysql parte 1
Tutorial de jpa para windows usando net beans y mysql parte 1Henry Mendoza Puerta
 
Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!Ziscko
 
2do tabajo de pagia web
2do tabajo de pagia web2do tabajo de pagia web
2do tabajo de pagia webchavezmurillo
 
Operaciones aritmeticas CGCS
Operaciones aritmeticas CGCSOperaciones aritmeticas CGCS
Operaciones aritmeticas CGCSChristian Carrera
 

Tendances (19)

4. insertar datos
4.  insertar datos4.  insertar datos
4. insertar datos
 
Conexión a SQL Server con C#.NET a través de ODBC
Conexión a SQL Server con C#.NET a través de ODBCConexión a SQL Server con C#.NET a través de ODBC
Conexión a SQL Server con C#.NET a través de ODBC
 
5. modificar datos
5.  modificar  datos5.  modificar  datos
5. modificar datos
 
la mejor forma de Conectar c# con mysql con archivos de configuracion
 la mejor forma de Conectar c# con mysql con archivos de configuracion  la mejor forma de Conectar c# con mysql con archivos de configuracion
la mejor forma de Conectar c# con mysql con archivos de configuracion
 
SQL en Visual Studio
SQL en Visual StudioSQL en Visual Studio
SQL en Visual Studio
 
1. introduccion al desarrollo web php parte 1
1.  introduccion al desarrollo web php parte 11.  introduccion al desarrollo web php parte 1
1. introduccion al desarrollo web php parte 1
 
Conexion Base De Datos Y Netbeans
Conexion Base De Datos Y NetbeansConexion Base De Datos Y Netbeans
Conexion Base De Datos Y Netbeans
 
Tutorial de persistencia en java con postgresql
Tutorial de persistencia en java con  postgresqlTutorial de persistencia en java con  postgresql
Tutorial de persistencia en java con postgresql
 
ConexióN De Una Base De Datos De Sql Con C#
ConexióN De Una Base De Datos De Sql Con C#ConexióN De Una Base De Datos De Sql Con C#
ConexióN De Una Base De Datos De Sql Con C#
 
IREPORT
IREPORTIREPORT
IREPORT
 
3. consultar datos
3.  consultar datos3.  consultar datos
3. consultar datos
 
Conexión c# sql server
Conexión c# sql serverConexión c# sql server
Conexión c# sql server
 
Tutorial de jpa para windows usando net beans y mysql parte 1
Tutorial de jpa para windows usando net beans y mysql parte 1Tutorial de jpa para windows usando net beans y mysql parte 1
Tutorial de jpa para windows usando net beans y mysql parte 1
 
Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!Aprenda a conectar sql y c# en 19 sencillos pasos!
Aprenda a conectar sql y c# en 19 sencillos pasos!
 
Conexión a sql server con c#
Conexión a sql server con c#Conexión a sql server con c#
Conexión a sql server con c#
 
2do tabajo de pagia web
2do tabajo de pagia web2do tabajo de pagia web
2do tabajo de pagia web
 
Tarea de base de datos
Tarea de base de datosTarea de base de datos
Tarea de base de datos
 
Operaciones aritmeticas CGCS
Operaciones aritmeticas CGCSOperaciones aritmeticas CGCS
Operaciones aritmeticas CGCS
 
Google docs
Google docsGoogle docs
Google docs
 

En vedette (20)

Una cruda realidad
Una cruda realidadUna cruda realidad
Una cruda realidad
 
Presenntacion Que es el blog
Presenntacion Que es el blogPresenntacion Que es el blog
Presenntacion Que es el blog
 
Suanpan
SuanpanSuanpan
Suanpan
 
Comprar en internet
Comprar en internetComprar en internet
Comprar en internet
 
Seccion 25 y 26
Seccion 25 y 26Seccion 25 y 26
Seccion 25 y 26
 
Libro
LibroLibro
Libro
 
Reunión de padres
Reunión de padresReunión de padres
Reunión de padres
 
Desafio da pesquisa com usuário
Desafio da pesquisa com usuárioDesafio da pesquisa com usuário
Desafio da pesquisa com usuário
 
La Navidad
La NavidadLa Navidad
La Navidad
 
Epicentro - Marco Pellegrini
Epicentro - Marco PellegriniEpicentro - Marco Pellegrini
Epicentro - Marco Pellegrini
 
AnteproyectoredeRsociales
AnteproyectoredeRsocialesAnteproyectoredeRsociales
AnteproyectoredeRsociales
 
Recursos Web 2.0
Recursos Web 2.0Recursos Web 2.0
Recursos Web 2.0
 
HollywoodCEO Campos Dos Sonhos
HollywoodCEO Campos Dos SonhosHollywoodCEO Campos Dos Sonhos
HollywoodCEO Campos Dos Sonhos
 
Marcadores sociales y_seo
Marcadores sociales y_seoMarcadores sociales y_seo
Marcadores sociales y_seo
 
Presentación1
Presentación1Presentación1
Presentación1
 
Act19 ealg
Act19 ealgAct19 ealg
Act19 ealg
 
La energía en el mundo
La energía en el mundo La energía en el mundo
La energía en el mundo
 
Comportamiento agonistico en Escarabajos
Comportamiento agonistico en EscarabajosComportamiento agonistico en Escarabajos
Comportamiento agonistico en Escarabajos
 
Isaba Equipamiento Ocio
Isaba Equipamiento OcioIsaba Equipamiento Ocio
Isaba Equipamiento Ocio
 
Missão Inc.5000 Como Participar
Missão Inc.5000 Como ParticiparMissão Inc.5000 Como Participar
Missão Inc.5000 Como Participar
 

Similaire à Cliente servidor tron

PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0Christian Mora
 
Pool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net BeansPool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net Beanseccutpl
 
Connection Pool + Java + MySQL
Connection Pool + Java + MySQLConnection Pool + Java + MySQL
Connection Pool + Java + MySQLChristian Mora
 
Conexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraConexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraMariaphlb
 
Vb net bd_2005_02
Vb net bd_2005_02Vb net bd_2005_02
Vb net bd_2005_02Paul Taco
 
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul YorisInforme de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoriskleidynelliz
 
Manual de netbeans_7(2)(2)(2)
Manual de netbeans_7(2)(2)(2)Manual de netbeans_7(2)(2)(2)
Manual de netbeans_7(2)(2)(2)javier_ot99
 
Conexion a base de datos Genesis Villarreal
Conexion a base de datos Genesis VillarrealConexion a base de datos Genesis Villarreal
Conexion a base de datos Genesis VillarrealJoseCaira2
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monettiangelinamonetti1
 
Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0EudoroSulbaran
 
Visual basic conexion base de datos
Visual basic conexion base de datos Visual basic conexion base de datos
Visual basic conexion base de datos luilly xavier
 
Entity Framework ó Linq SQL - Visual Studio 2012
Entity Framework  ó  Linq SQL - Visual Studio 2012Entity Framework  ó  Linq SQL - Visual Studio 2012
Entity Framework ó Linq SQL - Visual Studio 2012Naim Jhon Cruzado Paredes
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basicsantiagomario8
 
Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datosRafael Quintero
 

Similaire à Cliente servidor tron (20)

PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0
 
Pool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net BeansPool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net Beans
 
Connection Pool + Java + MySQL
Connection Pool + Java + MySQLConnection Pool + Java + MySQL
Connection Pool + Java + MySQL
 
Portada
PortadaPortada
Portada
 
Conexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María ParraConexión de visual basic a bases de datos. María Parra
Conexión de visual basic a bases de datos. María Parra
 
Vb net bd_2005_02
Vb net bd_2005_02Vb net bd_2005_02
Vb net bd_2005_02
 
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul YorisInforme de enlace de Visual Basic a bases de datos por Elysaul Yoris
Informe de enlace de Visual Basic a bases de datos por Elysaul Yoris
 
Consumiendo servicios Restful en Xamarin.Forms
Consumiendo servicios Restful en Xamarin.FormsConsumiendo servicios Restful en Xamarin.Forms
Consumiendo servicios Restful en Xamarin.Forms
 
Manual de netbeans_7(2)(2)(2)
Manual de netbeans_7(2)(2)(2)Manual de netbeans_7(2)(2)(2)
Manual de netbeans_7(2)(2)(2)
 
Dprn3 u3 a1_casv
Dprn3 u3 a1_casvDprn3 u3 a1_casv
Dprn3 u3 a1_casv
 
Base de datos
Base de datosBase de datos
Base de datos
 
Conexion a base de datos Genesis Villarreal
Conexion a base de datos Genesis VillarrealConexion a base de datos Genesis Villarreal
Conexion a base de datos Genesis Villarreal
 
Conexión de Base de Datos
Conexión de Base de DatosConexión de Base de Datos
Conexión de Base de Datos
 
Bases de datos_angelina_monetti
Bases de datos_angelina_monettiBases de datos_angelina_monetti
Bases de datos_angelina_monetti
 
Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0Informe 20% actividad 1 visual basic 6.0
Informe 20% actividad 1 visual basic 6.0
 
Visual basic conexion base de datos
Visual basic conexion base de datos Visual basic conexion base de datos
Visual basic conexion base de datos
 
Entity Framework ó Linq SQL - Visual Studio 2012
Entity Framework  ó  Linq SQL - Visual Studio 2012Entity Framework  ó  Linq SQL - Visual Studio 2012
Entity Framework ó Linq SQL - Visual Studio 2012
 
bases de datos desde visual basic
bases de datos desde visual basicbases de datos desde visual basic
bases de datos desde visual basic
 
Conectar con bases de datos
Conectar con bases de datosConectar con bases de datos
Conectar con bases de datos
 
Guia no1 ado.net
Guia no1 ado.netGuia no1 ado.net
Guia no1 ado.net
 

Dernier

SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsxJuanpm27
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfssuser50d1252
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfpatriciavsquezbecerr
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTESaraNolasco4
 

Dernier (20)

SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
3. Pedagogía de la Educación: Como objeto de la didáctica.ppsx
 
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdfFichas de Matemática TERCERO DE SECUNDARIA.pdf
Fichas de Matemática TERCERO DE SECUNDARIA.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
La luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luzLa luz brilla en la oscuridad. Necesitamos luz
La luz brilla en la oscuridad. Necesitamos luz
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
sesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdfsesión de aprendizaje 4 E1 Exposición oral.pdf
sesión de aprendizaje 4 E1 Exposición oral.pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE4º SOY LECTOR PART2- MD  EDUCATIVO.p df PARTE
4º SOY LECTOR PART2- MD EDUCATIVO.p df PARTE
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
recursos naturales america cuarto basico
recursos naturales america cuarto basicorecursos naturales america cuarto basico
recursos naturales america cuarto basico
 

Cliente servidor tron

  • 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. 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.
  • 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. Datos extras Donde Glassfish es un servidor de aplicaciones que implementa tecnologias JAVA EE. Y JAVA EE (Java Platform, Enterprise Edition) que permita desarrollar y ejecutar software orientado JDBC, RMI, e- mail, JMS, Servicios Web, XML, entre otros.
  • 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.
  • 10. Agregando el “evento” Para agregar el evento insertamos un Form . A ese evento le insertaremos un Drop-Down List que es como un jComboBox en HTML.
  • 11. 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.
  • 12. 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.
  • 13. 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.
  • 14. 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.
  • 15. Ahora que la Query esta hecho agregamos estas líneas en el evento.
  • 16. 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
  • 17. Tabla
  • 18. 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…
  • 19. 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