[Spring][쇼핑몰 프로젝트][8] 로그인 기능 구현(페이지 데이터 처리)
https://kimvampa.tistory.com/122 순서 1. login.jsp (로그인 실패) 2. main.jsp (로그인 성공)
This commit is contained in:
SeoJin Kim
@@ -1,5 +1,7 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
@@ -22,8 +24,22 @@
|
||||
<h1>Search area</h1>
|
||||
</div>
|
||||
<div class="login_area">
|
||||
<div class="login_button"><a href="/member/login">로그인</a></div>
|
||||
<span><a href="/member/join">회원가입</a></span>
|
||||
|
||||
<!-- 로그인 하지 않은 상태 -->
|
||||
<c:if test = "${member == null }">
|
||||
<div class="login_button"><a href="/member/login">로그인</a></div>
|
||||
<span><a href="/member/join">회원가입</a></span>
|
||||
</c:if>
|
||||
|
||||
<!-- 로그인한 상태 -->
|
||||
<c:if test="${ member != null }">
|
||||
<div class="login_success_area">
|
||||
<span>회원 : ${member.memberName}</span>
|
||||
<span>충전금액 : <fmt:formatNumber value="${member.money }" pattern="\#,###.##"/></span>
|
||||
<span>포인트 : <fmt:formatNumber value="${member.point }" pattern="#,###" /></span>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
@@ -31,6 +32,11 @@
|
||||
<input class="pw_iput" name="memberPw">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<c:if test = "${result == 0 }">
|
||||
<div class = "login_warn">사용자 ID 또는 비밀번호를 잘못 입력하셨습니다.</div>
|
||||
</c:if>
|
||||
|
||||
<div class="login_button_wrap">
|
||||
<input type="button" class="login_button" value="로그인">
|
||||
</div>
|
||||
|
||||
@@ -80,6 +80,22 @@
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
/* 로그인 성공 영역 */
|
||||
.login_success_area{
|
||||
height: 62%;
|
||||
width: 80%;
|
||||
border: 2px solid #7474ad;
|
||||
border-radius: 15px;
|
||||
margin: 5% auto;
|
||||
padding-top: 5%;
|
||||
}
|
||||
.login_success_area>span{
|
||||
display : block;
|
||||
text-align: left;
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
|
||||
/* float 속성 해제 */
|
||||
.clearfix{
|
||||
clear: both;
|
||||
|
||||
@@ -76,6 +76,13 @@
|
||||
margin : auto;
|
||||
}
|
||||
|
||||
/* 로그인 실패시 경고글 */
|
||||
.login_warn{
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
color : red;
|
||||
}
|
||||
|
||||
/* float 속성 해제 */
|
||||
.clearfix{
|
||||
clear: both;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
#Generated by Maven Integration for Eclipse
|
||||
#Tue Dec 15 11:19:19 KST 2020
|
||||
#Fri Dec 18 16:56:19 KST 2020
|
||||
version=1.0.0-BUILD-SNAPSHOT
|
||||
groupId=com.vam
|
||||
m2e.projectName=VamPa
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
@@ -22,8 +24,22 @@
|
||||
<h1>Search area</h1>
|
||||
</div>
|
||||
<div class="login_area">
|
||||
<div class="login_button"><a href="/member/login">로그인</a></div>
|
||||
<span><a href="/member/join">회원가입</a></span>
|
||||
|
||||
<!-- 로그인 하지 않은 상태 -->
|
||||
<c:if test = "${member == null }">
|
||||
<div class="login_button"><a href="/member/login">로그인</a></div>
|
||||
<span><a href="/member/join">회원가입</a></span>
|
||||
</c:if>
|
||||
|
||||
<!-- 로그인한 상태 -->
|
||||
<c:if test="${ member != null }">
|
||||
<div class="login_success_area">
|
||||
<span>회원 : ${member.memberName}</span>
|
||||
<span>충전금액 : <fmt:formatNumber value="${member.money }" pattern="\#,###.##"/></span>
|
||||
<span>포인트 : <fmt:formatNumber value="${member.point }" pattern="#,###" /></span>
|
||||
</div>
|
||||
</c:if>
|
||||
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
@@ -31,6 +32,11 @@
|
||||
<input class="pw_iput" name="memberPw">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<c:if test = "${result == 0 }">
|
||||
<div class = "login_warn">사용자 ID 또는 비밀번호를 잘못 입력하셨습니다.</div>
|
||||
</c:if>
|
||||
|
||||
<div class="login_button_wrap">
|
||||
<input type="button" class="login_button" value="로그인">
|
||||
</div>
|
||||
|
||||
@@ -80,6 +80,22 @@
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
/* 로그인 성공 영역 */
|
||||
.login_success_area{
|
||||
height: 62%;
|
||||
width: 80%;
|
||||
border: 2px solid #7474ad;
|
||||
border-radius: 15px;
|
||||
margin: 5% auto;
|
||||
padding-top: 5%;
|
||||
}
|
||||
.login_success_area>span{
|
||||
display : block;
|
||||
text-align: left;
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
|
||||
/* float 속성 해제 */
|
||||
.clearfix{
|
||||
clear: both;
|
||||
|
||||
@@ -76,6 +76,13 @@
|
||||
margin : auto;
|
||||
}
|
||||
|
||||
/* 로그인 실패시 경고글 */
|
||||
.login_warn{
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
color : red;
|
||||
}
|
||||
|
||||
/* float 속성 해제 */
|
||||
.clearfix{
|
||||
clear: both;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
#Generated by Maven Integration for Eclipse
|
||||
#Tue Dec 15 11:19:20 KST 2020
|
||||
#Fri Dec 18 16:56:19 KST 2020
|
||||
version=1.0.0-BUILD-SNAPSHOT
|
||||
groupId=com.vam
|
||||
m2e.projectName=VamPa_MySQL
|
||||
|
||||
Reference in New Issue
Block a user