본문 바로가기
스마트인재개발원/JSP . SERVLET

[JSP] 로그인 페이지 만들기

by 죠졍니 2022. 10. 14.
728x90
반응형
SMALL

 


로그인 페이지 만들기

  • 로그인하는 페이지(html)
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>

	<form action="Ex11login.jsp">
	ID:<input type="text" name="id">
	<br>
	PW:<input type="password" name="pw">
	<br>
	<input type="submit" value="로그인">
	
	
	</form>
</body>
</html>

 

 

 

  • 로그인 조건에 맞는지 확인하는 페이지(jsp)
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<%
		String id = request.getParameter("id");
		String pw = request.getParameter("pw");
		
		
		%>
		<%if((id.equals("smart"))&(pw.equals("1234"))){ 
			
		response.sendRedirect("Ex11loginTrue.jsp?id="+id);
		} 
		else{
			response.sendRedirect("Ex11loginFalse.jsp");
		}%>
</body>
</html>

 

 

 

  • 로그인 성공시 페이지(jsp)
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<%
		String id = request.getParameter("id");
	%>
	<h1><%=id %>님 환영합니다!</h1>
</body>
</html>

 

-> 쿼리 스트링 이용하여 출력할 이름 붙여주기

  • 로그인 실패시 페이지(jsp)
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<h3>로그인정보를 다시 확인하세요</h3>
	
	<a href="Ex11login.html">로그인페이지</a>
	
	
</body>
</html>

 

로그인 실행화면

 

로그인 성공시

 

 

 

로그인 실패시

 

-> 로그인페이지 누르면 처음 로그인화면으로 돌아감

 

 

 

 

 

728x90
반응형
LIST