반응형
# MVC06_08 회원 로그인 후 상세보기 페이지
## memberContent
- 부트 스트랩 (https://www.w3schools.com/bootstrap/bootstrap_panels.asp) > BS Panels > Panel > Panel Heading 에서 아래 코드가져와서 memberContent에 추가.
<div class="container">
<h2>Panel Heading</h2>
<div class="panel panel-default">
<div class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel Content</div>
</div>
</div>- 수정하기 버튼의 경우 로그인한 대상의 정보와 일치할 때만 버튼 활성화, 아닐 경우 버튼 비 활성화 처리.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="kr.bit.model.*" %>
<%
// MemberVO vo=(MemberVO)request.getAttribute("vo");
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<script type="text/javascript">
function update() {
document.form1.action="<c:url value='/memberUpdate.do'/>";
document.form1.submit();
}
function frmreset() {
document.form1.reset();
}
</script>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js'></script>
</head>
<body>
<div class="container">
<h3>회원관리 시스템</h3>
<div class="panel panel-default">
<div class="panel-heading">
<c:if test="${sessionScope.userId != null && sessionScope != '' }">
<h2>${sessionScope.userName}님 환영합니다.</h2>
</c:if>
<c:if test="${sessionScope.userId == null || sessionScope == '' }">
<h2>안녕하세요.</h2>
</c:if>
</div>
<div class="panel-body">
<form id="form1" name="form1" class="form-horizontal" method="post">
<input type="hidden" name="num" value="${vo.num}"/>
<div class="form-group">
<label class="control-Label col-sm-2">번호 :</label>
<div class="col-sm-10">
<c:out value="${vo.num}"/>
</div>
</div>
<div class="form-group">
<label class="control-Label col-sm-2">아이디 :</label>
<div class="col-sm-10">
<c:out value="${vo.id}"/>
</div>
</div>
<div class="form-group">
<label class="control-Label col-sm-2">비밀번호 :</label>
<div class="col-sm-10">
<c:out value="${vo.pass}"/>
</div>
</div>
<div class="form-group">
<label class="control-Label col-sm-2">이름 :</label>
<div class="col-sm-10">
<c:out value="${vo.name}"/>
</div>
</div>
<div class="form-group">
<label class="control-Label col-sm-2">나이 :</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="age" name="age" value="${vo.age}"/>
</div>
</div>
<div class="form-group">
<label class="control-Label col-sm-2">이메일 :</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="email" name="email" value="${vo.email}"/>
</div>
</div>
<div class="form-group">
<label class="control-Label col-sm-2">전화번호 :</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="phone" name="phone" value="${vo.phone}"/>
</div>
</div>
</form>
</div>
<div class="panel-footer" style="text-align: center;">
<c:if test="${!empty sessionScope.userId}">
<c:if test="${sessionScope.userId == vo.id}">
<input type="button" value="수정하기" class='btn btn-primary' onclick="update()"/>
</c:if>
<c:if test="${sessionScope.userId != vo.id}">
<input type="button" value="수정하기" class='btn btn-primary' onclick="update()" disabled="disabled"/>
</c:if>
</c:if>
<input type="button" value="취소" class='btn btn-warning' onclick="frmreset()"/>
<input type="button" value="리스트" onclick="location.href='${ctx}/memberList.do'" class='btn'/>
</div>
</div>
</div>
</body>
</html>반응형
'인프런 강의 학습 > MVC 프레임워크_나프2탄' 카테고리의 다른 글
| 인프런 나프_2탄 10일차 : MVC07_01~02 Ajax 기능을 이용한 아이디 중복체크 (0) | 2021.06.27 |
|---|---|
| 인프런 나프_2탄 9일차 : MVC06_08 마무리 (0) | 2021.06.26 |
| 인프런 나프_2탄 7일차 : MVC06_06~07 회원 로그인 화면처리, 로그인에 따른 버튼 활성화, 로그아웃 (0) | 2021.06.26 |
| 인프런 나프_2탄 6일차 : MVC06_03~05 세션 (0) | 2021.06.26 |
| 인프런 나프_2탄 5일차 : MVC06_01~02 회원 로그인 페이지 작성, 회원 로그인 기능(세션 바인딩) (0) | 2021.06.25 |