Bien vamos a continuar.
Ya estamos por finalizar nuestro ejercicio.
Ya tenemos todo el código del lado del cliente y ahora únicamente nos falta generar el código del lado
del servidor.
En este caso vamos a empezar a trabajar con nuestro componente de Servlet podemos observar que si hacemos
la petición hacia el servidor nos manda el mensaje que el método HTTP POST NO es soportado por ésta
o R.L esto se debe a que el formulario que hemos creado si vemos nuestra página de Index el formulario
hemos indicado que el método enviado es de tipo post pero si quitamos ese atributo guardamos cambios
vamos a refrescar vamos a ver el código fuente de la página y ya observamos el método post así que esto
ya es correcto ya se ha cargado los cambios vamos a llenar los datos el usuario Juán el password 1 2
3 seleccionamos una tecnología un género y la ocupación damos siguen enviar el formulario es válido
damos Aceptar y ahora en este caso podemos observar que ya no muestra el método POST sino el método
GET ya que en este caso ya hemos cambiado la petición de post a Get bien pero eso no es lo que requerimos
en este caso vamos a agregar el método POST esto solamente es para que vieran que dependiendo del método
que manejemos en el formulario es el método que debemos de implementar en nuestro servlet.
Normalmente se implementa el método Objet y el método post de la misma forma así que se puede generar
un método que a su vez manda llamar el método guetto o el método POST.
Sin embargo esto ya queda a consideración de cada uno de nuestros requerimientos de momento debido a
que nuestro formulario va a ser de tipo post vamos a implementar únicamente el método post así que vamos
a hacer lo siguiente agregamos la notación rápida que estamos escribiendo.
Este método de la clase padre va a ser de tipo protected Veidt y el método se llama posto.
Vamos a recibir los objetos https: recuesto la variable se llama recuesto posteriormente http: servlet
responsa y la variable se llamará Wiisports y aquí tengo un error debe de ser http: servlet Response
bien con esto ya estamos escribiendo nuestro método y ahora vamos a aplicar lo siguiente vamos a indicar
que la respuesta indicamos el contentarme
indicamos el contentivo va a ser de tipo Text y agonal HTML y también indicamos que el charged va a
ser de tipo Tc8
y posteriormente vamos a empezar a generar nuestra respuesta.
Vamos a solicitar el objeto print Reiter la variable se va a llamar a y por medio del objeto Response
solicitamos el método get brighter y con eso ya podemos empezar a escribir la respuesta hacia el cliente.
Vamos a importar esta clase y también a su vez esta clase puede arrojar un error así que debemos de
reportar este posible problema.
Damos siguen Andross los forjaba y exception y eso se agrega a nuestro método ya que posiblemente se
pueda arrojar esta excepción bien eso ya lo hemos explicado anteriormente.
Ahora vamos a empezar a procesar los elementos de nuestro formulario así que vamos a solicitar el usuario
y lo vamos a depositar en una variable llamada usuario de tipo string para solicitar el parámetro usamos
nuestro objeto request y pedimos el parámetro llamado usuario.
Este debe de ser el mismo nombre que hemos utilizado en nuestro formulario HTML así que este componente
es este mismo elemento de tipo input que se llama usuario así que con eso estamos recuperando este elemento.
Ahora vamos a recuperar el password
de igual manera recuesto punto Goeth para meter y pedimos el elemento password de igual manera se debe
de llamar exactamente igual que este elemento el nombre de password que es un input de tipo password
y así sucesivamente vamos recuperando los elementos pero en este caso el elemento de tecnologías puede
ser un arreglo así que vamos a hacer lo siguiente definimos una variable tecnologías pero que va a ser
una regla y en lugar de pedir un parámetro simple en este caso vamos a utilizar el método G.T para meter
balidos ya que puede regresar varios valores y el valor es tecnología en singular ya que si lo definimos
en cada uno de los elementos nombre tecnología en singular pero en este caso como puede regresar varios
elementos entonces lo asignamos a una variable en plural llamada tecnologías y ahora vamos a recuperar
el género en este caso solamente es un valor así que usamos nuestro jeto recuesto y el método GET para
meter y pedimos el género después del género pedimos la ocupación también solamente puede ser un valor
para meter
y el valor es ocupación ese es el nombre del elemento HTML y posteriormente vamos a pedir la música.
Los géneros de música que pueda seleccionar el usuario.
De igual manera puede ser un arreglo ya que puedes seleccionar varios elementos así que en lugar de
Ghat para meter solicitamos el método para meter varios ya que posiblemente son varios valores y finalmente
pedimos el comentario si es que el usuario lo ha proporcionado
y el componente se llama comentarios.
Vamos a revisar esto último tenemos el componente de género posteriormente ocupación la música que puede
ser de tipo múltiple puede seleccionar varios elementos y finalmente el elemento de Tex Auria llamado
comentarios en plural.
Así que con esto ya estamos recuperando cada uno de los elementos pero del lado del servidor y con eso
ya podremos guardar esta información por ejemplo en una base de datos o enviarla a cualquier parte del
servidor según necesitemos pero ya tenemos la información del lado del servidor de aplicaciones de Java
en este caso el servidor que estamos utilizando es las fillo bien así que vamos a hacer lo siguiente
Ya tenemos todos los elementos y ahora vamos a responder hacia el cliente.
Como hemos comentado generar código HTML desde un Servlet puede ser muy complicado pero en este caso
lo vamos a hacer para que también vean cómo se puede generar código HTML.
Sin embargo al incrustar código HTML dentro de una clase Java puede ser bastante complicado.
Vamos a empezar a generar la respuesta mandamos a llamar el método print y abrimos nuestro componente
el elemento de HTML y así tenemos que empezar a generar nuestra respuesta.
Ahora abrimos el Get
posteriormente agregamos un título
el elemento de teito
indicando el resultado del servlet
y cerramos también el target de Taylor
posteriormente cerramos el Get
y ahora abrimos el tag de Body
dentro del tag de Bodhi.
Vamos a agregar un primer elemento un título H1 indicando parámetros procesados por el servlet.
Este va a ser el título dos puntos y cerramos el título H1 posteriormente lo que vamos a hacer es abrir
una tabla así que utilizamos el TACC de theyll y agregamos un border igual a 1
debido a que estamos dentro de una cadena.
Entonces tenemos que utilizar comilla simple para asignar los valores de los atributos de los elementos
HTML.
Esto para que no rompa con nuestra cadena de IAVA.
También podríamos escapar el carácter de doble comillas si es que así lo deseáramos utilizando diagonal
inversa y después la comilla doble.
Cualquiera de las dos opciones funcionaría sin ningún problema.
Una vez que hemos abierto nuestra tabla vamos a empezar a mandar los elementos
abrimos un T.R y Borrow
es decir un nuevo registro.
Posteriormente abrimos un Tedder una columna
y agregamos el valor de usuario posteriormente cerramos la columna y cerramos también el T.R así que
podemos apoyarnos de este código.
Voy a cerrar esto
cerramos el TD
y cerramos el T.R.
Hasta aquí ya lo que hemos creado es nuestra tabla y estamos mandando a imprimir el elemento de usuario.
Vamos a cerrar esta tabla para que podamos ejecutar hasta aquí.
Así que por último lo que vamos a hacer
es cerrar esta tabla
cerramos la tabla
posteriormente cerramos el body
y finalmente cerramos el HTML el tag de HTML
bien vamos a guardar cambios y ejecutamos de preferencia como estamos haciendo códigos de lado del servidor.
Vamos a detener glacis para asegurarnos que tengamos la última versión.
Tenemos las Fizz posteriormente hacemos un Clin Anvil de nuestro proyecto una vez que se ha detenido
glacis
ya se generó nuestro proyecto y ahora vamos a ejecutar nuevamente esperamos a que termine de levantarse
a las Fizz para ver el resultado.
Bien con esto ya se ha cargado nuestra información vamos a proporcionar a los valores usuario Juan password
1 2 3 seleccionamos una tecnología el género una ocupación y los demás valores los dejamos por default
y damos clic en enviar el formulario es válido y Podemos se que este momento únicamente hemos desplegado
la etiqueta de usuario así que ya está desplegando correctamente la respuesta del lado del servlet.
Pero vamos a seguir agregando varios elementos para que podamos observar los valores proporcionados
por el usuario así que vamos a continuar vamos a dar doble clic sobre el archivo para que se abra toda
nuestra página así que después del Tibol data donde estamos cerrando la etiqueta del usuario vamos a
continuar
agregamos otra celda Divol data
y lo que vamos a hacer es imprimir el valor de la variable usuario el parámetro que estamos recibiendo
y cerremos la etiqueta
de la celda y el Data guardamos cambios y vamos a observar el resultado.
Refrescamos y podemos llevar el usuario y el valor de Juan así que con esto ya se está desplegando correctamente
nuestro primer elemento
bien así que ese sería nuestro primer registro.
Vamos a separarlo ya que esto mismo nos va a servir por ejemplo para imprimir el valor de password así
que podemos copiar y pegar toda esta sección y ahora lo que vamos a hacer es que en lugar de usuario
vamos a cambiarlo por password.
Esto para agilizar nuestro código guardamos cambios regresamos al resultado del servlet refrescamos
y podemos observar el valor de password 1 2 3 y así podemos continuar con cada uno de los elementos
sin embargo en el caso de tecnologías podemos observar que no es un valor simple el que pudimos haber
procesado sino que pueden ser varios valores por lo tanto tenemos un arreglo la variable tecnologías
es un arreglo de tipo estrellen y para poder imprimir estos valores podemos hacer lo siguiente.
Vamos a definir un Ford
definimos nuestra variable tecnología de tipo destruí y vamos a utilizar un alteramos cada uno de los
elementos del arreglo y en la variable tecnología que estamos definiendo se van a ir almacenando cada
uno de los elementos que tengamos en el arreglo de tecnologías.
Posteriormente mandamos a imprimir
mandamos a imprimir la variable tecnología
y lo separamos por una diagonal.
Ponemos espacio diagonal espacio así que si tenemos varias tecnologías se van a mostrar separadas por
una diagonal así que con eso ya estamos recorriendo las tecnologías pero esto debe de estar también
dentro de un tal Borrow así que vamos a utilizar nuevamente este bloque pegamos el tablero y en lugar
de imprimir solamente un valor vamos a tomar este código y lo vamos a pasar dentro del Tibol data del
valor de tecnologías bien con eso guardamos cambios refrescamos y podemos ver que en este caso únicamente
se ha seleccionado una tecnología aquí falta cambiar el valor de la etiqueta ya que debe de ser tecnologías
guardamos cambios y refrescamos y ya está el valor de tecnologías bien así que básicamente lo diferente
que en lugar de imprimir únicamente el valor de un parámetro que estamos recibiendo en este caso se
pudieron haber seleccionado varios valores pero todo lo demás es exactamente igual.
Ahora vamos a imprimir el género así que nos podemos apoyar de nueva cuenta de alguno de estos elementos.
Por ejemplo del password vamos en esta parte del código cambiamos los valores de género y también el
valor a imprimir es género guardamos cambios y refrescamos.
Recuerden que en caso de que no se desplieguen los valores correctamente hay que detener nuevamente
glacis hacer un clic y volver a desplegar la aplicación pero en este caso si está mostrando correctamente
los valores conforme vamos avanzando así que esto significa que se está desplegando nuevamente los cambios
de nuestra aplicación al servidor de glacis.
Eso se conoce como Redi play o cambio de nuestro código sobre el servidor de gasfitero.
Eso significa un diploide bien ya tenemos el género ahora vamos a la ocupación tomamos de nueva cuenta
estos elementos
pero ahora para ocupación y desplegamos el valor de ocupación que es un valor simple.
Guardamos cambios vamos a ver el resultado del servlet refrescamos y en este caso obtenemos el valor
2 ya que recordemos que del lado del cliente lo que se manda es un Heydi así que para el caso de ocupación
lo que estamos recibiendo del lado del servidor es un Heydi no la cadena de ingenieros sino el valor
de dos ya que normalmente este Heydi es el que vamos a necesitar por ejemplo para guardar información
en una base de datos o recuperar información de un registro pero utilizando una llave primaria.
Así que en este caso este Heydi viene representando el valor de la llave primaria.
Por ello es que les estamos mostrando este código no en texto sino pasando a Eiriz pero eso lo vamos
a ver posteriormente aquí solamente estamos anticipando un poco el código y la forma en que vamos a
procesar estos valores de tipo Select vamos a regresar al servlet estamos en ocupación y ahora vamos
a procesar la música pero la música podemos observar que también es un arreglo así que lo vamos a procesar
muy similar al concepto de tecnologías así que tomamos toda esta parte del código de tecnologías
vamos en esta parte del código antes de cerrar nuestra tabla y en este caso vamos a poner música favorita
y en lugar de procesar las tecnologías vamos a procesar nuestro arreglo
vamos a revisar cómo se llama esta variable se llama música
así que esa es nuestra variable.
Es el arreglo así que no se puede llamar igual.
En este caso la variable que vamos a utilizar únicamente va a ser m ya que el arreglo se llama música
y posteriormente imprimimos cada uno de los valores.
También separándolos por una diagonal y cerramos el trébol data y el Trevorrow bien vamos a refrescar
aquí tenemos un error de intercepción
esto puede pasar debido a que el usuario no ha proporcionado ningún valor de música debido a que este
valor ya no se validó es opcional.
Por lo tanto antes de mandar a imprimir este valor de música tenemos que verificar que realmente el
usuario haya proporcionado un valor así que solamente vamos a hacer esto en dado caso de que el valor
de música sea diferente de Nul.
En caso de que sea igual a NULL entonces no se va a procesar este ciclo for damos un formato así que
podemos ver que en este caso si la música es diferente de nulo entonces vamos a recorrer los elementos
de lo contrario podemos mandar un mensaje
música favorita no seleccionada.
Vamos a revisar
vamos a refrescar nuevamente y podremos observar música favorita vamos a cambiar el valor por valor
no proporcionado
refrescamos bien y con eso ya tenemos también el valor de música favorita.
Cuando el usuario envió este formulario no proporcionó ningún valor y por último los comentarios en
este caso va a ser un elemento simple.
Podemos apoyarnos por ejemplo del valor de ocupación
y cambiamos los valores
por comentarios guardamos cambios
vamos a ver cómo se llama la variable
esta en singular vamos a cambiarla a comentarios ya que así se llama el campo bien.
Ya con eso tenemos corregido el problema.
Guardamos cambios ejecutamos y podemos llevar que en este caso también el usuario no proporcionó un
valor pero como teníamos un valor por default es el mismo valor que nos está llegando del lado del servidor
ya que del lado del cliente no se realizó ninguna otra validación y hasta el momento ya estamos entonces
procesando todo nuestro formulario el usuario con el valor de Juan password 1 2 3 en tecnologías se
seleccionó la tecnología de IAVA género hombre ocupación 2 que corresponde al valor de ingeniero.
Música favorita no se seleccionó ningún valor y en comentarios tampoco se seleccionó ningún valor pero
como teníamos un valor por default nos manda el mensaje escribir un texto así que con eso ya estamos
procesando toda la respuesta del lado del servidor y estamos respondiendo con este código HTML hacia
el cliente de nueva cuenta.
Así que cuando terminamos nuestro ejercicio y cualquier duda pueden revisarlo de nueva cuenta paso a
paso para que no tenga ningún problema para ejecutar este proyecto.
También recuerden que cuentan con todo el código y cualquier problema puede encargar este proyecto resuelto
para cargar un proyecto simplemente dan clic en File posteriormente Open Project y seleccionan la carpeta
se mueven a la ruta donde tengan el proyecto y seleccionan el proyecto dan clic en Open Project y con
esto se les debe descargar el proyecto resuelto.
Así que para cualquier problema se pueden apoyar también en su proyecto resuelto.
Eso es todo por este video y nos vemos en la siguiente elección.
Saludos.