SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado (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
 

Similar a 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
 

Similar a 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
 

Último

Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
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.
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
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
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxYeseniaRivera50
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 

Último (20)

Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
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
 
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
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
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
 
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
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptxPresentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
Presentación de Estrategias de Enseñanza-Aprendizaje Virtual.pptx
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 

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