[JSP & Servlet] 회원 관리 - View

📌회원가입 뷰 페이지

joinForm.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	#joinformArea{
		width : 400px;
		margin : auto;
		border : 1px solid gray;
	}
	table{
		width : 380px;
		margin :  auto;
		text-align: center;
	}
</style>
</head>
<body>
<section id = "joinformArea">
<form name="joinform" action="./memberJoinAction.me" method="post">
<table>
	<tr>
		<td colspan="2">
			<h1>회원 가입</h1>
		</td>
	</tr>
	<tr>
		<td><label for = "MEMBER_ID">아이디 : </label> </td>
		<td><input type="text" name="MEMBER_ID" id = "MEMBER_ID"/></td>
	</tr>
	<tr>
		<td><label for = "MEMBER_PW">비밀번호 : </label></td>
		<td><input type="password" name="MEMBER_PW" id = "MEMBER_PW"/></td>
	</tr>
	<tr>
		<td><label for = "MEMBER_NAME">이름 : </label></td>
		<td><input type="text" name="MEMBER_NAME" id = "MEMBER_NAME"/></td>
	</tr>
	<tr>
		<td><label for = "MEMBER_AGE">나이 : </label></td>
		<td><input type="text" name="MEMBER_AGE" maxlength="2" id = "MEMBER_AGE"/></td>
	</tr>
	<tr>
		<td><label for = "MEMBER_GENDER">성별 : </label></td>
		<td>
			<input type="radio" name="MEMBER_GENDER" value="남" checked="checked" id = "MEMBER_GENDER"/>남자
			<input type="radio" name="MEMBER_GENDER" value="여"/>여자
		</td>
	</tr>
	<tr>
		<td><label for = "MEMBER_EMAIL">이메일 주소 : </label></td>
		<td><input type="text" name="MEMBER_EMAIL" id = "MEMBER_EMAIL"/></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="javascript:joinform.submit()">제출</a>&nbsp;&nbsp;
			<a href="javascript:joinform.reset()">다시 작성</a>
		</td>
	</tr>
</table>
</form>
</section>
</body>
</html>

📌로그인 뷰 페이지

loginForm.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인</title>
<style>
	#loginformArea{
	    margin : auto;
		width : 400px;
		border : 1px solid gray;
	}
	table{
		width : 380px;
		margin : auto;
		text-align: center;
	}
</style>
</head>
<body>
<section id = "loginformArea">
<form name="loginform" action="./memberLoginAction.me" method="post">
<table>
	<tr>
		<td colspan="2">
			<h1>로그인</h1>
		</td>
	</tr>
	<tr><td><label for = "MEMBER_ID">아이디 : </label></td><td><input type="text" name="MEMBER_ID" id = "MEMBER_ID"/></td></tr>
	<tr><td><label for = "MEMBER_PW">비밀번호 : </label></td><td><input type="password" name="MEMBER_PW" id = "MEMBER_PW"/></td></tr>
	<tr>
		<td colspan="2">
			<a href="javascript:loginform.submit()">로그인</a>&nbsp;&nbsp;
			<a href="memberJoin.me">회원가입</a>
		</td>
	</tr>
</table>
</form>
</section>
</body>
</html>

📌회원 목록 List 뷰 페이지

MemberLisr.jsp

 <%@page import="vo.MemberBean"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ page import="java.util.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>관리자 모드-회원 목록 관리</title>
<style>
	#memberListArea{
		width : 400px;
		border : 1px solid gray;
		margin : auto;
	}
	table{
		width : 380px;
		margin : auto;
		text-align: center;
	}
</style>
</head>
<body>
<section id = "memberListArea">
<table>
	<tr>
		<td colspan=2><h1>관리자 모드-회원 목록</h1></td>
	</tr>
	<c:forEach var = "member" items = "${memberList}">
	<tr>
		<td>
			<a href="memberViewAction.me?id=${member.MEMBER_ID}">
				${member.MEMBER_ID}
			</a>
		</td>
		<td>
		<a href="memberDeleteAction.me?id=${member.MEMBER_ID}">삭제</a>
		</td>
	</tr>
	</c:forEach>
</table>
</section>
</body>
</html>

📌회원 상세 정보 뷰 페이지

memberInfo.java

 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>관리자 모드-회원 정보</title>
<style>
	#memberInfoArea{
		width : 400px;
		margin : auto;
		border : 1px solid gray;
	}
	table{
		width : 380px;
		margin : auto;
		text-align: center;
	}
</style>
</head>
<body>
 
<section id = "memberInfoArea">
<table>
	<tr>
		<td>아이디 : </td>
		<td>${member.MEMBER_ID }</td>
	</tr>
	<tr>
		<td>비밀번호 : </td>
		<td>${member.MEMBER_PW}</td>
	</tr>
	<tr>
		<td>이름 : </td>
		<td>${member.MEMBER_NAME}</td>
	</tr>
	<tr>
		<td>나이 : </td>
		<td>${member.MEMBER_AGE}</td>
	</tr>
	<tr>
		<td>성별 : </td>
		<td>${member.MEMBER_GENDER}</td>
	</tr>
	<tr>
		<td>이메일 주소 : </td>
		<td>${member.MEMBER_EMAIL}</td>
	</tr>
	<tr>
		<td colspan=2>
			<a href="memberListAction.me">리스트로 돌아가기</a>
		</td>
	</tr>
</table>
</section>
</body>
</html>

저작자표시

'JSP & Servlet > 실습' 카테고리의 다른 글

[JSP & Servlet] 프로젝트 관리 (0)	2022.07.14
요청(request) URL 정보 추출하기 (0)	2022.07.12
[JSP & Servlet] 회원 관리 - Service / DAO (0)	2022.07.03
[JSP & Servlet] 회원 관리 - Action (0)	2022.07.03
[JSP & Servlet] 회원 관리 - controller (0)	2022.07.03

📌회원가입 뷰 페이지
📌로그인 뷰 페이지
📌회원 목록 List 뷰 페이지
📌회원 상세 정보 뷰 페이지

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

[JSP & Servlet] 회원 관리 - View

📌회원가입 뷰 페이지

📌로그인 뷰 페이지

📌회원 목록 List 뷰 페이지

📌회원 상세 정보 뷰 페이지

'JSP & Servlet > 실습' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역

	<%@ page language="java" contentType="text/html; charset=UTF-8"%>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
	<style>
	#joinformArea{
	width : 400px;
	margin : auto;
	border : 1px solid gray;
	}
	table{
	width : 380px;
	margin : auto;
	text-align: center;
	}
	</style>
	</head>
	<body>
	<section id = "joinformArea">
	<form name="joinform" action="./memberJoinAction.me" method="post">
	<table>
	<tr>
	<td colspan="2">
	<h1>회원 가입</h1>
	</td>
	</tr>
	<tr>
	<td><label for = "MEMBER_ID">아이디 : </label> </td>
	<td><input type="text" name="MEMBER_ID" id = "MEMBER_ID"/></td>
	</tr>
	<tr>
	<td><label for = "MEMBER_PW">비밀번호 : </label></td>
	<td><input type="password" name="MEMBER_PW" id = "MEMBER_PW"/></td>
	</tr>
	<tr>
	<td><label for = "MEMBER_NAME">이름 : </label></td>
	<td><input type="text" name="MEMBER_NAME" id = "MEMBER_NAME"/></td>
	</tr>
	<tr>
	<td><label for = "MEMBER_AGE">나이 : </label></td>
	<td><input type="text" name="MEMBER_AGE" maxlength="2" id = "MEMBER_AGE"/></td>
	</tr>
	<tr>
	<td><label for = "MEMBER_GENDER">성별 : </label></td>
	<td>
	<input type="radio" name="MEMBER_GENDER" value="남" checked="checked" id = "MEMBER_GENDER"/>남자
	<input type="radio" name="MEMBER_GENDER" value="여"/>여자
	</td>
	</tr>
	<tr>
	<td><label for = "MEMBER_EMAIL">이메일 주소 : </label></td>
	<td><input type="text" name="MEMBER_EMAIL" id = "MEMBER_EMAIL"/></td>
	</tr>
	<tr>
	<td colspan="2">
	<a href="javascript:joinform.submit()">제출</a>
	<a href="javascript:joinform.reset()">다시 작성</a>
	</td>
	</tr>
	</table>
	</form>
	</section>
	</body>
	</html>

	<%@page import="vo.MemberBean"%>
	<%@ page language="java" contentType="text/html; charset=UTF-8"%>
	<%@ page import="java.util.*" %>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>관리자 모드-회원 목록 관리</title>
	<style>
	#memberListArea{
	width : 400px;
	border : 1px solid gray;
	margin : auto;
	}
	table{
	width : 380px;
	margin : auto;
	text-align: center;
	}
	</style>
	</head>
	<body>
	<section id = "memberListArea">
	<table>
	<tr>
	<td colspan=2><h1>관리자 모드-회원 목록</h1></td>
	</tr>
	<c:forEach var = "member" items = "${memberList}">
	<tr>
	<td>
	<a href="memberViewAction.me?id=${member.MEMBER_ID}">
	${member.MEMBER_ID}
	</a>
	</td>
	<td>
	<a href="memberDeleteAction.me?id=${member.MEMBER_ID}">삭제</a>
	</td>
	</tr>
	</c:forEach>
	</table>
	</section>
	</body>
	</html>