JSP

 

 

 

 

 

 

 

 

MemberInfo.jsp

<%@page import="model.MemberBean"%>
<%@page import="model.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="Header.jsp" />
</head>
<body>
	<!-- 1.데이터 베이스에서 한회원의 정보를 가져옴 2. table태그를 이용하며 화면에 회원의 정보를 출력 -->
<%
	String id =request.getParameter("id");	//memberlist id 를 받아줌

	MemberDAO mdao =new MemberDAO();
	MemberBean mbean = mdao.oneSelectMember(id); //해당하는 id의 화원정보를 리턴

%>
<div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" href="#">Macaronics.net</a>
        </div>     
</div>

<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<div class="col-sm-2"></div>
				<div class="col-sm-9">
					<h2 class="text-center">회원 정보 보기</h2>
					<table class="table table-striped">
					  <tr>
						<td>아이디</td>
						<td><%= mbean.getId() %></td>
					  </tr>
					  
					  <tr>
						<td>이메일</td>
						<td><%= mbean.getEmail() %></td>
					  </tr>
					  
					  <tr>
						<td>전화</td>
						<td><%= mbean.getTel() %></td>
					  </tr>
					  
					  <tr>
						<td>취미</td>
						<td><%= mbean.getHobby() %></td>
					  </tr>
					  
					  <tr>
						<td>직업</td>
						<td><%= mbean.getJob() %></td>
					  </tr>
					  
					 <tr>
						<td>나이</td>
						<td><%= mbean.getAge() %></td>
					  </tr>
					  
					  <tr>
						<td>정보</td>
						<td><%= mbean.getInfo() %></td>
					  </tr>
					  
					<tr>
						 <td class="text-center" colspan="2">
<button onclick="location.href='MemberUpdateForm.jsp?id=<%= mbean.getId() %>'" class="btn btn-primary">회원수정</button>
<button onclick="location.href='MemberDeleteForm.jsp?id=<%= mbean.getId() %>'" class="btn btn-danger">회원삭제</button>
<button onclick="location.href='MemberList.jsp'" class="btn btn-warning">목록보기</button>
<button onclick="location.href='MemberJoin.jsp'" class="btn btn-success">회원가입</button>
						 
						 </td>	
					</tr>	
				
					  
					</table>
				</div>
		</div> <!-- col-sm-12 -->
	</div><!-- row -->
</div> <!-- container end-->
	
	
</body>
</html>

 

 

 

 

 

MemberUpdateForm.jsp

 

강의 와 다르게 회원전체보기 버튼을 form 태그 안에 넣었다.

버튼의 특성상 form 태그 안에서는 default 값이 submit 이다. 따라서 버튼을 폼 태그안에서 버튼으로 작용하기 위해서는

type="button" 으로 해주면 된다.

 

<%@page import="model.MemberBean"%>
<%@page import="model.MemberDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="Header.jsp" />
</head>
<body>
	<!-- 1.데이터 베이스에서 한회원의 정보를 가져옴 2. table태그를 이용하며 화면에 회원의 정보를 출력 -->
<%
	String id =request.getParameter("id");	//memberlist id 를 받아줌

	MemberDAO mdao =new MemberDAO();
	MemberBean mbean = mdao.oneSelectMember(id); //해당하는 id의 화원정보를 리턴

%>
<div class="container-fluid">
          <div class="navbar-header">
            <a class="navbar-brand" href="#">Macaronics.net</a>
        </div>     
</div>

<div class="container">
	<div class="row">
		<div class="col-sm-12">
			<div class="col-sm-2"></div>
				<div class="col-sm-9">
					<h2 class="text-center">회원 정보 수정하기</h2>
					
					<form action="MemberUpdateProc.jsp" method="post">
					
					<table class="table table-striped">
					  <tr>
						<td>아이디</td>
						<td><%= mbean.getId() %></td>
					  </tr>
					  
					  <tr>
						<td>이메일</td>
						<td>
						<input type="email" value="<%= mbean.getEmail() %>" name="email" class="form-control">
						</td>
					  </tr>
					  
					  <tr>
						<td>전화</td>
						<td>
						<input type="tel" value="<%= mbean.getTel() %>" name="email" class="form-control">
						</td>
					  </tr>
					  
					  <tr>
						<td>패스워드</td>
						<td>
						<input type="password" value="<%= mbean.getPass1() %>" name="pass1" class="form-control">
						</td>
					  </tr>
					  
					<tr>
						 <td colspan="2" class="text-center">
						 <input type="submit" value="회원 수정하기" class="btn btn-success">
 <button type="button"  class="btn btn-warning" onclick="location.href='MemberList.jsp'">회원 전체 보기</button>
						
						
						 </td>	
					</tr>
						  
					</table>
				
				</form>	
					
				</div>
		</div> <!-- col-sm-12 -->
	</div><!-- row -->
</div> <!-- container end-->
	
	
</body>
</html>

 

 

 

 

 

 

 

동영상 강좌와 다르게  모바일 적용이 가능한 반응형 부트스트랩을 사용하였다.

여기서는  jsp 를 배우는 강좌 이기 때문에 html 적 요소에는 비중있게 생각 하지 않아도 될 것이다.

소스 :  https://github.com/braverokmc79/jsp_sin

 

 

유튜브 동영상 출처 :

소프트캠퍼스

강사 : 신형섭(잭임연구원)

저작권 : (주)소프트캠퍼스 http://www.softcampus.co.kr 더많은 무료 강의는 사이트에서 확인하실수 있습니다.

 

 

 

 

about author

PHRASE

Level 60  라이트

The apple in the neighbor's garden are sweetest. (남의 떡이 커 보인다.)

댓글 ( 4)

댓글 남기기

작성