0830 2일차 mybatis 1. 메인화면과 로그인, 로그아웃
main이 main이아니고 index가 index가 아닌것 같은...redirect를 다시접했으나 새로움...
화면에 출력되는 것은 없이 메인페이지로 연결되는 역
가장 기재하기 편한 위치에 인덱스가있고 인덱스를 호출하면 메인페이지가 연결된다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>마이 바티스 웹</title>
</head>
<body>
<jsp:include page="/WEB-INF/views/common/menuBar.jsp"></jsp:include>
<br><br>
<div>
<img alt="마이바티스 메인이미지" src="/resources/img/mybatis.png"></div>
</body>
</html>
--------------------------------------------------------------------------------
메뉴바 는 </jsp:include page=">으로 고정시켰다....클라이언트의 화면 이동요청....
페이지 마다 계속 활용되는 메뉴탑과 로그인 부분
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- c: if 쓰기 위해서 해야하는 것..taglib붙여 넣기와 tablibs-standead파일 4개 붙여 넣기 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.login-area {
height : 100px;
}
.btn-login {
height : 50px;
}
.nav-area {
background : gray;
height : 50px;
}
.menu {
display : table-cell;
width : 250px;
height : 50px;
text-align : center;
vertical-align : middle;
font-size : 20px;
background : gray;
color : black;
}
.menu:hover {
background : gold;
cursor : pointer;
}
</style>
</head>
<body>
<h1 align="center">Welcome to Mybatis Web</h1>
<br>
<div class="login-area">
<c:if test="${empty sessionScope.member }">
<form action="/member/login.do" method="post">
<table align="right">
<tr>
<td>아이디 : </td>
<td><input type="text" name="userId"></td>
<td rowspan="2"><button id="" class="btn-login">로그인</button></td>
</tr>
<tr>
<td>비밀번호 : </td>
<td><input type="password" name="userPwd"></td>
</tr>
<tr>
<td colspan="3">
<a href="/member/regist.do">회원가입</a>
<a href="#">아이디/비밀번호 찾기</a>
</td>
</tr>
</table>
</form>
</c:if>
<c:if test="${not empty sessionScope.member }">
<table align="right">
<tr>
<td colspan="2"><b>${sessionScope.member.memberName }</b>님 환영합니다.</td>
</tr>
<tr>
<td>
<button onclick="memberLogout();">로그아웃</button>
</td>
</tr>
</table>
</c:if>
</div>
<div class="nav-area">
<div class="menu" onclick="goHome();">Home</div>
<div class="menu" onclick="location.href='/member/list.do'">멤버목록</div>
<div class="menu" onclick="">강좌목록</div>
<div class="menu" onclick="">게시판</div>
<div class="menu" onclick="">ETC</div>
</div>
<br><br>
<script >
function goHome(){
location.href="/index.jsp"
//결국메인으로 간다....
}
function memberLogout(){
location.href="/member/logout.do"
}
</script>
</body>
</html>
id와 pwd를 화면에서 받았서 MemberServiceImpl()-->MemberStoreLogic에서 데이터를 받아아 오면된다.
HttpSession 로그인 유지하기때문에 로그아웃시 소멸 및 데이터가 공개됨으로 공개되어도 괜찮은 정보만 받아와야 한다.
