반응형
📌회원가입 뷰 페이지
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>
<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>
<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 |