Ejemplos de programas JSP: registro & Formulario de inicio de sesión

En este tutorial, vamos a desarrollar programas de muestra con JSP y utilizando la arquitectura MVC.

Se desarrollarán los siguientes ejemplos de programas:

  • Formulario de inscripción
  • Formulario de inicio de sesión y cierre de sesión

Usando el formulario de registro a través de JSP

En el formulario de Registro, tendremos un formulario para completar todos los detalles el cual contendrá nombre, usuario, contraseña, dirección, número de contacto, etc.

Este formulario nos ayudará a registrarnos con la aplicación. Toman todos nuestros datos y los almacenan en una base de datos o caché.

En este ejemplo, vamos a tomar "Formulario de registro de gurú" que tiene los siguientes campos:

  1. Nombre de pila
  2. Apellido
  3. Nombre de usuario
  4. Contraseña
  5. Dirección
  6. Número de contacto

Después de completar todos estos detalles, tenemos el botón Enviar, al hacer clic en ese botón, se almacenarán todos los detalles.

Register_1.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Formulario de registro de gurú 

Formulario de registro de gurú


 

 

  Nombre     


 

  Apellido     


 

  Nombre de usuario     


 

  Contraseña     


 

  Dirección     


 

  No de contacto

Explicación del código:

Línea de código 11: Aquí estamos tomando un nombre de formulario que tiene acción, es decir, el servlet al que se procesará la solicitud y el nombre del servlet es guru_register.java. La solicitud se procesará mediante el método POST.

Línea de código 14-16: aquí tomamos el tipo de entrada como texto y el nombre es el nombre

Línea de código 18-20: aquí tomamos el tipo de entrada como texto y el nombre es el apellido

Línea de código 22-24: aquí tomamos el tipo de entrada como texto y el nombre es el nombre de usuario

Línea de código 26-28: aquí tomamos el tipo de entrada como contraseña (esto ocultará la contraseña cuando se escriba) y el nombre como contraseña

Línea de código 30-32: aquí tomamos el tipo de entrada como texto y el nombre como dirección

Línea de código 34-36: aquí tomamos el tipo de entrada como texto y el nombre como contacto

Línea de código 37: Aquí tomamos un botón de tipo enviar y el valor también es enviar. Al hacer clic en este botón, la acción irá al servlet guru_register correspondiente donde se pasarán todos los valores de los parámetros en la solicitud.

Guru_register.java

paquete demotest;import java.io.IOException;import javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/ *** Clase de implementación de servlet guru_register* /public class guru_register extiende HttpServlet {private static final long serialVersionUID = 1L;protected void doPost (solicitud HttpServletRequest, respuesta HttpServletResponse) lanza ServletException, IOException {// TODO código auxiliar de método generado automáticamenteString first_name = request.getParameter ("first_name");String last_name = request.getParameter ("last_name");String username = request.getParameter ("nombre de usuario");String contraseña = request.getParameter ("contraseña");String address = request.getParameter ("dirección");String contact = request.getParameter ("contacto");if (first_name.isEmpty () || last_name.isEmpty () || username.isEmpty () ||contraseña.isEmpty () || address.isEmpty () || contact.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_1.jsp");req.include (solicitud, respuesta);}demás{RequestDispatcher req = request.getRequestDispatcher ("register_2.jsp");req.forward (solicitud, respuesta);}}}

Explicación del código:

Línea de código 14: Aquí definimos guru_servlet que está extendiendo HttpServlet.

Línea de código 18: este método de acción doPost () que se llamará cuando mencionemos POST en el atributo de acción en el formulario JSP anterior.

Línea de código 20-25: aquí estamos obteniendo los valores de la solicitud, es decir, primer nombre, apellido, nombre de usuario, contraseña, dirección y contacto mediante request.getParameter.

Línea de código 27-32: Aquí tomamos la condición if en la que verificamos cualquiera de los parámetros que se obtienen de la solicitud como si están vacíos o no. Si alguno de los parámetros está vacío, ingresará esta condición (first_name.isEmpty () || last_name.isEmpty || username.isEmpty || password.isEmpty || address.isEmpty || contact.isEmpty ()) y tenemos para recuperar el objeto RequestDispatcher utilizando el objeto de solicitud que reenviará la solicitud a register_1.jsp. Aquí también incluimos objetos de solicitud y respuesta.

Línea de código 33-37: Este caso se ejecutará cuando alguno de los parámetros no esté vacío. Tendremos que buscar el objeto requestDispatcher usando el objeto request que enviará la solicitud a register_2.jsp. Aquí estamos reenviando los objetos de solicitud y respuesta.

Register_2.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Página de éxito de Guru   ¡Bienvenido, usuario!

Explicación del código:

Línea de código 10: Aquí estamos dando la bienvenida al usuario. Esta JSP se llamará cuando se completen todos los parámetros.

Cuando ejecuta el código anterior, obtiene el siguiente resultado:

Producción:

Cuando hacemos clic en register_1.jsp, obtendremos un formulario que tendrá detalles como nombre, apellido, nombre de usuario, contraseña, dirección, contacto. Se han completado todos los detalles. Cuando hacemos clic en el botón enviar, aparece el mensaje "Usuario de bienvenida".

Formulario de inicio de sesión y cierre de sesión

Al igual que el formulario de registro, tendremos un formulario de inicio de sesión y cierre de sesión.

En este ejemplo, hemos tomado el formulario de inicio de sesión donde tenemos dos campos "nombre de usuario" y "contraseña" con un botón de envío.

Cuando hacemos clic en el botón enviar, recibimos un mensaje de bienvenida con un botón de cierre de sesión.

Cuando hacemos clic en el botón Cerrar sesión, volvemos al formulario de inicio de sesión.

Register_3.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Formulario de inicio de sesión de Guru 
 

 

  Nombre de usuario     


 

  Contraseña

Explicación del código:

Línea de código 10: Aquí estamos tomando un nombre de formulario que tiene acción, es decir, el servlet al que ha pasado es guru_login.java. El método a través del cual pasará su POST.

Línea de código 13-16: Aquí estamos tomando un campo de entrada "nombre de usuario" que es del tipo texto.

Línea de código 17-20: Aquí estamos tomando un campo de entrada "contraseña" que es del tipo contraseña.

Línea de código 22: Aquí estamos tomando un botón "enviar" con el valor "Iniciar sesión" en el que hacemos clic y luego va al servlet guru_login donde ambos campos se toman usando el objeto de solicitud.

Guru_login.java (servlet)

paquete demotest;import java.io.IOException;import javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/ *** Clase de implementación de servlet guru_login* /public class guru_login extiende HttpServlet {public guru_login () {súper();// TODO stub de constructor generado automáticamente}protected void doPost (solicitud HttpServletRequest, respuesta HttpServletResponse) lanza ServletException, IOException {// TODO código auxiliar de método generado automáticamenteString username = request.getParameter ("nombre de usuario");String contraseña = request.getParameter ("contraseña");if (nombre de usuario.isEmpty () || contraseña.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_3.jsp");req.include (solicitud, respuesta);}demás{RequestDispatcher req = request.getRequestDispatcher ("register_4.jsp");req.forward (solicitud, respuesta);}}}

Explicación del código:

Línea de código 5-9: Aquí estamos importando las importaciones necesarias en el código.

Línea de código 14: Aquí estamos tomando el servlet guru_login que extiende HttpServlet.

Línea de código 21: Aquí estamos usando el método doPost () como en el formulario estamos usando el método POST.

Línea de código 23-24: Aquí tomamos los parámetros usando el objeto de solicitud, es decir, el nombre de usuario y la contraseña.

Línea de código 25-29: De esta manera, estamos tomando la condición "si" donde estamos verificando el nombre de usuario y la contraseña si están vacíos o no. En este caso, si está vacío, estamos obteniendo el objeto requestdispatcher que reenvía a register_3.jsp con objetos de solicitud y respuesta.

Línea de código 30-34: esto se ejecutará si ambos no están vacíos, luego reenvía la solicitud a register_4.jsp con los objetos de solicitud y respuesta.

Register_4.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Guru ha iniciado sesión  

 

  <% String username = request.getParameter ("nombre de usuario"); %> Bienvenido <% out.println (nombre de usuario); %> Usuario !!!! Has iniciado sesión.   







    Cerrar sesión   < / td>

Explicación del código:

Línea de código 12: Aquí obtenemos el parámetro "nombre de usuario" del objeto de solicitud en el nombre de usuario del objeto de cadena.

Línea de código 13: Aquí tenemos un mensaje de bienvenida con el nombre de usuario.

Línea de código 14: Aquí enlazamos para cerrar sesión el formulario que redirige a register_3.jsp.

Cuando ejecuta el código anterior, obtiene el siguiente resultado:

Producción:

Aquí, cuando hacemos clic en register_3.jsp, obtenemos dos campos "nombre de usuario" y "contraseña" con un botón de inicio de sesión.

Después de hacer clic en el botón Iniciar sesión, aparece el siguiente mensaje con un botón Cerrar sesión.

Cuando hace clic en el botón Cerrar sesión, vuelve a la página de inicio de sesión.

Articulos interesantes...