본문 바로가기
코딩/JSP 게시판

[JSP] JSP 게시판 만들기 7강 세션 관리하기

by 인생최적화 2020. 7. 12.
반응형

 

유튜브 동빈나님 JSP 게시판 강좌 따라하기 7강
세션 관리하기

 

 

세션은 현재 접속한 한 명의 회원에게 할당되는 고유한 ID입니다. 웹 서버는 한 명의 회원을 세션 ID로써 구분할 수 있습니다. 로그인을 하면 세션이 부여되어서 로그인을 하지 않았을 때와는 다른 화면을 제공할 수 있습니다. 이번 포스팅에서는 로그인을 했을 때와 회원가입을 하였을 때 세션을 부여하여 각각 보여지는 화면이 다르게 보이는 작업을 담았습니다.

 

 

# loginAction.jsp

 

 

먼저 로그인에 성공했을 때 세션을 부여하는 코드를 추가합니다

 

 

그리고 현재 접속한 세션이 있는지 체크하는 코드와 접속한 세션이 있다면 '이미 로그인이 되어 있습니다' 라는 알림창을 띄우고 'main.jsp' 페이지로 이동하는 코드를 추가합니다.

 

<%@page import="java.io.PrintWriter"%>
<%@page import="user.UserDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("utf-8"); %>
<jsp:useBean id="user" class="user.User" scope="page" />
<jsp:setProperty name="user" property="userID" />
<jsp:setProperty name="user" property="userPassword" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSP 게시판 웹 사이트</title>
</head>
<body>
	<%
		// 현재 세션 상태를 체크한다
		String userID = null;
		if(session.getAttribute("userID") != null){
			userID = (String)session.getAttribute("userID");
		}
		// 이미 로그인했으면 다시 로그인을 할 수 없게 한다
		if(userID != null){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('이미 로그인이 되어 있습니다')");
			script.println("location.href='main.jsp'");
			script.println("</script>");
		}
		UserDAO userDAO = new UserDAO();
		int result = userDAO.login(user.getUserID(), user.getUserPassword());
		if(result == 1){
			// 로그인에 성공하면 세션을 부여
			session.setAttribute("userID", user.getUserID());
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('로그인 성공')");
			script.println("location.href='main.jsp'");
			script.println("</script>");
		}else if(result == 0){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('비밀번호가 틀립니다')");
			script.println("history.back()");
			script.println("</script>");
		}else if(result == -1){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('존재하지 않는 아이디입니다')");
			script.println("history.back()");
			script.println("</script>");
		}else if(result == -2){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('데이터베이스 오류입니다')");
			script.println("history.back()");
			script.println("</script>");
		}
	%>
</body>
</html>

 

 

# joinAction.jsp

 

 

'loginAction.jsp' 페이지와 마찬가지로 회원가입에 성공했을 때 세션을 부여하는 코드를 추가합니다

 

 

그리고 위와 같이 '회원가입' 버튼을 눌렀을 때 세션 유무를 체크하고 세션값이 존재한다면 회원가입을 할 수 없게 알림창을 띄우고 'main.jsp' 페이지로 이동시키는 코드를 추가합니다

 

<%@page import="java.io.PrintWriter"%>
<%@page import="user.UserDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("utf-8"); %>
<jsp:useBean id="user" class="user.User" scope="page" />
<jsp:setProperty name="user" property="userID" />
<jsp:setProperty name="user" property="userPassword" />
<jsp:setProperty name="user" property="userName" />
<jsp:setProperty name="user" property="userGender" />
<jsp:setProperty name="user" property="userEmail" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSP 게시판 웹 사이트</title>
</head>
<body>
	<%
		// 현재 세션 상태를 체크한다
		String userID = null;
		if(session.getAttribute("userID") != null){
			userID = (String)session.getAttribute("userID");
		}
		// 이미 로그인했으면 회원가입을 할 수 없게 한다
		if(userID != null){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('이미 로그인이 되어 있습니다')");
			script.println("location.href='main.jsp'");
			script.println("</script>");
		}
	
		if(user.getUserID() == null || user.getUserPassword() == null || user.getUserName() == null ||
			user.getUserGender() == null || user.getUserEmail() == null){
			PrintWriter script = response.getWriter();
			script.println("<script>");
			script.println("alert('입력이 안 된 사항이 있습니다')");
			script.println("history.back()");
			script.println("</script>");
		}else{
			UserDAO userDAO = new UserDAO();
			int result = userDAO.join(user);
			if(result == -1){
				PrintWriter script = response.getWriter();
				script.println("<script>");
				script.println("alert('이미 존재하는 아이디입니다')");
				script.println("history.back()");
				script.println("</script>");
			}else {
				session.setAttribute("userID", user.getUserID());
				PrintWriter script = response.getWriter();
				script.println("<script>");
				script.println("alert('회원가입 성공')");
				script.println("location.href='main.jsp'");
				script.println("</script>");
			}
		}
	%>
</body>
</html>

 

 

# logoutAction.jsp

 

 

접속한 세션을 끊어주는 로그아웃 로직을 담당하는 페이지도 하나 작성합니다

 

 

# main.jsp

 

 

'login.jsp' 페이지를 복사해서 'main.jsp' 페이지를 생성합니다

 

 

메인 페이지로 이동했을 때에도 세션유무를 체크하여 각각 보여지는 화면이 다르게끔 코드를 추가합니다

 

 

기존에 'active' 영역이 로그인으로 되어 있었는데 메인 페이지이니 '메인'이 활성화 될 수 있게 'active' 영역을 옮깁니다

 

 

접속한 회원이 없을 때 보여주는 드랍다운 메뉴 영역

 

 

접속한 회원이 존재할 때 보여지는 드랍다운 메뉴 영역

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 화면 최적화 -->
<meta name="viewport" content="width-device-width", initial-scale="1">
<!-- 루트 폴더에 부트스트랩을 참조하는 링크 -->
<link rel="stylesheet" href="css/bootstrap.css">
<title>JSP 게시판 웹 사이트</title>
</head>
<body>
	<%
		// 메인 페이지로 이동했을 때 세션에 값이 담겨있는지 체크
		String userID = null;
		if(session.getAttribute("userID") != null){
			userID = (String)session.getAttribute("userID");
		}
	%>
	<nav class="navbar navbar-default"> <!-- 네비게이션 -->
		<div class="navbar-header"> 	<!-- 네비게이션 상단 부분 -->
			<!-- 네비게이션 상단 박스 영역 -->
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
				aria-expanded="false">
				<!-- 이 삼줄 버튼은 화면이 좁아지면 우측에 나타난다 -->
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<!-- 상단 바에 제목이 나타나고 클릭하면 main 페이지로 이동한다 -->
			<a class="navbar-brand" href="main.jsp">JSP 게시판 웹 사이트</a>
		</div>
		<!-- 게시판 제목 이름 옆에 나타나는 메뉴 영역 -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="main.jsp">메인</a></li>
				<li><a href="bbs.jsp">게시판</a></li>
			</ul>
			<%
				// 로그인 하지 않았을 때 보여지는 화면
				if(userID == null){
			%>
			<!-- 헤더 우측에 나타나는 드랍다운 영역 -->
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">
					<a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-haspopup="true"
						aria-expanded="false">접속하기<span class="caret"></span></a>
					<!-- 드랍다운 아이템 영역 -->	
					<ul class="dropdown-menu">
						<li><a href="login.jsp">로그인</a></li>
						<li><a href="join.jsp">회원가입</a></li>
					</ul>
				</li>
			</ul>
			<%
				// 로그인이 되어 있는 상태에서 보여주는 화면
				}else{
			%>
			<!-- 헤더 우측에 나타나는 드랍다운 영역 -->
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">
					<a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-haspopup="true"
						aria-expanded="false">회원관리<span class="caret"></span></a>
					<!-- 드랍다운 아이템 영역 -->	
					<ul class="dropdown-menu">
						<li><a href="logoutAction.jsp">로그아웃</a></li>
					</ul>
				</li>
			</ul>
			<%
				}
			%>
    	</div>
    </nav>       
	<!-- 부트스트랩 참조 영역 -->
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script src="js/bootstrap.js"></script>
</body>
</html>

 

 

# 실행 테스트

 

 

'main.jsp' 페이지를 실행시켰을 때는 세션이 없기 때문에 우측 상단에 '접속하기'를 누르면 '로그인'과 '회원가입' 메뉴가 나오는 것을 확인할 수 있습니다.

 

 

로그인을 해보겠습니다

 

 

로그인을 했더니 세션을 할당 받아서 이전과는 다르게 '로그아웃' 버튼만 보입니다

 

 

로그아웃 버튼을 눌렀고 정상적으로 로그아웃이 되었습니다

 

 

로그아웃을 했더니 세션이 끊겨서 다시 '로그인'과 '회원가입' 버튼이 생긴 것을 볼 수가 있고 이번에는 회원가입을 해서 세션이 잘 할당되는지 확인해보겠습니다

 

 

새로운 정보로 데이터를 입력한 뒤 회원가입을 합니다

 

 

회원가입이 정상적으로 되어서 세션을 할당받아 드랍다운 메뉴에 '로그아웃' 버튼만 보이는 것을 확인할 수 있습니다

 

이런식으로 세션ID를 부여함으로써 각각 보여지는 화면을 다르게 하여서 각 상황에 맞게 브라우저에 화면을 다르게 띄울 수 있도록 설정할 수가 있습니다

 

happy-inside.tistory.com/category/%EC%BD%94%EB%94%A9/JSP%20%EA%B2%8C%EC%8B%9C%ED%8C%90

 

'코딩/JSP 게시판' 카테고리의 글 목록

자기계발을 통해 인생을 최적화 시키는 개발자의 블로그입니다

happy-inside.tistory.com

 

 

자기계발하는 개발자

'인생최적화'

 

 

반응형
저작자표시

'코딩 > JSP 게시판' 카테고리의 다른 글

[JSP] JSP 게시판 만들기 9강 게시판 데이터베이스 구축  (4) 2020.07.14
[JSP] JSP 게시판 만들기 8강 게시판 메인 페이지 만들기  (3) 2020.07.13
[JSP] JSP 게시판 만들기 6강 회원가입 기능 구현하기  (3) 2020.07.11
[JSP] JSP 게시판 만들기 5강 회원가입 화면  (0) 2020.07.10
[JSP] JSP 게시판 만들기 4강 로그인 기능 구현하기  (21) 2020.07.09

관련글

댓글

티스토리툴바