[개발일지#007] 회원가입, 회원정보수정 구현

[참고]
김영한님 스프링 강의를 바탕으로 진행되는 토이프로젝트의 과정을 기록하는 글입니다. 
둥근 피드백은 언제나 환영입니다.

[오늘의 개발내용]
1. 회원가입 구현 (BasicMemberController, joinForm.html)
2. 회원정보수정 구현 (BasicMemberController, editForm.html)

 

1. 회원가입 구현

BasicMemberController

    @PostMapping("/join")
    public String join(@ModelAttribute Member member){
        memberRepository.save(member);
        return "basic/member";
    }

• BasicMemberController 에 컨트롤러를 하나 추가한다. 똑같은 /join으로 매핑 했지만 Post형식으로 받아서 회원가입폼 띄우기와 회원가입 처리를 구분.
• 가입이 완료되면 회원상세화면으로 리턴해준다.

 

joinForm.html

• joinForm.html 은 Form 데이터 형식을 역시나 post 형식으로 구현.

 

[실제구현화면]

 

 

 

 

2. 회원정보수정 구현

BasicMemberController

    @GetMapping("/{memberId}/edit")
    public String editForm(@PathVariable String memberId, Model model){
        Member member = memberRepository.findById(memberId);
        model.addAttribute("member", member);
        return "basic/editForm";
    }

• 회원 수정 폼 반환 : Get방식으로 회원수정폼 화면을 반환함.

 

 

@PostMapping("/{memberId}/edit")
public String edit(@PathVariable String memberId, @ModelAttribute Member member){
    memberRepository.update(memberId, member);
    return "redirect:/basic/members/{memberId}";
}

• 회원 수정 진행 후 회원상세화면으로 리다이렉트 쳐줌.
• 회원수정 폼 반환과 회원수정 진행 역시 호출 주소가 같지만 get, post 방식으로 나눠진행.

 

editForm.html

• 회원 정보 수정후 post 방식으로 회원 정보 진행

 

[구현 화면]