Hola bienvenidos a esta elección.
A continuación vamos a ver el tema de procesamiento de formularios utilizando el API de los tablets
están listos.
Vamos bien lo que vamos a hacer es procesar el siguiente formulario.
Vamos a crear el formulario con los siguientes elementos elementos del usuario password tecnologías
de interés donde el usuario puede seleccionar más de una tecnología de interés el género donde pueda
indicar si es hombre o mujer ocupación donde puede seleccionar una lista con los posibles títulos de
ocupación que tenga la música favorita donde puedes seleccionar alguno de estos elementos y también
proporcionar un comentario y finalmente dar clic en Enviar para que se realice la validación y el envío
de la información al servidor web y una vez que se ha procesado esto por el servlet entonces el servidor
va a responder de nueva cuenta al cliente con esa tabla HTML va a proporcionar al usuario el password
tecnologías seleccionadas el género ocupación música favorita y comentarios así que ese es el ejercicio
que vamos a realizar a continuación bien vamos a cerrar este proyecto damos clic derecho y seleccionamos
Claws posteriormente damos un enfile ni proyecto seleccionamos llama Web Maiden y posteriormente Web
Application damos clic en Next y el nombre del proyecto va a ser manejo formularios HTML se deposita
en la carpeta de curso servlets el nombre del paquete es MX con G.M. de Global mentoring.
La versión 1.0 y dejamos el nombre del paquete vacío damos clic en Siguiente dejamos los valores por
default las fille Server y empresarial 8 damos clic en Finalizar
bien y con esto ya se ha creado nuestro proyecto.
Vamos a cambiar el nombre de nuestro proyecto damos clic derecho a arruiné y dejamos únicamente el nombre
de manejo formularios HTML los demás valores los dejamos igual damos clic en OK cerramos esta ventana
y ya estamos listos para empezar a trabajar con nuestro proyecto y vamos a crear cada uno de nuestros
componentes y posteriormente los vamos a ir modificando ya que esto nos va a dar un panorama general
de cuáles son los componentes que vamos a utilizar en nuestra aplicación web bien así que en primer
lugar vamos a crear un Servlet damos clic derecho Java class y el nombre de la clase se va a llamar
servlet y lo depositamos en el paquete web damos clic en Finalizar quitamos estos comentarios
vamos a hacer extensible http: servlet y también agregamos la anotación de web servlet y este servlets
va a responder a la siguiente ruta va a ser el mismo nombre del componente diagonal servlet pero como
hemos comentado puede ser cualquier otro nombre.
Este es el pack con el que va a responder este componente en la web del navegador importamos estas anotaciones
y también esta clase y debido a que vamos a utilizar más clases ponemos punto asterisco para que se
importen todas las clases de este paquete y de momento es todo lo que vamos a agregar a esta clase.
Vamos a continuar bien antes de continuar solos.
Packages vamos a quitar estos paquetes que se han creado de manera automática si es que los tenemos
los seleccionamos y los eliminamos bien con eso ya tenemos el paquete de web
ahora sobre web beiges podemos observar que ya tenemos el archivo de índex punto HTML si no lo tuviéramos
debemos de agregarlo al nivel de web Belles así que ya tenemos esta página inicial.
Vamos a hacer algo más sobre web vellas vamos a dar clic derecho Niu y vamos a crear un nuevo folder
el folder se va a llamar recursos y debe de estar dentro del folder Source Main web app.
A este nivel se debe depositar esta carpeta de recursos y aquí podemos observar la ruta completa sours
Main güeva recursos damos en finalizar y ya tenemos nuestra carpeta ahora dentro de esta carpeta vamos
a ser lo siguiente Vamos a agregar dos archivos el primer archivo va a ser un archivo de JavaScript.
Damos clic derecho nuevo
y seleccionamos JavaScript file.
Si no nos apareciera entonces podemos ir a Otter y aquí podemos filtrar por el tipo de archivo que necesitamos.
En este caso va a ser un archivo de JavaScript File así que seleccionamos el archivo y damos clic en
Next y el nombre del archivo se va a llamar funciones y debe de estar dentro de la carpeta de recursos
la hemos ido en finalizar podemos quitar estos comentarios y de momento vamos a dejar así el archivo
ya posteriormente vamos a agregar la codificación de este archivo y también dentro de esta misma carpeta
vamos a agregar la hoja de estilo damos el derecho y seleccionamos el tipo de archivo CSS.
En este momento no lo tenemos desplegado así que vamos a poder seleccionamos HTML y posteriormente Cascade.
Esta sí que es un archivo de tipo CSS.
Damos sigue Next y el archivo se va a llamar estilos dentro de la carpeta de Sors menguaba recursos.
Con esto ya tenemos todos nuestros archivos y damos idea al finalizar.
También podemos quitar estos comentarios o dejarlos ya depende de ustedes bien con eso ya tenemos toda
la estructura de nuestro proyecto.
Vamos a dejar hasta aquí este video y en el siguiente video vamos a empezar a codificar cada uno de
estos archivos.
Nos vemos en el siguiente video.
Saludos.