Exemples de programmes JSP: enregistrement & Formulaire de connexion

Table des matières:

Anonim

Dans ce tutoriel, nous allons développer des exemples de programmes avec JSP et en utilisant l'architecture MVC.

Les exemples de programmes suivants seront développés -

  • Formulaire d'inscription
  • Formulaire de connexion et de déconnexion

Utilisation du formulaire d'inscription via JSP

Dans le formulaire d'inscription, nous aurons un formulaire pour remplir tous les détails qui contiendront nom, nom d'utilisateur, mot de passe, adresse, numéro de contact, etc.

Ce formulaire nous aidera à nous inscrire avec l'application. Ils prennent tous nos détails et les stockent dans une base de données ou un cache.

Dans cet exemple, nous allons prendre "Formulaire d'inscription Guru" qui contient les champs suivants:

  1. Prénom
  2. Nom de famille
  3. Nom d'utilisateur
  4. Mot de passe
  5. Adresse
  6. Numéro de contact

Après avoir rempli tous ces détails, nous avons le bouton de soumission, en cliquant sur ce bouton, tous les détails seront stockés.

Register_1.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Formulaire d'inscription Guru 

Formulaire d'enregistrement des gourous


 

 

  Prénom     


 

  Nom     


 

  Nom d'utilisateur     


 

  Mot de passe     


 

  Adresse     


 

  No de contact

Explication du code:

Ligne de code 11: Ici, nous prenons un nom de formulaire qui a une action, c'est-à-dire le servlet vers lequel la requête sera traitée et le nom du servlet est guru_register.java. La demande sera traitée par la méthode POST.

Ligne de code 14-16: Ici, nous prenons le type d'entrée comme texte et le nom est le prénom

Ligne de code 18-20: Ici, nous prenons le type d'entrée comme texte et le nom est le nom de famille

Ligne de code 22-24: Ici, nous prenons le type d'entrée comme texte et le nom est nom d'utilisateur

Ligne de code 26-28: Ici, nous prenons le type d'entrée comme mot de passe (cela masquera le mot de passe une fois tapé) et le nom comme mot de passe

Ligne de code 30-32: Ici, nous prenons le type d'entrée comme texte et le nom comme adresse

Ligne de code 34-36: Ici, nous prenons le type d'entrée comme texte et le nom comme contact

Ligne de code 37: Ici, nous prenons un bouton de type Soumettre et la valeur est également Soumettre. En cliquant sur ce bouton, l'action ira au servlet guru_register correspondant où toutes les valeurs de paramètres seront passées dans la requête.

Guru_register.java

package 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;/ *** Classe d'implémentation de servlet guru_register* /La classe publique guru_register étend HttpServlet {private static final long serialVersionUID = 1L;protected void doPost (requête HttpServletRequest, réponse HttpServletResponse) lève ServletException, IOException {// TODO Stub de méthode généré automatiquementString first_name = request.getParameter ("first_name");String last_name = request.getParameter ("last_name");Chaîne username = request.getParameter ("username");String password = request.getParameter ("password");Adresse de chaîne = request.getParameter ("adresse");String contact = request.getParameter ("contact");if (first_name.isEmpty () || last_name.isEmpty () || username.isEmpty () ||password.isEmpty () || adresse.isEmpty () || contact.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_1.jsp");req.include (requête, réponse);}autre{RequestDispatcher req = request.getRequestDispatcher ("register_2.jsp");req.forward (demande, réponse);}}}

Explication du code:

Ligne de code 14: Ici, nous définissons guru_servlet qui étend HttpServlet.

Ligne de code 18: Cette méthode action doPost () qui sera appelée lorsque nous mentionnons POST dans l'attribut action dans le formulaire JSP ci-dessus.

Ligne de code 20-25: Ici, nous récupérons les valeurs de la requête i.efirst_name, last_name, username, password, address et contact en utilisant request.getParameter.

Ligne de code 27-32: Ici, nous prenons la condition if où nous vérifions l'un des paramètres qui sont extraits de la requête comme s'ils sont vides ou non. Si l'un des paramètres est vide, il entrera cette condition (first_name.isEmpty () || last_name.isEmpty || username.isEmpty || password.isEmpty || address.isEmpty || contact.isEmpty ()) et nous avons pour récupérer l'objet RequestDispatcher en utilisant l'objet request qui transmettra la requête à register_1.jsp. Ici, nous incluons également des objets de requête et de réponse.

Ligne de code 33-37: Ce cas s'exécutera lorsque l'un des paramètres n'est pas vide. Nous devrons récupérer l'objet requestDispatcher en utilisant l'objet request qui transmettra la requête à register_2.jsp. Ici, nous transférons les objets de requête et de réponse.

Register_2.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Page de réussite du gourou   Bienvenue utilisateur !!!!

Explication du code:

Code Line 10: Ici, nous disons bienvenue à l'utilisateur. Cette JSP sera appelée lorsque tous les paramètres seront remplis.

Lorsque vous exécutez le code ci-dessus, vous obtenez la sortie suivante:

Production:

Lorsque nous cliquons sur register_1.jsp, nous obtenons un formulaire qui contiendra des détails comme le prénom, le nom, le nom d'utilisateur, le mot de passe, l'adresse, le contact. Tous les détails ont été remplis. Lorsque nous cliquons sur le bouton Soumettre, nous recevons le message «Utilisateur de bienvenue»

Formulaire de connexion et de déconnexion

Comme le formulaire d'inscription, nous aurons un formulaire de connexion et de déconnexion.

Dans cet exemple, nous avons pris le formulaire de connexion où nous avons deux champs "nom d'utilisateur" et "mot de passe" avec un bouton d'envoi.

Lorsque nous cliquons sur le bouton Soumettre, nous recevons un message de bienvenue avec un bouton de déconnexion.

Lorsque nous cliquons sur le bouton de déconnexion, nous revenons au formulaire de connexion.

Register_3.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Formulaire de connexion Guru 
 

 

  Nom d'utilisateur     


 

  Mot de passe

Explication du code:

Ligne de code 10: Ici, nous prenons un nom de formulaire qui a une action, c'est-à-dire que le servlet auquel il est passé est guru_login.java. La méthode par laquelle il passera son POST.

Ligne de code 13-16: Ici, nous prenons un champ de saisie "nom d'utilisateur" qui est du type texte.

Ligne de code 17-20: Ici, nous prenons un champ de saisie "mot de passe" qui est du type mot de passe.

Ligne de code 22: Ici, nous prenons un bouton "soumettre" avec la valeur "Login" sur lequel nous cliquons puis il va au servlet guru_login où les deux champs sont pris en utilisant l'objet de requête.

Guru_login.java (servlet)

package 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;/ *** Classe d'implémentation de servlet guru_login* /La classe publique guru_login étend HttpServlet {public guru_login () {super();// TODO Stub de constructeur généré automatiquement}protected void doPost (requête HttpServletRequest, réponse HttpServletResponse) lève ServletException, IOException {// TODO Stub de méthode généré automatiquementChaîne username = request.getParameter ("username");String password = request.getParameter ("password");if (username.isEmpty () || password.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_3.jsp");req.include (requête, réponse);}autre{RequestDispatcher req = request.getRequestDispatcher ("register_4.jsp");req.forward (demande, réponse);}}}

Explication du code:

Ligne de code 5-9: Ici, nous importons les importations nécessaires dans le code.

Ligne de code 14: Ici, nous prenons le servlet guru_login qui étend HttpServlet.

Ligne de code 21: Ici, nous utilisons la méthode doPost () comme dans le formulaire que nous utilisons la méthode POST.

Ligne de code 23-24: Ici, nous prenons des paramètres en utilisant l'objet de requête, c'est-à-dire nom d'utilisateur et mot de passe.

Ligne de code 25-29: De cette façon, nous prenons la condition «if» où nous vérifions le nom d'utilisateur et le mot de passe s'ils sont vides ou non. avec des objets de requête et de réponse.

Ligne de code 30-34: Cela sera exécuté si les deux ne sont pas vides, puis il transmet la demande à register_4.jsp avec les objets de demande et de réponse.

Register_4.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Guru s'est connecté  

 

  <% String username = request.getParameter ("username"); %> Bienvenue <% out.println (nom d'utilisateur); %> Utilisateur !!!! Vous êtes connecté.   







    Déconnexion   < / td>

Explication du code:

Ligne de code 12: Ici, nous obtenons le paramètre "username" de l'objet de requête dans la chaîne nom d'utilisateur de l'objet.

Ligne de code 13: Ici, nous avons un message de bienvenue avec le nom d'utilisateur.

Ligne de code 14: Ici, nous lions pour déconnecter le formulaire qui redirige vers register_3.jsp.

Lorsque vous exécutez le code ci-dessus, vous obtenez la sortie suivante:

Production:

Ici, lorsque nous cliquons sur register_3.jsp, nous obtenons deux champs "nom d'utilisateur" et "mot de passe" avec un bouton de connexion.

Après avoir cliqué sur le bouton de connexion, vous obtenez le message ci-dessous avec un bouton de déconnexion.

Lorsque vous cliquez sur le bouton de déconnexion, vous revenez à la page de connexion