Hola bienvenidos a esta elección.
A continuación vamos a revisar el ejercicio de manejo de parámetros están listos.
Vamos bien vamos a cerrar este proyecto damos el derecho Clowes
revisamos que no esté activado glacis y para detenerlo en dado caso de que estuviera arriba vamos a
tabuladores servicios servers blasfemas damos clic derecho y damos clic en esto.
En este caso ya lo tenemos detenido así que podemos continuar bien vamos a crear un nuevo proyecto damos
siguen File mi proyecto ya va width Mayrén y posteriormente Web applications damos siguen Next y el
nombre del proyecto se va a llamar manejo parãmetros
y lo depositamos en la carpeta de cursos diagonal servlets el grupo Eugui va a ser MX con G.M. de Global
mentoring.
La versión 1.0 y vamos a quitar el nombre del paquete ya que cualquier paquete que utilicemos lo vamos
a crear manualmente damos clic en Siguiente y dejamos los valores por default en este caso los selecciona
el server de fijo y la versión ya va empresarial la versión 8 damos siguien finalizar
bien y con eso ya debe de haberse creado nuestro proyecto vamos a renombrar lo click derecho reinen
y dejamos sólo el nombre de manejo parámetros bien ahora vamos a agregar un nuevo componente va a ser
un Servlet
sobre los paquetes vamos a quitar este código que nos ha agregado de manera automática si es que lo
agregó el IDE eliminamos estas dos carpetas esos dos paquetes damos clic derecho Nioh Java class y creamos
una clase llamada servlet el nombre del paquete va a ser web y damos siguen finalizar quitamos estos
comentarios
y vamos a configurar nuestro servlet.
Sin embargo de momento vamos a dejarlo hasta aquí vamos a continuar trabajando con nuestra página de
índex punto HTML ya que esa es la página que va a contener el formulario web y va a ser la llamada hacia
este servlet así que vamos en primer lugar a web Pelléas.
Posteriormente índex apuntó HTML sino agregado de manera automática este archivo entonces simplemente
agregamos un nuevo archivo de tipo HTML lo depositamos a nivel de web Belles y se debe de llamar índex
punto HTML ya que este archivo de llamarse así lo va a mandar a llamar de manera automática a levantar
nuestra aplicación.
Y el contenido va a ser el siguiente abrimos un Doctrine de HTML para indicar que es un documento HTML
bien posteriormente abrimos el tag de HTML posteriormente el tag de Getz e internamente agregamos el
tag de teito en este caso vamos a agregar el título de formulario servlet.
Posteriormente el meta HTTP va a manejar el contentarme te indicamos que el contentivo el tipo de contenido
que va a mostrar HTML va a ser el tipo texto HTML vienen como siguiente valores especificamos el charged
el juego de caracteres que va a ser el tipo VC 8 cerramos el Get y posteriormente se abre el body y
dentro del body agregamos el título H1 en este caso el título va a ser formulario servlet igual que
el título de esta página y lo siguiente que vamos a hacer es agregar un formulario.
Recuerden que si no tienen conocimiento de HTML también les hemos agregado un nivel de HTML CSS y JavaScript
para que puedan manejar estos temas.
Sin embargo estos son bonos gratuitos que están al final de este curso así que si no tienen conocimiento
de estos temas les recomendamos primero estudiar esos niveles y posteriormente regresar a este curso
ya que ya se requiere conocimiento de HTML CSS y JavaScript para entender todo esto que vamos a escribir
bien así que vamos a agregar un formulario HTML utilizando la etiqueta de form agregamos un nombre a
este formulario se va a llamar Form 1 posteriormente agregamos el atributo de Action y ese atributo
de acción es el que debemos de especificar para mandar a llamar.
El componente de Servlet de nuestra aplicación web.
Así que especificamos en primer lugar el nombre de nuestra aplicación.
Manejo parámetros podemos observar que este nombre debe de corresponder con el nombre de nuestra aplicación
y debemos de respetar mayúsculas y minúsculas.
Una vez especificado el nombre de nuestra aplicación especificamos el nombre de nuestro servlet el nombre
de Servlet lo vamos a definir a continuación dentro de nuestra clase servlet pero en este caso simplemente
se va a llamar servlet así que cuando configuramos nuestra clase debe de responder a este padre.
Esto lo vamos a hacer a continuación y posteriormente lo que vamos a hacer es indicar que nuestro formulario
va a enviar la información pero no utilizando la petición GET que es la petición por default sino que
ahora vamos a indicar que vamos a enviar información de tipo post.
Esto quiere decir que no se va a enviar dentro del R.L de la petición si no se va a enviar la información
dentro del cuerpo de la petición.
Por ello vamos a utilizar el método post para que la información que enviemos no se visualice en el
web l En caso de que no especificamos el método que estamos utilizando entonces por default va a ser
de tipo gheto y por lo tanto la información que enviemos en este formulario se va a visualizar en el
web de la petición así que con esto ya tenemos configurado nuestro formulario cerramos el deformed y
ahora agregamos un primer componente a nuestro formulario va a ser el componente para capturar el valor
de usuario.
Abrimos un componente de tipo input
indicamos el atributo de Taipe y podemos observar que tenemos diferentes componentes en este caso vamos
a manejar un componente de tipo texto para almacenar el valor que vamos a proporcionar del usuario y
agregamos el atributo de Nein y este componente se va a llamar usuario y debido a que vamos a enviar
este parámetro a nuestro servlet así es como vamos a recuperar el nombre del parámetro desde el servlet.
Este componente se va a llamar usuario y va a contener el valor que hayamos proporcionado en esta caja
de texto bien.
Ahora agregamos un salto un rey ROV y posteriormente agregamos el componente de password que también
va a ser un input pero en este caso va a ser el tipo va a ser de tipo password
así que el tipo de componente va a ser de tipo password el nombre va a ser password así es como lo vamos
a recuperar desde el servlet.
Este va a ser el nombre que vamos a buscar y cerramos este componente agregamos un nuevo salto
y finalmente agregamos un botón para hacer submit de este formulario así que agregamos un input
pero en este caso el tipo
va a ser de tipo submit para que en automático al presionar este botón se haga el envío de este formulario
y agregamos el atributo de valio con el texto de enviar.
Eso es todo lo que va a tener nuestro formulario.
Estamos definiendo el formulario que se va a llamar Foro 1 el Auction va a mandar a llamar el componente
de CL del lado del servidor.
El método de envío va a ser post por lo tanto el servlet debe definir el método del post para procesar
esta petición.
Ahora se van a agregar dos componentes el componente de usuario va a enviar la información del usuario
y vamos a procesar desde servlet este parámetro utilizando este nombre el nombre de usuario y también
vamos a hacer lo mismo para procesar el password.
Finalmente dará clic sobre el botón de enviar.
Entonces se va a hacer el envío de este formulario hacia el servlet que estamos indicando bien con esto
ya tenemos nuestro formulario HTML y ahora vamos a hacer lo siguiente para procesar esta petición utilizando
nuestro componente del lado del servidor.
El componente web así que agregamos una notación la notación de web servlet e indicamos el nombre del
PATH el nombre del componente con el que vamos a procesar la petición.
En este caso dijimos que va a ser el componente llamado servlet puede ser cualquier otro nombre pero
debe de coincidir con mayúsculas y minúsculas según hemos especificado en esta parte de la cadena del
wereables.
Este es el nombre de nuestra aplicación y este es el nombre del componente del componente servlet importamos
esta notación ahora para que sea un servlet.
Vamos a hacer extensión de la clase HTTP servlet según vimos en lecciones anteriores.
Importamos esta clase y con eso ya tenemos definido que esta clase va a ser un Servlet pero ahora debemos
de especificar cuál es el método que va a procesar en este caso el formulario indexando HTML va a enviar
información de tipo post.
Por lo tanto ya no podemos agregar el método Huguet sino que ahora debemos de especificar que vamos
a sobreescribir el método post así que escribimos protected Veidt post y recibimos los dos mismos argumentos
como si trabajáramos con el método guetto ya que recibimos la misma información.
Los argumentos de HTTP servlet recuesto y la variable se llama recuesto y también el objeto HTTP servlet
respondés
importamos estas clases
y debido a que van a severas clases ponemos punto asterisco al paquete de Vaux punto servlet punto http:
bien y con esto ya estamos observando que estamos escribiendo correctamente este método incluso el Hideaki
nos agrega al comentario de que estamos escribiendo el método de la clase http: servlet bien y ahora
lo que vamos a hacer en este método de post es procesar los valores que nos está enviando el formulario
es decir que vamos a procesar los parámetros y posteriormente vamos a regresar una respuesta hacia el
navegador con los valores de los parámetros que ha proporcionado el usuario así que lo primero que vamos
a hacer es leer los parámetros del formulario HTML y para ello vamos a hacer lo siguiente Vamos a utilizar
nuestro objeto Rickey de la siguiente manera vamos a recibir los parámetros en las siguientes variables
definimos una variable llamada string la variable se llama usuario y con ayuda del objeto recuesto vamos
a hacer uso del método Goeth para y con eso lo que estamos haciendo es solicitar el valor que estamos
enviando desde el formulario y para recuperar el valor de un parámetro simplemente especificamos el
nombre del parámetro el cual hemos definido en nuestro formulario.
En este caso este es el nombre del parámetro el campo de input text llamado usuario y posteriormente
vamos a procesar el password así que con esto ya estamos recuperando el valor del usuario proporcionado
y ahora recuperamos el password hacemos exactamente lo mismo.
Guetto para meter el nombre del parámetro es password y con eso ya estamos recibiendo los valores de
usuario y password.
Ahora vamos a mandar a consola estos valores escribimos ese Alby.
Posteriormente la tecla de tabulador y posteriormente escribimos usuario para mandar a imprimir primero
la variable de usuario y ahora hacemos lo mismo ese Addy tecla de tabulador pero para imprimir la variable
de password damos enter y con esto ya se van a imprimir estas variables en la consola.
En este caso en la consola de glacis ya no es la consola estándar sino ahora ya es la consola del servidor
de aplicaciones de gasfitero.
Sin embargo esto únicamente es informativo va a estar del lado del servidor pero debemos de responder
a nuestro cliente para responder al cliente que hizo la llamada a este componente.
Entonces vamos a abrir un objeto de tipo print Reiter la variable se va a llamar ATT y por medio del
objeto respondés solicitamos el método get brighter.
Eso nos va a regresar a nuestro objeto de tipo Reiter para que podamos empezar a escribir información
hacia el navegador hacia el cliente.
Importamos esta clase y punto.
Yo llamada Reiter y también esto puede arrojar una excepción así que reportamos esta excepción en nuestro
método indicamos que posiblemente puede arrojar la excepción de tipo I o exception y como siguiente
paso podemos agregar código HTML o podemos simplemente escribir la respuesta en este caso vamos a agregar
código HTML para que vean cómo es que se debe de trabajar.
Pero como hemos comentado esta respuesta a código HTML realmente no lo vamos a trabajar con servlets
sino con JSP.
Pero para que vean cómo si es posible trabajar código HTML desde un Servlet vamos a hacer lo siguiente
Vamos a utilizar nuestro objeto auto mandamos a llamar el método print puede ser LN debido a que es
información hacia un navegador no reconoce el salto de línea.
Por ello podemos utilizar LN.
Da exactamente igual.
Sin embargo para que podamos imprimir saltos de línea tendríamos que utilizar código HTML así que ahora
agregamos el código HTML.
Abrimos nuestra etiqueta HTML y aquí es donde empieza la complejidad ya que nosotros debemos de formar
todo el código HTML y obviamente no podemos dar formato no podemos hacer otras cuestiones que estamos
acostumbrados a trabajar con archivos HTML.
Esto lo vamos a hacer cuando trabajemos con JSP y posteriormente haremos también un print.
Pero para especificar dentro del Bodhi de nuestro código HTML el siguiente mensaje El parámetro usuario
es dos puntos y concatenados el valor de la variable del parámetro que estamos recibiendo.
El valor de usuario ahora imprimimos un salto
y como siguiente valor imprimimos también el password.
El parámetro password es dos puntos
y mandamos a imprimir el valor de password.
Finalmente vamos a cerrar el body
cerramos la etiqueta de Bodin pero debe de ser una cadena.
Aquí me faltó abrir la cadena
y cerramos también el código HTML la etiqueta de HTML
pero debe de ser la etiqueta de cierre.
Vamos a revisar tenemos.
No es la apertura de la etiqueta HTML y tenemos el cierre de esa etiqueta.
Podemos ver que obviamente debido a que estamos dentro de código Java el código HTML no representa más
que una cadena.
Por lo tanto no hay una revisión de sintaxis de este código HTML.
Ahora también abrimos el body y cerramos el body faltaría agregar las etiquetas de G.T y de teito.
Pero de momento vamos a dejar únicamente este código HTML.
De lo contrario crecería bastante rápido este código y realmente no aportaría mucho para el conocimiento
de esta lección.
Así que en este caso abrimos el bodhi y cerramos esta etiqueta y dentro del Bodhi estamos imprimiendo
el parámetro usuario es el valor del parámetro que estamos recibiendo y realmente esto es lo importante.
Estamos observando cómo procesar parámetros de un formulario HTML donde estamos enviando estos valores
el valor del componente de usuario que es de tipo texto y el valor de password que es de tipo password
así que estamos procesando estos valores los mandamos a imprimir a la consola de glacis y posteriormente
respondemos con esta información hacia nuestro cliente así que cuando terminamos nuestro código vamos
a guardar cambios hacemos un envió y vamos a ejecutarlo recordemos que no debe restarse ya ejecutando
glacis.
Para ello fue que iniciamos de teniendolo y ahora vamos a arrancarlo esperamos a que termine de levantarse
glacis
bien y con eso podemos observar nuestro código HTML en la página de Index contiene el título formulario
servlet y posteriormente contiene la etiqueta de usuario y el componente de usuario.
En este caso voy a quitar cualquier valor previo que ya tuvieran y tenemos el hipoteque para capturar
el usuario y el imputs para capturar el password y el botón para hacer el envío de esta información.
Vamos a proporcionar la información podemos proporcionar cualquier información como puede ser el usuario
de admin y el password de 1 2 3.
Cualquier información simplemente para hacer la prueba y si damos clic en Enviar ya nos está respondiendo.
El servlet en este caso está respondiendo con el nombre de la aplicación y posteriormente el nombre
del componente.
Así es como debe de estar escrito cualquier problema deben de revisar a detalle la llamada en este caso
a nuestro componente esta es la ruta que debe estar exactamente igual primero que el nombre de nuestro
proyecto respetando mayúsculas y minúsculas y posteriormente el nombre de nuestro componente servlet
y debe de ser exactamente igual a este nombre a esta cadena.
De lo contrario no va a responder nuestro componente y no podremos observar esta salida así que lo primero
que debemos de revisar en caso de errores y posteriormente ya podemos observar el resultado.
El parámetro usuario tiene el valor de admin y el parámetro de password tiene el valor de 1 2 3 así
que con esto ya estamos procesando correctamente la petición del lado del cliente los valores del formulario
y estamos respondiendo al cliente de nueva cuenta con código HTML.
Si damos clic derecho y seleccionamos ver código fuente de la página en este caso podemos observar el
código HTML que hemos regresado al cliente y finalmente vamos a revisar también el log de glacis.
Si vamos al final del servidor podemos observar que tenemos ahora los valores de usuario igual admin
y password igual a 1 2 3 ya que esos son los valores que mandamos a imprimir desde el componente servlet
en el método de post bien simplemente para que observe un cambio.
Si quitamos este atributo y ya no indicamos que es el método post vamos a regresar cargamos nuestra
página nuevamente proporcionamos los valores de admin y cualquier password como en este caso 1 2 3 damos
clic en Enviar.
Podemos observar que el método Goeth no lo hemos programado en nuestro servlet así que para que podamos
responder al cliente de nueva cuenta tenemos que programar el método Droguett así como lo hicimos con
el método POST pero además también podemos observar que los valores de la petición se han adjuntado
al R.L debido a que se realizó una petición de tipo guetto entonces se observan los valores en el where
L.
En cambio si la petición es de tipo post los valores no se observan en el wireless sino que se mandan
en el cuerpo del mensaje en la petición HTTP bien así que vamos a regresar a los valores pero en dado
caso de que quieran soportar esta petición tendrían que agregar el método Droguett a su servlet bien
de momento vamos a regresar los valores es la petición de tipo post regresamos refrescamos proporcionamos
los valores y de nueva cuenta podemos observar el resultado de procesar pero ahora el método de post
y podemos observar que los valores no se están enviando en el R.L ya que debido a que estamos enviando
información sensible como es el password no se debería procesar como una petición GET sino que en este
caso estamos procesando el formulario como una petición de tipo post para que la información se envíe
dentro del cuerpo del mensaje.
Http: así que como conclusión del ejercicio hemos visto cómo procesar parámetros enviados por un formulario
utilizando un servlet.
También implementamos el método de post en nuestro servlet y podrían agregar también la implementación
del método Droguett si así lo desean.
Eso es todo por este ejercicio y nos vemos en el siguiente video.
Saludos.