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 더많은 무료 강의는 사이트에서 확인하실수 있습니다.
댓글 ( 4)
댓글 남기기