Primjeri JSP programa: Obrazac za registraciju i prijavu

U ovom tutorijalu, provest ću vas kroz razvojping primjeri programa s JSP-om i implementacija MVC arhitekture u ovom tutorialu.

Razvit će se sljedeći primjeri programa:

Obrazac za prijavu
Obrazac za prijavu i odjavu
JSP obrazac

Korištenje obrasca za registraciju kroz JSP

U obrascu za registraciju imat ćemo obrazac za ispunjavanje svih detalja koji će sadržavati ime, korisničko ime, lozinku, adresu, kontakt broj itd.

Ovaj obrazac će nam pomoći da se registriramo uz aplikaciju. Uzimaju sve naše podatke i pohranjuju ih u baza podataka ili predmemorija.

U ovom primjeru uzet ćemo "Guru "Obrazac za registraciju" koji ima sljedeća polja:

Ime
Prezime
Korisničko ime
Lozinka
Adresa
Kontakt broj:

Nakon ispunjavanja svih ovih podataka imamo gumb za slanje, klikom na taj gumb svi detalji će biti pohranjeni.

Primjer 1: Registar_1.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Guru Registration Form</title>
</head>
<body>
<h1>Guru Register Form</h1>
<form action="guru_register" method="post">
			<table style="with: 50%">
				<tr>
					<td>First Name</td>
					<td><input type="text" name="first_name" /></td>
				</tr>
				<tr>
					<td>Last Name</td>
					<td><input type="text" name="last_name" /></td>
				</tr>
				<tr>
					<td>UserName</td>
					<td><input type="text" name="username" /></td>
				</tr>
					<tr>
					<td>Password</td>
					<td><input type="password" name="password" /></td>
				</tr>
				<tr>
					<td>Address</td>
					<td><input type="text" name="address" /></td>
				</tr>
				<tr>
					<td>Contact No</td>
					<td><input type="text" name="contact" /></td>
				</tr></table>
			<input type="submit" value="Submit" /></form>
</body>
</html>

Objašnjenje koda:

Code Redak 11: Ovdje uzimamo naziv obrasca koji ima radnju, tj. servlet na koji će se zahtjev obraditi, a naziv servleta je guru_register.java. Zahtjev će biti obrađen metodom POST.

Code Redak 14-16: Ovdje uzimamo vrstu unosa kao tekst, a ime je ime

Code Redak 18-20: Ovdje uzimamo vrstu unosa kao tekst, a ime je prezime

Code Redak 22-24: Ovdje uzimamo vrstu unosa kao tekst, a ime je korisničko ime

Code Redak 26-28: Ovdje uzimamo vrstu unosa kao lozinku (ovo će sakriti lozinku kada se upiše) i ime kao lozinku

Code Redak 30-32: Ovdje uzimamo vrstu unosa kao tekst, a ime kao adresu

Code Redak 34-36: Ovdje uzimamo vrstu unosa kao tekst, a ime kao kontakt

Code Redak 37: Ovdje uzimamo tipku submit i vrijednost je također submit. Klikom na ovaj gumb akcija će ići na odgovarajući guru_register servlet gdje će se sve vrijednosti parametara proslijediti u zahtjevu.

Primjer 2: 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;

/**
 * Servlet implementation class guru_register
 */
public class guru_register extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    
     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		String first_name = request.getParameter("first_name");
		String last_name = request.getParameter("last_name");
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		String address = request.getParameter("address");
		String contact = request.getParameter("contact");
		
		if(first_name.isEmpty() || last_name.isEmpty() || username.isEmpty() || 
				password.isEmpty() || address.isEmpty() || contact.isEmpty())
		{
			RequestDispatcher req = request.getRequestDispatcher("register_1.jsp");
			req.include(request, response);
		}
		else
		{
			RequestDispatcher req = request.getRequestDispatcher("register_2.jsp");
			req.forward(request, response);
		}
	}

}

Objašnjenje koda:

Code Redak 14: Ovdje definiramo guru_servlet koji proširuje HttpServlet.

Code Redak 18: Ova akcija doPost() metoda koja će biti pozvana kada spomenemo POST in action atribut u gornjem JSP obrascu.

Code Redak 20-25: Ovdje dohvaćamo vrijednosti iz zahtjeva i.efirst_name, last_name, username, password, address i contact koristeći request.getParameter.

Code Redak 27-32: Ovdje uzimamo if uvjet u kojem provjeravamo bilo koji od parametara koji se dohvaćaju iz zahtjeva jesu li prazni ili ne. Ako je bilo koji od parametara prazan, tada će ući u ovaj uvjet ( first_name.isEmpty() || last_name.isEmpty || username.isEmpty || password.isEmpty || address.isEmpty || contact.isEmpty()) i imamo za dohvaćanje objekta RequestDispatcher koristeći objekt zahtjeva koji će proslijediti zahtjev u register_1.jsp. Ovdje također uključujemo objekte zahtjeva i odgovora.

Code Redak 33-37: Ovaj slučaj će se izvršiti kada bilo koji od parametara nije prazan. Morat ćemo dohvatiti objekt requestDispatcher pomoću objekta zahtjeva koji će proslijediti zahtjev u register_2.jsp. Ovdje prosljeđujemo objekte zahtjeva i odgovora.

Primjer 3: Registar_2.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Guru Success Page</title>
</head>
<body>
           <a><b>Welcome User!!!!</b></a>
</body>
</html>

Objašnjenje koda:

Code Redak 10: Ovdje želimo dobrodošlicu korisniku. Ovaj JSP će biti pozvan kada su svi parametri popunjeni.

Kada izvršite gornji kod, dobit ćete sljedeći izlaz:

Izlaz:

Kada kliknemo na register_1.jsp, dobit ćemo obrazac koji će sadržavati detalje kao što su ime, prezime, korisničko ime, lozinka, adresa, kontakt. Svi detalji su popunjeni. Kada kliknemo na gumb za slanje, dobivamo poruku kao "Dobrodošao korisnik"

Obrazac za prijavu i odjavu

Kao i obrazac za registraciju, imat ćemo obrazac za prijavu i odjavu.

U ovom primjeru uzeli smo obrazac za prijavu gdje imamo dva polja "korisničko ime" i "lozinka" s gumbom za slanje.

Kada kliknemo na gumb za slanje, dobivamo poruku dobrodošlice s gumbom za odjavu.

Kada kliknemo na gumb za odjavu, vraćamo se na obrazac za prijavu.

Primjer 1: Registar_3.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Guru Login Form</title>
</head>
<body>
<form action="guru_login" method="post">
		<table style="with: 50%">

			<tr>
				<td>UserName</td>
				<td><input type="text" name="username" /></td>
			</tr>
				<tr>
				<td>Password</td>
				<td><input type="password" name="password" /></td>
			</tr>
		</table>
		<input type="submit" value="Login" /></form>
</body>
</html>

Objašnjenje koda:

Code Redak 10: Ovdje uzimamo naziv obrasca koji ima akciju, tj. servlet kojem je proslijeđen je guru_login.java. Metoda kroz koju će proći svoj POST.

Code Redak 13-16: Ovdje uzimamo polje za unos "korisničko ime" koje je tipa tekst.

Code Redak 17-20: Ovdje uzimamo polje za unos "lozinka" koje je tipa lozinka.

Code Redak 22: Ovdje uzimamo gumb "pošalji" s vrijednošću "Prijava" na koji kliknemo, a zatim ide na servlet guru_login gdje se oba polja uzimaju pomoću objekta zahtjeva.

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;

/**
 * Servlet implementation class guru_login
 */
public class guru_login extends HttpServlet {

    public guru_login() {
        super();
        // TODO Auto-generated constructor stub
    }

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		if(username.isEmpty() || password.isEmpty() )
		{
			RequestDispatcher req = request.getRequestDispatcher("register_3.jsp");
			req.include(request, response);
		}
		else
		{
			RequestDispatcher req = request.getRequestDispatcher("register_4.jsp");
			req.forward(request, response);
		}
	}

}

Objašnjenje koda:

Code Redak 5-9: Ovdje uvozimo potrebne uvoze u kod.

Code Redak 14: Ovdje uzimamo guru_login servlet koji proširuje HttpServlet.

Code Redak 21: Ovdje koristimo doPost() metodu kao u obrascu koristimo POST metodu.

Code Redak 23-24: Ovdje uzimamo parametre koristeći objekt zahtjeva, tj. korisničko ime i lozinku.

Code Redak 25-29: Na ovaj način, uzimamo "if" uvjet gdje provjeravamo korisničko ime i lozinku jesu li prazni ili ne. U ovom slučaju ako je prazan tada dobivamo objekt requestdispatcher koji prosljeđuje register_3.jsp s objektima zahtjeva i odgovora.

Code Redak 30-34: Ovo će se izvršiti ako oba nisu prazna, tada prosljeđuje zahtjev u register_4.jsp s objektima zahtjeva i odgovora.

Primjer 2: Registar_4.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Guru Logged In</title>
</head>
<body>
	<table style="with: 50%">
	<tr><td>
	<% String username = request.getParameter("username"); %>
<a>Welcome   <% out.println(username); %> User!!!! You have logged in.</a></td></tr>
<tr></tr><tr><td></td><td></td><td><a href="register_3.jsp"><b>Logout</b></a></td></tr>
</table>
</body>
</html>

Objašnjenje koda:

Code Redak 12: Ovdje dobivamo parametar “korisničko ime” iz objekta zahtjeva u korisničkom imenu objekta niza.

Code Redak 13: Ovdje imamo poruku dobrodošlice s korisničkim imenom.

Code Redak 14: Ovdje se povezujemo na obrazac za odjavu koji preusmjerava na register_3.jsp.

Kada izvršite gornji kod, dobit ćete sljedeći izlaz:

Izlaz:

Ovdje kada kliknemo na register_3.jsp dobivamo dva polja "korisničko ime" i "lozinka" s gumbom za prijavu.

Nakon klika na gumb Prijava dobit ćete donju poruku s gumbom Odjava.

Kada kliknete na gumb za odjavu, vraćate se na stranicu za prijavu

Obrada JSP obrasca pomoću getParameter()

Obrada obrasca JSP:

Obrasci su uobičajena metoda u web obradi. Moramo poslati informacije na web poslužitelj i te informacije.

Postoje dvije najčešće korištene metode za slanje i vraćanje informacija na web poslužitelj.

GET metoda:

Ovo je zadana metoda za prijenos informacija iz preglednika na web poslužitelj.
Šalje kodirane informacije odvojene znakom ? dodanim na URL stranica.
Također ima ograničenje veličine i možemo poslati samo 1024 znaka u zahtjevu.
Trebali bismo izbjegavati slanje lozinki i osjetljivih informacija metodom GET.

POST metoda:

Post metoda je najpouzdanija metoda slanja informacija na poslužitelj.
Šalje informacije kao zasebnu poruku.
Šalje se kao tekstualni niz nakon znaka ? u URL.
Obično se koristi za slanje osjetljivih informacija.

JSP obrađuje podatke obrasca pomoću sljedećih metoda:

getParameter(): Koristi se za dobivanje vrijednosti parametra obrasca.
getParameterValues(): Koristi se za vraćanje višestrukih vrijednosti parametara.
getParameterNames(): Koristi se za dobivanje imena parametara.
getInputStream(): Koristi se za čitanje binarnih podataka koje šalje klijent.

Primjer:

U ovom primjeru uzeli smo obrazac s dva polja."korisničko ime" i "lozinka" s gumbom za slanje

Action_form.jsp

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Guru Form</title>
</head>
<body>
<form action="action_form_process.jsp" method="GET">
UserName: <input type="text" name="username">
<br />
Password: <input type="text" name="password" />
<input type="submit" value="Submit" />
</form>
</body>
</html>

Action_form_process.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<h1>Form Processing</h1>

<p><b>Welcome User:</b>
   <%= request.getParameter("username")%>
</p>

</body>
</html>

Objašnjenje koda: Action_form.jsp

Code Redak 10: Ovdje smo definirali formu i kroz koju smo radnju prenijeli na neku drugu JSP. U akcijskom parametru dodajemo taj JSP na koji se mora obraditi GET metodom.

Ovdje koristimo GET metodu za prosljeđivanje informacija tj. korisničkog imena i lozinke.

Code Redak 11-14: Ovdje uzimamo polja kao što su korisničko ime i lozinka koja su tekstualna polja, a unos dobivamo od korisnika.

Ovaj unos se može dohvatiti pomoću metode getParameter. Također, imamo gumb za slanje s tipom submit type koji nam pomaže da prenesemo vrijednosti polja u action_form_process.jsp

Action_form_process.jsp

Code Redak 14: Ovdje dobivamo vrijednosti polja za unos iz action_form.jsp pomoću metode getParameter objekta zahtjeva.

Kada izvršimo gornji kod, dobivamo sljedeći izlaz:

Izlaz:

Kada izvršimo action_form.jsp, dobivamo obrazac s dva polja korisničko ime i lozinka i gumb za slanje. Zatim, nakon unosa korisničkog imena i lozinke, možemo kliknuti na pošalji, a on se obrađuje na sljedeću stranicu koja daje izlaz kao stranica za obradu obrasca s poruka dobrodošlice.

Primjeri JSP programa: Obrazac za registraciju i prijavu

Korištenje obrasca za registraciju kroz JSP

Obrazac za prijavu i odjavu

Obrada JSP obrasca pomoću getParameter()

Obrada obrasca JSP:

GET metoda:

POST metoda:

Sažmite ovu objavu uz:

Prijavite se za bilten

Korištenje obrasca za registraciju kroz JSP

POVEZANI ČLANCI

Obrazac za prijavu i odjavu

Obrada JSP obrasca pomoću getParameter()

Obrada obrasca JSP:

GET metoda:

POST metoda:

Sažmite ovu objavu uz:

Prijavite se za bilten