05-회원제 게시판 만들기_SpringBoot와 JPA
02-회원(member)파트 - SpringBoot
[수정화면에 바로 내정보 수정(update)를 표시]
내정보 수정(update) 링크를 index.html에 추가해준다.
<a href="member/update">내정보 수정(update)</a><br><br>
내정보 수정(update)를 보여주기 위한 update.html을 resources/member 폴더 內에 만들어준다.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:font-size="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>update.html</title>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
</head>
<body>
<div th:align="center">
<h2>회원정보 수정</h2><br>
<form id="memberUp" name="updateForm">
번호<br>
<input type="text" th:name="memberId" id="memberId" th:value="${member.memberId}" readonly><br>
이름<br>
<input type="text" th:name="memberName" id="memberName" th:value="${member.memberName}"><br>
비밀번호<br>
<input type="password" th:name="memberPw" id="memberPw" th:value="${member.memberPw}" readonly><br>
이메일<br>
<input type="email" th:name="memberEmail" id="memberEmail" th:value="${member.memberEmail}" readonly><br>
주소<br>
<input type="text" th:name="memberAddr" id="memberAddr" th:value="${member.memberAddr}"><br>
핸드폰번호<br>
<input type="text" th:name="memberPhone" id="memberPhone" th:value="${member.memberPhone}"><br>
생년월일<br>
<input type="text" th:name="memberDate" id="memberDate" th:value="${member.memberDate}"><br><br>
파일네임<br>
<input type="text" th:name="memberFilename" id="memberFilename" th:value="${member.memberFilename}"><br><br>
<button type="button" th:onclick="ajaxUp()">정보 수정</button>
</form><br><br>
</div>
</body>
</html>
MemberController에 메서드를 추가해준다.
// 수정화면 보여주기
@GetMapping("/update")
public String updateForm(Model model, HttpSession session) {
System.out.println(session.getAttribute("loginEmail"));
String memberEmail = (String) session.getAttribute("loginEmail");
MemberDetailDTO member = ms.findByMemberEmail(memberEmail);
model.addAttribute("member", member);
System.out.println("member:" + member);
return "member/update";
}
MemberService에는 이미 관련 내용이 추가되어 있다.
MemberDetailDTO findByMemberEmail(String memberEmail);
MemberServiceImpl에도 기 작성한 내용이 있기에 확인만 해본다.
// 수정화면 보여주기
@Override
public MemberDetailDTO findByMemberEmail(String memberEmail) {
MemberEntity memberEntity = mr.findByMemberEmail(memberEmail);
MemberDetailDTO memberDetailDTO = MemberDetailDTO.toMemberDetailDTO(memberEntity);
return memberDetailDTO;
}
MemberRepository에 이미 내용이 추가되어있어 확인만 해본다.
public interface MemberRepository extends JpaRepository<MemberEntity, Long> {
MemberEntity findByMemberEmail(String memberEmail);
}
여기까지 작성 후 서버를 실행한다.
로그인 후 index 페이지 내 내정보 수정(update) 링크를 클릭 해 아래와 같이 정보가 조회되면 정상이다.
댓글남기기