본문 바로가기

개발하자/JSP&Servlet

로그인,로그아웃,회원리스트,직원리스트보기

 session을 이용한 로그인유지와 로그아웃 하기 예제

메인화면입니다.(template.jsp)

로그인 버튼이 활성화 되어 있습니다. 버튼을 클릭하면 로그인 창이 나타납니다.

 

    디비연동없이 아이디와 비밀번호가 같으면 로그인이 되도록 해보았습니다.

 로그인성공하면 회원리스트와 직원리스트 클릭을 활성화 시킵니다.

그리고 로그인 버튼이 없어지고 로그아웃버튼이 생깁니다.

상단에는 현재 접속자가 세션에 저장되어 접속자 이름이 나타나게됩니다.

 회원리스트 클릭시 회원리스트보기가 나타납니다.

직원리스트 클릭시 직원리스트 보기가 나타납니다.

로그아웃 버튼 클릭시 제일 처음 창으로 되돌아갑니다.

 

welcome.jsp
===========================================

<%@ page language="java" contentType="text/html; charset=EUC-KR"
 pageEncoding="EUC-KR"%>
<%
String msg="로그인해주세요~";
if(session.getAttribute("id")!=null){
 msg="로그인성공";
}else if(session.getAttribute("msg")!=null){
 msg=(String)session.getAttribute("msg");
}
%>
<%=msg%>


top.jsp
=============================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
 pageEncoding="EUC-KR"%>
 
 <%
 String user="Guest";
 if(session.getAttribute("id")!=null){
  user=(String)session.getAttribute("id");
 }
 %>
<h1>서울IT교육센터</h1>
<div align="right"><%=user %>님 즐거운시간되세요~</div>

 

template.jsp
==============================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
 pageEncoding="EUC-KR"%>
<%
 String contentPage="welcome.jsp";
 if(request.getParameter("contentP")!=null)
 contentPage=request.getParameter("contentP");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
 table { width:500px; height:400px; }
 td { border:2px solid navy; }
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<table>
 <tr>
 <td colspan="2">
 <jsp:include page="top.jsp" />
 </td>
 </tr>
 <tr>
 <td>
 <jsp:include page="menu.jsp" />
 </td>

 <td>
 <jsp:include page="<%=contentPage%>" />
 </td>
 </tr>
</table>
</body>
</html>

 
menu.jsp
========================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
 pageEncoding="EUC-KR"%>
총방문자수:<br>
현재접속자수:<br>


<%
if(session.getAttribute("id")==null){
 %>
 <a>회원리스트</a><br>
 <a>직원리스트</a><br>
 <a href="template.jsp?contentP=loginForm.jsp">로그인</a><br>
 <%
}else{
%>
<a href="template.jsp?contentP=memberlist.jsp">회원리스트</a><br>
<a href="template.jsp?contentP=emplist.jsp">직원리스트</a><br>
 <a href="logout.jsp">로그아웃</a><br>
 <%
}
%>

memberlist.jsp
==========================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<select>
<option>구민정</option>
<option>이민정</option>
<option>김민정</option>
<option>서민정</option>
<option>강민정</option>
<option>박민정</option>
<option>고민정</option>
<option>연민정</option>
<option>여민정</option>
<option>신민정</option>
<option>홍민정</option>
</select>
</body>
</html>


logout.jsp
==========================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
session.invalidate();
response.sendRedirect("template.jsp");
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>

</body>
</html>


loginProcess.jsp
===========================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>

<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>

<%
String id=request.getParameter("id");
String pw=request.getParameter("pw");
if(id.equals(pw)){
 session.setAttribute("id", id);
 response.sendRedirect("template.jsp");
 %>
<%}else{
 session.setAttribute("msg", "로그인실패");
 response.sendRedirect("template.jsp");
}
%>
</body>
</html>


loginForm.jsp
===============================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
 pageEncoding="EUC-KR"%>

 <form action="loginProcess.jsp">
 ID:<input type="text" name="id"><br>
 PW:<input type="text" name="pw"><br>
 <input type="submit" value="로그인">
 </form>
 
 
emplist.jsp
==============================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!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=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<select>
<option>SMITH</option>
<option>ALLEN</option>
<option>WARD</option>
<option>JONES</option>
<option>MARTIN</option>
<option>BLAKE</option>
<option>CLARK</option>
<option>SCOTT</option>
<option>KING</option>
<option>TURNER</option>
<option>ADAMS</option>
<option>JAMES</option>
<option>FORD</option>
<option>MILLER</option>
</select>
</body>
</html>