본문 바로가기
study/MVC

[MVC] 16. MVC Model1 방식 - 회원가입 (로그인)

by 금이패런츠 2022. 4. 7.
728x90
반응형

1. 아이디, 비밀번호를 파라미터를 변수 저장
2. db 정보를 읽기.id에 해당하는 db정보를 읽어서 Member 객체에 저장
   Member MemberDao.selectOne(id);
3. 아이디와 비밀번호 검증.
   -아이디가 없는 경우                    => 아이디가 없습니다. 메세지확인. loginForm.jsp 페이지 이동
   -아이디 존재. 비밀번호가 틀린경우 => 비밀번호오류 메세지 확인. loginForm.jsp 페이지 이동
   -아이디 존재. 비밀번호가 맞는경우 => 정상적인 로그인. session 객체에 로그인 정보 저장. main.jsp 페이지 이동.

<%@page import="model.MemberDao"%>
<%@page import="model.Member"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%--src/main/webapp/medel1/member/login.jsp --%>   
<%--
	1. 아이디, 비밀번호를 파라미터를 변수 저장
	2. db 정보를 읽기.id에 해당하는 db정보를 읽어서 Member 객체에 저장
	   Member MemberDao.selectOne(id);
	3. 아이디와 비밀번호 검증.
	   -아이디가 없는 경우 	         => 아이디가 없습니다. 메세지확인. loginForm.jsp 페이지 이동
	   -아이디 존재. 비밀번호가 틀린경우 => 비밀번호오류 메세지 확인. loginForm.jsp 페이지 이동
	   -아이디 존재. 비밀번호가 맞는경우 => 정상적인 로그인. session 객체에 로그인 정보 저장. main.jsp 페이지 이동.
 --%>
 
<%  //1. 아이디, 비밀번호를 파라미터를 변수 저장
	String id = request.getParameter("id");
	String pass = request.getParameter("pass");
	
	//2. db 정보를 읽기.id에 해당하는 db정보를 읽어서 Member 객체에 저장
	Member mem = new MemberDao().selectOne(id);
	
	//3. 아이디와 비밀번호 검증.
	if(mem == null) {
%>		
<script>
	alert('아이디가 틀립니다.')
	location.href='loginForm.jsp'
</script>	
 <% } else if (!pass.equals(mem.getPass())) { %>
 <script>
	alert('비밀번호가 틀립니다.')
	location.href='loginForm.jsp'
</script>
<% } else { 
	session.setAttribute("login", id);
	response.sendRedirect("main.jsp");
 } %>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%-- src/main/webapp/medel1/member/loginForm.jsp --%>    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인 화면</title>
<link rel="stylesheet" href="../../css/main.css" >
<script type="text/javascript">
   function inputcheck(f) {
	   if(f.id.value == '') {
		   alert("아이디를 입력하세요");
		   f.id.focus();
		   return false;
	   }
	   if(f.id.value.length < 4) {
		   alert("아이디는 4자리 이상 입력하세요");
		   f.id.focus();
		   return false;
	   }
	   if(f.pass.value == '') {
		   alert("비밀번호를 입력하세요");
		   f.pass.focus();
		   return false;
	   }
	   return true;
   }
   function win_open(page) {
	   var op = "width=500, height=350, left=50,top=150";
	   open(page+".jsp","",op);
   }
</script>
</head>
<body>
<form action="login.jsp" method="post" name="f" 
                     onsubmit="return inputcheck(this)">
<table><caption>로그인</caption>
<tr><th>아이디</th><td><input type="text" name="id"></td></tr>
<tr><th>비밀번호</th><td><input type="password" name="pass"></td></tr>
<tr><td colspan="2">
  <input type="submit" value="로그인">
  <input type="button" value="회원가입" 
      onclick="location.href='joinForm.jsp'">
  <input type="button" value="아이디찾기"  
                                   onclick="win_open('idForm')">
  <input type="button" value="비밀번호찾기" 
                                  onclick="win_open('pwForm')">      
</td></tr></table></form></body></html>

 

728x90
반응형