Príklady programu JSP: Registrácia & prihlasovací formulár

V tomto výučbe budeme vyvíjať ukážkové programy s JSP a pomocou architektúry MVC.

Nasledujúce príklady programu budú vyvinuté -

  • Registračný formulár
  • Prihlasovací a odhlasovací formulár

Pomocou registračného formulára prostredníctvom JSP

V registračnom formulári budeme mať formulár na vyplnenie všetkých podrobností, ktoré budú obsahovať meno, používateľské meno, heslo, adresu, kontaktné číslo atď.

Tento formulár nám pomôže zaregistrovať sa v aplikácii. Zoberú všetky naše podrobnosti a uložia ich do databázy alebo medzipamäte.

V tomto príklade použijeme „Registračný formulár Guru“, ktorý má nasledujúce polia:

  1. Krstné meno
  2. Priezvisko
  3. Užívateľské meno
  4. Heslo
  5. Adresa
  6. Kontaktné číslo

Po vyplnení všetkých týchto podrobností máme tlačidlo odoslať, po kliknutí na toto tlačidlo sa všetky podrobnosti uložia.

Register_1.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Registračný formulár guru 

Formulár registrácie guru

Meno
Priezvisko
meno používateľa
Heslo
Adresa
kontaktné číslo

Vysvetlenie kódu:

Riadok kódu 11: Tu používame názov formulára, ktorý má akciu, tj. Servlet, na ktorý sa bude spracovávať požiadavka, a názov servletu je guru_register.java. Žiadosť bude spracovaná metódou POST.

Riadok kódu 14-16: Tu berieme typ vstupu, pretože text a meno je meno

Riadok kódu 18-20: Tu berieme typ vstupu, pretože text a meno je priezvisko

Riadok kódu 22-24: Tu berieme typ vstupu, pretože text a meno je meno používateľa

Riadok kódu 26-28: Tu berieme typ vstupu ako heslo (tým sa pri zadaní skryje heslo) a meno ako heslo

Riadok kódu 30-32: Tu berieme typ vstupu ako text a meno ako adresu

Riadok kódu 34-36: Tu berieme typ vstupu ako text a meno ako kontakt

Riadok kódu 37: Tu berieme tlačidlo typu odoslať a hodnota je tiež odoslať. Kliknutím na toto tlačidlo prejde akcia na zodpovedajúci servlet guru_register, kde budú v požiadavke odovzdané všetky hodnoty parametrov.

Guru_register.java

balíček 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;/ *** Trieda implementácie servletu guru_register* /public class guru_register rozširuje HttpServlet {súkromná statická konečná dlhá serialVersionUID = 1L;protected void doPost (požiadavka HttpServletRequest, odpoveď HttpServletResponse) vyvolá ServletException, IOException {// TODO Automaticky generovaný pahýl metódyReťazec first_name = request.getParameter ("first_name");Reťazec last_name = request.getParameter ("priezvisko");Reťazec username = request.getParameter ("username");Reťazec heslo = request.getParameter ("heslo");Reťazcová adresa = request.getParameter ("adresa");Reťazec contact = request.getParameter ("kontakt");if (first_name.isEmpty () || last_name.isEmpty () || username.isEmpty () ||password.isEmpty () || address.isEmpty () || contact.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_1.jsp");req.include (žiadosť, odpoveď);}inak{RequestDispatcher req = request.getRequestDispatcher ("register_2.jsp");požiadavka preposlať (požiadavka, odpoveď);}}}

Vysvetlenie kódu:

Riadok kódu 14: Tu definujeme guru_servlet, ktorý rozširuje HttpServlet.

Riadok kódu 18: Táto metóda doPost () akcie, ktorá sa bude volať, keď spomenieme POST v atribúte akcie vo vyššie uvedenom formulári JSP.

Riadok kódu 20-25: Tu načítame hodnoty z požiadavky i.efirst_name, last_name, používateľské meno, heslo, adresa a kontakt pomocou request.getParameter.

Riadok kódu 27-32: Tu berieme podmienku if, keď kontrolujeme akékoľvek parametre, ktoré sa načítajú z požiadavky, či sú prázdne alebo nie. Ak je ktorýkoľvek z parametrov prázdny, zadá túto podmienku (first_name.isEmpty () || last_name.isEmpty || username.isEmpty || password.isEmpty || address.isEmpty || contact.isEmpty ()) a máme načítať objekt RequestDispatcher pomocou objektu žiadosti, ktorý pošle požiadavku na register_1.jsp. Sem zaraďujeme aj objekty požiadaviek a odpovedí.

Riadok kódu 33-37: Tento prípad sa vykoná, keď niektorý z parametrov nie je prázdny. Budeme musieť načítať objekt requestDispatcher pomocou objektu request, ktorý postúpi požiadavku register_2.jsp. Tu presmerujeme objekty request a response.

Register_2.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Stránka s úspechom Guru   Vitajte, používatelia !!!!  

Vysvetlenie kódu:

Riadok kódu 10: Tu hovoríme vítaný používateľ. Tento JSP sa bude volať, keď budú vyplnené všetky parametre.

Po vykonaní vyššie uvedeného kódu získate nasledujúci výstup:

Výkon:

Keď klikneme na register_1.jsp, dostaneme formulár, ktorý bude obsahovať podrobnosti ako meno, priezvisko, používateľské meno, heslo, adresa, kontakt. Všetky podrobnosti boli vyplnené. Keď klikneme na tlačidlo odoslať, dostaneme správu ako „Vitajte“

Prihlasovací a odhlasovací formulár

Rovnako ako registračný formulár budeme mať prihlasovací a odhlasovací formulár.

V tomto príklade sme použili prihlasovací formulár, kde máme dve polia „používateľské meno“ a „heslo“ s tlačidlom na odoslanie.

Keď klikneme na tlačidlo odoslať, dostaneme uvítaciu správu s tlačidlom odhlásenia.

Keď klikneme na tlačidlo odhlásenia, dostaneme sa späť do prihlasovacieho formulára.

Register_3.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Prihlasovací formulár pre guru 

Vysvetlenie kódu:

Riadok kódu 10: Tu používame názov formulára, ktorý má akciu, tj. Servlet, ktorému prešiel, je guru_login.java. Metóda, prostredníctvom ktorej prejde POST.

Riadok kódu 13-16: Tu prijímame vstupné pole „používateľské meno“, ktoré je typového textu.

Riadok kódu 17-20: Tu prijímame vstupné pole „heslo“, ktoré je typu heslo.

Riadok kódu 22: Tu berieme tlačidlo „odoslať“ s hodnotou „Prihlásiť sa“, na ktoré klikneme, a potom prejdeme na servlet guru_login, kde sa obe polia vyberú pomocou objektu žiadosti.

Guru_login.java (servlet)

balíček 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;/ *** Trieda implementácie servletu guru_login* /public class guru_login rozširuje HttpServlet {public guru_login () {Super();// TODO Automaticky generovaný útržok konštruktora}protected void doPost (požiadavka HttpServletRequest, odpoveď HttpServletResponse) vyvolá ServletException, IOException {// TODO Automaticky generovaný pahýl metódyReťazec username = request.getParameter ("username");Reťazec heslo = request.getParameter ("heslo");if (username.isEmpty () || password.isEmpty ()){RequestDispatcher req = request.getRequestDispatcher ("register_3.jsp");req.include (žiadosť, odpoveď);}inak{RequestDispatcher req = request.getRequestDispatcher ("register_4.jsp");požiadavka preposlať (požiadavka, odpoveď);}}}

Vysvetlenie kódu:

Riadok kódu 5-9: Tu importujeme potrebné importy do kódu.

Riadok kódu 14: Tu berieme servlet guru_login, ktorý rozširuje HttpServlet.

Riadok kódu 21: Tu používame metódu doPost () ako vo forme, ktorú používame metódu POST.

Riadok kódu 23-24: Tu berieme parametre pomocou objektu požiadavky, tj. Užívateľské meno a heslo.

Riadok kódu 25-29: Týmto spôsobom prijímame podmienku „ak“, keď kontrolujeme používateľské meno a heslo, či sú prázdne alebo nie. V takom prípade, ak je prázdne, dostávame objekt requestdispatcher, ktorý ďalej pošle register_3.jsp s objektmi požiadavky a odpovede.

Riadok kódu 30-34: Bude vykonaný, ak obidva nie sú prázdne, potom pošle požiadavku na register_4.jsp s objektmi požiadavky a odpovede.

Register_4.jsp

<% @ page language = "java" contentType = "text / html; charset = ISO-8859-1"pageEncoding = "ISO-8859-1"%> Guru prihlásený  
meno používateľa
Heslo

Vysvetlenie kódu:

Riadok kódu 12: Tu dostávame parameter "username" z objektu požiadavky v reťazci object username.

13. riadok kódu: Máme tu uvítaciu správu s používateľským menom.

Riadok kódu 14: Tu odkazujeme na odhlásenie z formulára, ktorý presmeruje na register_3.jsp.

Po vykonaní vyššie uvedeného kódu získate nasledujúci výstup:

Výkon:

Tu, keď klikneme na register_3.jsp, dostaneme dve polia „používateľské meno“ a „heslo“ s tlačidlom prihlásenia.

Po kliknutí na tlačidlo Prihlásiť sa dostanete správu dole s tlačidlom Odhlásiť sa.

Kliknutím na odhlásenie sa vrátite na prihlasovaciu stránku

Zaujímavé články...

<% String username = request.getParameter ("username"); %> Vitajte <% out.println (meno používateľa); %> Užívateľ !!!! Prihlásili ste sa.
Odhlásiť sa < / td>