SlideShare uma empresa 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

Mais conteúdo relacionado

Mais procurados

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
 

Mais procurados (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
 

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

Semelhante a Cliente servidor tron

PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0Christian Mora
 
Connection Pool + Java + MySQL
Connection Pool + Java + MySQLConnection Pool + Java + MySQL
Connection Pool + Java + MySQLChristian Mora
 
Pool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net BeansPool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net Beanseccutpl
 
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
 

Semelhante a Cliente servidor tron (20)

PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0PoolConnection + MySql + NetBeans 6.0
PoolConnection + MySql + NetBeans 6.0
 
Connection Pool + Java + MySQL
Connection Pool + Java + MySQLConnection Pool + Java + MySQL
Connection Pool + Java + MySQL
 
Pool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net BeansPool Conexiones My Sql Net Beans
Pool Conexiones My Sql Net Beans
 
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

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 

Último (20)

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 

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