티스토리 뷰

Spring

Spring 3

먹태 2020. 10. 19. 23:21

회원 관리 예제 - 웹 MVC 개발

 

 

 

홈 화면 추가 (HomeController 추가)

package hello.hellospring.controller;

import hello.hellospring.domain.Member;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

@Controller
public class HomeController {
    @GetMapping("/")
    public String home(){
        return "home";
    }
}

 

resources/templates/home.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
 <div>
 <h1>Hello Spring</h1>
 <p>회원 기능</p>
 <p>
 <a href="/members/new">회원 가입</a>
 <a href="/members">회원 목록</a>
 </p>
 </div>
</div> <!-- /container -->
</body>
</html>

http://localhost:8080

 

 

 

회원 웹 기능 - 등록 폼 개발(홈 화면에서 회원가입을 눌렀을 때 폼으로 이동)

package hello.hellospring.controller;

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.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

import java.util.List;

@Controller
public class MemberController {

    private final MemberService memberService;
    @Autowired
    public MemberController(MemberService memberService) {
        this.memberService = memberService;
    }
    
    ///url로 날리는건 거의 겟맵핑
    @GetMapping("/members/new")
    public String createForm(){
        return "members/createMemberForm";
    }
}

 

resources/templates/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> <!-- /container -->
</body>
</html>

http://localhost:8080/members/new

 

 

 

회원 등록 컨트롤러(등록 화면에서 이름을 쓰고 등록버튼을 눌렀을때)

데이터를 전달 받을 폼 객체

package hello.hellospring.controller;
public class MemberForm {
	
    private String name;

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

 

MemberController에서 회원을 실제 등록하는 기능

@PostMapping(value = "/members/new")
public String create(MemberForm form) {
     Member member = new Member();
     member.setName(form.getName());
     memberService.join(member);
     return "redirect:/";
}

 

 

 

회원 웹 기능 - 회원 조회(홈화면에서 회원목록을 눌렀을 때)

MemberController에서 조회 기능

@GetMapping(value = "/members")
public String list(Model model) {
     List<Member> members = memberService.findMembers();
     model.addAttribute("members", members);
     return "members/memberList";
}
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div class="container">
 <div>
 <table>
 <thead>
 <tr>
 <th>#</th>
 <th>이름</th>
 </tr>
 </thead>
 <tbody>
 <tr th:each="member : ${members}">
 <td th:text="${member.id}"></td>
 <td th:text="${member.name}"></td>
 </tr>
 </tbody>
 </table>
 </div>
</div> <!-- /container -->
</body>
</html>

http://localhost:8080/members

 

 

 

MemberController전체

package hello.hellospring.controller;

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.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

import java.util.List;

@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:/";
    }

    @GetMapping("/members")
    public String findList(Model model){
        List<Member> members = memberService.findMember();
        model.addAttribute("members",members);
        return "members/memberList";
    }

}

- 생성자에 @Autowired 가 있으면 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어준다.

이렇게 객체 의존관계를 외부에서 넣어주는 것을 DI (Dependency Injection), 의존성 주입이라 한다.

 

 

* 컴포넌트 스캔 원리

- @Component 애노테이션이 있으면 스프링 빈으로 자동 등록된다.

- @Controller 컨트롤러가 스프링 빈으로 자동 등록되는 이유도 컴포넌트 스캔 때문이다.

- @Component 를 포함하는 다음 애노테이션도 스프링 빈으로 자동 등록된다.

  @Controller, @Service, @Repository

저작자표시

'Spring' 카테고리의 다른 글

[Spring] 간단한 주문 시스템 예제2 - '주문','할인' 도메인 개발, 실행, 테스트  (0) 2021.04.10
[Spring] 간단한 주문 시스템 예제 - '회원' 도메인 개발, 실행, 테스트  (0) 2021.04.10
Spring 2  (0) 2020.10.13
Spring 1  (0) 2020.10.13
[Spring] DI Annotation 예제  (0) 2018.05.13
댓글
최근에 올라온 글
최근에 달린 댓글
링크
Total
Today
Yesterday