[JAVA] 20230309 JAVA 실습 회원가입 페이지 만들기

Notice

Recent Posts

Recent Comments

Link

« 2025/06 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Tags more

Archives

Today

Total

관리 메뉴

me made it !

[JAVA] 20230309 JAVA 실습 회원가입 페이지 만들기 본문

TIL/JAVA

[JAVA] 20230309 JAVA 실습 회원가입 페이지 만들기

yeoney 2023. 3. 9. 16:31

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원가입</title>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
		//자동실행영역
});
function check(){
	//alert("각 값이 있는지 체크하는 구문을 만들어보세요");	
	
	if ($("#memberId").val() == ""){
		alert("아이디를 입력하세요");
		$("#memberId").focus();
		return;
	}else if ($("#memberPwd").val() == ""){
		alert("비밀번호를 입력하세요");
		$("#memberPwd").focus();
		return;
	}else if ($("#memberPwd2").val() == ""){
		alert("비밀번호 확인을 입력하세요");
		$("#memberPwd2").focus();
		return;
	}else if ($("#memberPwd").val() != $("#memberPwd2").val()){
		alert("비밀번호가 일치하지 않습니다");
		$("#memberPwd2").val("");
		$("#memberPwd2").focus();
		return;
	}else if ($("#memberName").val() == ""){
		alert("이름을 입력하세요");
		$("#memberName").focus();
		return;
	}else if ($("#memberPhone").val() == ""){
		alert("전화번호를 입력하세요");
		$("#memberPhone").focus();
		return;
	}else if ($("#memberEmail").val() == ""){
		alert("이메일을 입력하세요");
		$("#memberEmail").focus();
		return;
	}else if ($("#memberBirth").val() == ""){
		alert("생년월일을 입력하세요");
		$("#memberBirth").focus();
		return;
	}else if ($.isNumeric($("#memberBirth").val())  ==false){
		alert("숫자만입력하세요");
		$("#memberBirth").val("");
		$("#memberBirth").focus();
		return;
	}
//	else if ($("#memberIdCheck").val() != "Y"){
//		alert("아이디 중복체크를 하세요");
//		$("#memberId").focus();
//		return;
//	}	
	
	var fm = document.frm;
	//이 경로로 데이터를 감추어서 전송한다
	fm.action ="memberJoinAction.jsp";
	fm.method = "post";
	fm.submit();
	
	return;
}	

function idCheck(){
//	alert("아이디 체크창입니다.");	
	let memberId = $("#memberId").val();
	
	$.ajax({
		url: "json3.jsp",		
		method: "POST",
		data: {"memberId": memberId },
		dataType: "json",
		success : function(data){	
			if (data.idYn =="Y"){
				alert("사용가능한 아이디입니다.");
				$("#memberIdCheck").val("Y");
			}else{
				alert("사용불가한 아이디 입니다");
			}	
		},
		error : function(request,status,error){
			alert("다시 시도하시기 바랍니다.");		
		}		
	});	
	
	return;
}
</script>
</head>
<body>
회원가입 페이지
<form name="frm" id="frm">
<table style="border:1px solid #CCC;width:500px">
<tr>
<td>아이디</td>
<td>
<input type="text" name="memberId" id="memberId">
<input type="button"  id="memberIdCheck"  value="아이디 중복체크" onclick="idCheck();">
</td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" name="memberPwd" id="memberPwd"></td>
</tr>
<tr>
<td>비밀번호 확인</td>
<td><input type="password" name="memberPwd2" id="memberPwd2"></td>
</tr>
<tr>
<td>이름</td>
<td><input type="text" name="memberName" id="memberName"></td>
</tr>
<tr>
<td>전화번호</td>
<td><input type="text" name="memberPhone" id="memberPhone"></td>
</tr>
<tr>
<td>이메일</td>
<td><input type="text" name="memberEmail" id="memberEmail"></td>
</tr>
<tr>
<td>성별</td>
<td>
<input type="radio" name="memberGender" id="memberMale"  value="남성" checked>남성
<input type="radio" name="memberGender" id="memberFeMale" value="여성">여성
</td>
</tr>
<tr>
<td>주소</td>
<td>
<select name="memberAddr" id="memberAddr">
<option value="서울">서울</option>
<option value="대전">대전</option>
<option value="전주"   selected>전주</option>
</select>
</td>
</tr>
<tr>
<td>생년월일</td>
<td>
<input type="text" name="memberBirth"  id="memberBirth">
(ex 19990101)
</td>
</tr>
<tr>
<td></td>
<td><input type="button" name="btn"  id="btn" value="확인" onclick="check();"></td>
</tr>
</table>
</form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
 
      
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
회원목록
<table border=1>
<tr>
<td>회원번호</td>
<td>회원아이디</td>
<td>회원이름</td>
<td>탈퇴여부</td>
<td>가입일</td>
</tr>
<tr>
<td>1</td>
<td>TEST</td>
<td>회원이름</td>
<td>탈퇴여부</td>
<td>가입일</td>
</tr>
<tr>
<td>2</td>
<td>TEST</td>
<td>회원이름</td>
<td>탈퇴여부</td>
<td>가입일</td>
</tr>
</table>

</body>
</html>

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@page import ="java.sql.*" %>
<%
 request.setCharacterEncoding("UTF-8");
 
 
 String memberId = request.getParameter("memberId");

 String memberPwd = request.getParameter("memberPwd");  
 String memberName = request.getParameter("memberName");  
 String memberPhone = request.getParameter("memberPhone");
 String memberEmail = request.getParameter("memberEmail");  
 String memberGender = request.getParameter("memberGender");  
 String memberAddr = request.getParameter("memberAddr");  
 String memberBirth = request.getParameter("memberBirth");

 out.println("아이디는?"+memberId+"<br>" );
 out.println("비밀번호는?"+memberPwd+"<br>");
 out.println("이름은?"+memberName+"<br>");
 out.println("전화번호는?"+memberPhone+"<br>");
 out.println("이메일?"+memberEmail+"<br>");
 out.println("성별은?"+memberGender+"<br>");
 out.println("주소는?"+memberAddr+"<br>");
 out.println("생년월일은?"+memberBirth+"<br>");

 
 
 
 String url= "jdbc:oracle:thin:@127.0.0.1:1521:xe";
 String user="system";
 String password="1234";
 Class.forName("oracle.jdbc.driver.OracleDriver");	//동적로딩 - 메모리에 올린다
 Connection conn = DriverManager.getConnection(url, user, password);	//DB와 접속시킨다.
 out.println("연결객체주소는?"+conn);
 
 
 
 String sql ="INSERT INTO member1230(midx,memberId,memberPwd,memberName,memberEmail,memberGender,memberAddr,memberBirth,ip)"+
	       "VALUES(midx_seq.nextval,'"+memberId+"','"+memberPwd+"','"+memberName+"','"+memberEmail+"','"+memberGender+"','"+memberAddr+"','"+memberBirth+"',null)";
 // 구문 쿼리클래스
 Statement stmt = conn.createStatement();
 stmt.execute(sql);
 
 stmt.close();
 conn.close();
 
 //값을 넘겨받고 연결을 한 후에 쿼리를 실행한다
 
 %>      
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
       
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
a:link{
text-decoration:none;
}

</style>
</head>
<body>
게시판 목록
<form name="frm" action="<%=request.getContextPath() %>/board/boardList.do" method="post">
<table border=0 style="text-align:left;width:800px;">
<tr>
<td style="width:600px;"></td>
<td>
<select name="searchType">
<option value="subject">제목</option>
<option value="writer">작성자</option>
</select>
</td>
<td><input type="text" name="keyword" size="10"></td>
<td><input type="submit" name="submit" value="검색"></td>
</tr>
</table>
</form>
<table border=1 style="text-align:left;width:800px;">
<tr>
<td>게시물번호</td>
<td>제목</td>
<td>작성자</td>
<td>날짜</td>
<td>조회수</td>
</tr>
<tr>
<td>1</td>
<td>제목</td>
<td>작성자</td>
<td>날짜</td>
<td>조회수</td>
</tr>
<td>2</td>
<td>제목</td>
<td>작성자</td>
<td>날짜</td>
<td>조회수</td>
</tr>
</table>
<table border=0 style="width:300px;width:800px;">
<tr>
<td style="text-align:right;">
◀
</td>
<td style="text-align:center;width:300px;">
1 2 3 4 5 6 7 8 9 10
</td>
<td style="width:200px;text-align:left;">
▶
</td>
</tr>
</table>


<a href="<%=request.getContextPath()%>/board/boardWrite.do">글쓰기</a>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
내용보기
<table  border=1 style="width:500px;">
<tr>
<td style="width:50px;">제목</td>
<td>  조회수</td>
</tr>
<tr>
<td>파일다운로드</td>
<td></td>
</tr>
<tr>
<td>이미지</td>
<td></td>
</tr>


<tr>
<td style="height:200px;">내용</td>
<td></td>
</tr>
<tr>
<td>작성자</td>
<td></td>
</tr>
<tr>
<td colspan=2 style="text-align:right;">
<button>수정</button>
<button>삭제</button>
<button>답변</button>
<button>목록</button>
</td>
</tr>
</table>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check(){	

	var fm = document.frm;	
	if (fm.password.value == "" ){
		alert("비밀번호를 입력하세요");
		fm.password.focus();
		return;
	}
	
	fm.action = "<%=request.getContextPath()%>/board/boardDeleteAction.do";
	fm.method="post";
	fm.submit();
	return;
}


</script>


</head>
<body>
삭제페이지입니다
<table border=1 style="width:500px;">
<tr>
<td>비밀번호</td>
<td><input type="password" name="password"></td>
</tr>
<tr><td colspan=2>
<input type="button" name="btn"  value="확인" onclick="check();">
</td></tr>
</table>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글수정화면</title>
<script type="text/javascript">
function check(){	

	var fm = document.frm;	
	if (fm.subject.value == "" ){
		alert("제목을 입력하세요");
		fm.subject.focus();
		return;
	}else if (fm.contents.value == ""){
		alert("내용을 입력하세요");
		fm.contents.focus();
		return;
	}else if (fm.writer.value == ""){
		alert("작성자를 입력하세요");
		fm.writer.focus();
		return;
	}
	
	fm.action = "<%=request.getContextPath()%>/board/boardWriteAction.do";
	fm.method="post";
	fm.submit();
	return;
}


</script>
</head>
<body>
게시판 글수정
<form name="frm">
<table  border=1 style="width:500px;">
<tr>
<td>제목</td>
<td><input type="text" name="subject"></td>
</tr>
<tr>
<td>내용</td>
<td><textarea name="contents" cols="50"  rows="5"></textarea></td>
</tr>
<tr>
<td>작성자</td>
<td><input type="text" name="writer" maxlength=5></td>
</tr>
<tr>
<td>파일첨부</td>
<td><input type="file" name="filename"></td>
</tr>

<tr><td colspan=2>
<input type="button" name="btn"  value="확인" onclick="check();">
<input type="reset" name="rst" value="리셋">
</td></tr>

</table>
</form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글답변화면</title>
<script type="text/javascript">
function check(){	

	var fm = document.frm;	
	if (fm.subject.value == "" ){
		alert("제목을 입력하세요");
		fm.subject.focus();
		return;
	}else if (fm.contents.value == ""){
		alert("내용을 입력하세요");
		fm.contents.focus();
		return;
	}else if (fm.writer.value == ""){
		alert("작성자를 입력하세요");
		fm.writer.focus();
		return;
	}
	
	fm.action = "<%=request.getContextPath()%>/board/boardWriteAction.do";
	fm.method="post";
	
	fm.submit();
	return;
}


</script>
</head>
<body>
게시판 글답변
<form name="frm">
<table  border=1 style="width:500px;">
<tr>
<td>제목</td>
<td><input type="text" name="subject"></td>
</tr>
<tr>
<td>내용</td>
<td><textarea name="contents" cols="50"  rows="5"></textarea></td>
</tr>
<tr>
<td>작성자</td>
<td><input type="text" name="writer" maxlength=5></td>
</tr>
<tr>
<td>파일첨부</td>
<td><input type="file" name="filename"></td>
</tr>

<tr><td colspan=2>
<input type="button" name="btn"  value="확인" onclick="check();">
<input type="reset" name="rst" value="리셋">
</td></tr>

</table>
</form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글쓰기화면</title>
<script type="text/javascript">
function check(){	

	var fm = document.frm;	
	if (fm.subject.value == "" ){
		alert("제목을 입력하세요");
		fm.subject.focus();
		return;
	}else if (fm.contents.value == ""){
		alert("내용을 입력하세요");
		fm.contents.focus();
		return;
	}else if (fm.writer.value == ""){
		alert("작성자를 입력하세요");
		fm.writer.focus();
		return;
	}
	
	fm.action = "<%=request.getContextPath()%>/board/boardWriteAction.do";
	fm.method="post";
	fm.enctype ="multipart/form-data";
	fm.submit();
	return;
}


</script>
</head>
<body>
게시판 글쓰기
<form name="frm">
<table  border=1 style="width:500px;">
<tr>
<td>제목</td>
<td><input type="text" name="subject"></td>
</tr>
<tr>
<td>내용</td>
<td><textarea name="contents" cols="50"  rows="5"></textarea></td>
</tr>
<tr>
<td>작성자</td>
<td><input type="text" name="writer" maxlength=5></td>
</tr>
<tr>
<td>파일첨부</td>
<td><input type="file" name="filename"></td>
</tr>

<tr><td colspan=2>
<input type="button" name="btn"  value="확인" onclick="check();">
<input type="reset" name="rst" value="리셋">
</td></tr>

</table>
</form>
</body>
</html>

저작자표시 비영리 변경금지 (새창열림)

'TIL > JAVA' 카테고리의 다른 글

[JAVA] java.lang.ArithmeticException: 예외처리 하는 법 (0)	2023.03.15
[JAVA] 20230310 JAVA 예외처리구문, 스레드 (0)	2023.03.10
[JAVA] 20230306 JAVA 오버라이드, 업캐스팅 (0)	2023.03.06
[JAVA] 20230303 JAVA 추상클래스 (0)	2023.03.03
[JAVA] 20230302 JAVA 배열, 다형성 (0)	2023.03.02

'TIL/JAVA' Related Articles

me made it !

[JAVA] 20230309 JAVA 실습 회원가입 페이지 만들기 본문

[JAVA] 20230309 JAVA 실습 회원가입 페이지 만들기

'TIL > JAVA' 카테고리의 다른 글

티스토리툴바