728x90
아주 기본적인 로그인 페이지 구현을 했다.
loginForm에서 요일 마다 다른 이미지와
id, pw, 로그인 버튼을 구현했다.
loginForm.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@page import="java.util.Calendar"%>
<%
// API
Calendar today = Calendar.getInstance();
int n = today.get(Calendar.DAY_OF_WEEK);
// n : 1 ~ 7, 1 -> 일, 2 -> 월, ....
System.out.println(n);
String imgPath = null;
if(n == 1) {
imgPath = "../img/sun.png";
} else if(n == 2) {
imgPath = "../img/mon.png";
} else if(n == 3) {
imgPath = "../img/tue.png";
} else if(n == 4) {
imgPath = "../img/thu.png";
} else if(n == 5) {
imgPath = "../img/wed.png";
} else if(n == 6) {
imgPath = "../img/fri.png";
} else {
imgPath = "../img/sat.png";
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 메뉴 -->
<div>
<a href="../index.jsp">index</a>
</div>
<h1>loginForm</h1>
<form action="./loginAction.jsp">
<table border="1">
<tr>
<td colspan="2">
<img src="<%=imgPath%>">
</td>
</tr>
<tr>
<td>아이디</td>
<td>
<input type="text" name="id">
</td>
</tr>
<tr>
<td>비밀번호</td>
<td>
<input type="password" name="pw">
</td>
</tr>
<tr>
<td colspan="2">
<button type="submit">로그인</button>
</td>
</tr>
</table>
</form>
</body>
</html>
loginForm에서 입력한
id, pw 값을 request.getParameter()로 받고
임시로 userId, userPw를 문자열로 생성했다.
if문을 통해 id,pw와 userId,userPw가 일치하면
result 값을 로그인 성공으로,
실패하면 로그인 실패로 저장한다.
그 후 로그인 결과를 페이지에 나타내고
로그인이 성공했다면 로그아웃 버튼을 나타내 loginForm으로 돌아게 했다.
loginAction.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String id = request.getParameter("id");
String pw = request.getParameter("pw");
// DB에서 불러온 id와 pw
String userId = "admin";
String userPw = "1234";
String result = null;
if(id.equals(userId) && pw.equals(userPw)) {
result = "로그인 성공";
// 로그인 확인 후 진행될 프로세스 코드 구현....
} else {
result = "로그인 실패";
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 메뉴 -->
<div>
<a href="../index.jsp">index</a>
</div>
<h1>loginAction</h1>
<div>
<%=result%>
</div>
<!-- 로그인 성공 시 로그아웃 버튼 -->
<%
if(result.equals("로그인 성공")) {
%>
<form action="./loginForm.jsp">
<button type="submit">로그아웃</button>
</form>
<%
}
%>
</body>
</html>
728x90
'STUDY > JSP' 카테고리의 다른 글
| 20240307 주민번호 분석기 (0) | 2024.03.07 |
|---|---|
| 20240307 계산기 페이지 (0) | 2024.03.07 |
| 20240307 가위바위보 페이지 (0) | 2024.03.07 |
| 20240306_주사위 출력 (0) | 2024.03.06 |
| 20240306_숫자입력받고 홀짝구분하는 페이지 (0) | 2024.03.06 |
