본문 바로가기

Programming/Spring

Spring boot 시작하기 - 8강(등록)

반응형

1. MemberController 수정

@GetMapping을 통해 "/members/new" 를 처리하는 코드를 작성합니다.

package hello.hellospring.controler;

import hello.hellospring.domain.Member;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

@Controller
public class MemberController {

    private final MemberService memberService;

    @Autowired
    public MemberController(MemberService memberService){
        this.memberService = memberService;
    }

    @GetMapping("/members/new")
    public String createForm(){
        return "members/createMemberForm";
    }
    
}

2. members/createMemberForm.html 파일 생성

회원이름을 입력받는 폼을 아래와 같은 경로에 생성합니다.

 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<body>
<div class="container">

    <form action="/members/new" method="post">
        <div class="form-group">
            <label for="name">이름</label>
            <input type="text" id="name" name="name" placeholder="이름을 입력하세요">
        </div>

        <button type="submit">등록</button>
    </form>
</div>

</body>
</html>

위 폼에 따르면 추가로 해야할 부분이 2가지가 있습니다. name을 입력받는 MemberForm 클래스를 작성해주는 부분과 post방식의 "/member/new"를 처리하는 memberController 수정 부분입니다. 우선 MemberForm을 추가합니다.

 

3. MemberForm 추가

아래와 같이 Controler 패키지에 MemberForm을 추가하고 코드를 입력합니디ㅏ.

package hello.hellospring.controler;

public class MemberForm {
    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

 

4. MemberController 추가 수정

@PostMapping을 통해 "/members/new" 를 처리하는 코드를 작성합니다. 

package hello.hellospring.controler;

import hello.hellospring.domain.Member;
import hello.hellospring.service.MemberService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

@Controller
public class MemberController {

    private final MemberService memberService;

    @Autowired
    public MemberController(MemberService memberService){
        this.memberService = memberService;
    }

    @GetMapping("/members/new")
    public String createForm(){
        return "members/createMemberForm";
    }

    @PostMapping("/members/new")
    public String create(MemberForm form){
        Member member = new Member();
        member.setName(form.getName());

        memberService.join(member);

        return "redirect:/";
    }
}

회원가입이 끝나면 홈("/")화면으로 리다이렉트 하도록 했습니다.

 

<결과>

1. 접속
2. 회원 가입 클릭 시
3,. 이름 입력 후 '등록' 클릭

 

4. 등록 클릭 후 전환 화면

 

~~끝~~

반응형