공통링크를 페이지 상단에 추가해보자.
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
<title>Session login 구현 224p</title>
</head>
<body>
<jsp:include page="../common/Link.jsp"></jsp:include>
//link페이지 만든 거 추가해준다.
<h2>로그인 페이지</h2>
<span style="color : red; font-size : 1.2em;">
<%= request.getAttribute("LoginErrMsg") == null ?
"" : request.getAttribute("LoginErrMsg") %>
</span>
<%
if (session.getAttribute("UserId") == null){ //로그인 상태 확인
//로그아웃 상태
%>
<script>
function validateFrom(form){
if(!form.user_id.value){
alert("아이디를 입력하세요.");
return false;
}
if(form.user_pw.value == ""){
alert("패스워드를 입력하세요.");
return false;
}
}
</script>
<form action="LoginProcess.jsp" method="post" name="loginFrm" onsubmit="return validateFrom(this)";>
아이디 : <input type="text" name="user_id" /><br/>
패스워드 : <input type="password" name="user_pw" /><br/>
<input type="submit" value="로그인하기" /><br/>
</form>
<%
} else { //로그인된 상태
%>
<%= session.getAttribute("UserName") %> 회원님, 로그인 하셨습니다.<br/>
<a href = "Logout.jsp">[로그아웃]</a>
<%
}
%>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<table border="1" width="90%">
<tr>
<td align="center">
<%-- 로그인 여부에 따른 메뉴 변화--%>
<% if (session.getAttribute("UserId") == null){ %>
<a href="../06/LoginForm.jsp">로그인</a>
<% } else { %>
<a href="../06/Logout.jsp">로그아웃</a>
<% } %>
<%-- 8장과 9장의 회원제 게시판 프로젝트에서 사용할 링크--%>
<a href="08/List.jsp">게시판(페이징 x)</a>
<a href="09/List.jsp">게시판(페이징 ㅇ)</a>
</td>
</tr>
</table>
이렇게 공통링크가 로그인 페이지 위에 만들어졌다.