MVC 패턴(Model-View-Controller) 패턴
MVC 패턴의 기본 개념
- View – 사용자에게 보여주는 화면(html 파일)
- Model – 데이터 처리(Beans 즉 java 파일)
- Controller – 프로그램 로직(JSP, Servlet 파일)
웹 애플리케이션의 확장성과 유지보수 용이
MVC패턴으로 웹사이트에서 가장 기본인 회원가입페이지를 만들어보겠다.
우선 나눠서 글을 올려야겠다...
가장 먼저할것은 html로 전체적인 회원가입 폼을 만들고...-> 쳇 gpt에 만들어 달라고해도 됨.
첫번째 기능구현인 아이디중복체크!!!!!!!에 대한 기능구현 실습 정리
우선 idcheck.jsp (MVC에서 뷰역할) 파일을 따로 만들고...
당연히 회원가입폼 html=아이디 코드에
onclick="idCheck(mem_id.value)" 추가로 기재해야함
그리고 당연히 스크립트 추가를 해야함 → idcheck.js 파일!!!!
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!-- 추가 -->
<% request.setCharacterEncoding("UTF-8"); %>
<jsp:useBean id="mem" class="member.DBBean" scope="page"/>
<%
String mem_id = request.getParameter("mem_id");
int idCheck = mem.confirmId(mem_id); //idCheck가 1인경우:id가 중복인 경우
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>아이디중복확인 - IdCheck.jsp 페이지</title>
</head>
<body>
<table border="0" align="center">
<tr>
<td align="center">
<%
if(idCheck == 1) { //아이디가 중복인 경우
%>
<br>
<%= mem_id %>는 이미 존재하는 ID 입니다. <br><br>
<input type="button" value="닫기"
onClick="javascript:self.close();
openner.document.memberForm.mem_id.focus();"/>
<%
}else{ // 아이디가 사용가능할 경우
%>
<br>
<%= mem_id %>는 사용 가능한 ID 입니다. <br><br>
<input type="button" value="닫기"
onClick="javascript:self.close();
openner.document.memberForm.mem_passwd.focus();"/>
<% } %>
</td>
</tr>
</table>
</body>
</html>설명: 아이디가 중복인 경우 1로 처리한것은 MVC중 Model – 데이터 처리(Beans 즉 java 파일)에서 1은 중복, -1은 사용가능한 아이디로 해놨기 때문이다.
해당 파일에 대한거는 다음글에...올려야지..
mem_id는 아이디의 name을 지칭한다.
javascript로 함수구현을 한다. -따로 파일만듬 idcheck.js 파일
function idCheck(id) {
if(id == ''){
alert('아이디를 입력하시오')
}else {
url="idCheck.jsp?mem_id="+id; // 페이지불러옴 get방식 / ?이름"+값
window.open(url,"get","width=350, height=150"); //윈도우 창 만듬
}
}
괴발자가 될것인가, 개발자가 될것인가?