(SERVLET) SPRING MVC 개요 - 간단한 MVC 만들기
M: 모델
V: 뷰
C: 컨트롤러
모델: 평범한 자바 객체 POJO
뷰: HTML. JSP, 타임리프,...
컨트롤러: 스프링 @MVC
모델: 도메인 객체 또는 DTO로 화면에 전달할 또는 화면에서 전달받은 데이터를 담고 있는 객체.
뷰: 데이터를 보여주는 역할. 다양한 형태로 보여줄 수 있다. HTML, JSON, XML,...
컨트롤러: 사용자 입력을 받아 모델 객체의 데이터를 변경하거나, 모델 객체를 뷰에 전달하는 역할.
-
입력값 검증
-
입력받은 데이터로 모델 객체 변경
-
변경된 모델 객체를 뷰에 전달
Controller 생성
동일한 코드이지만 요즘의 추세는 아래의 코드를 자주 사용한다.
@RequestMapping(value = "/events", method = RequestMethod.GET)
public String events(Model model) {
return "evnets";
}
@GetMapping(value = "/events")
public String events(Model model) {
return "evnets";
}
GetMapping에 RequestMapping이 명시되어 있음 (Spring 4.3부터 사용)
Model 생성
lombok을 사용
https://jwdeveloper.tistory.com/62?category=823919
@Getter
@Setter
@NoArgsConstructor
@AllArgsConstructor
public class Event {
private String name;
private LocalDateTime startDateTime;
private LocalDateTime endDateTime;
}
Service 생성
https://jwdeveloper.tistory.com/24
@Service
public class EventService {
public List<Event> getEvents() {
Event event1 = Event.builder()
.name("스프링 웹 mvc 스터디 1")
.limitOfEnrollment(5)
.startDateTime(LocalDateTime.of(2019,1,10,10,0))
.endDateTime(LocalDateTime.of(2019,1,10,12,0))
.build();
Event event2 = Event.builder()
.name("스프링 웹 mvc 스터디 2차")
.limitOfEnrollment(5)
.startDateTime(LocalDateTime.of(2019,1,10,10,0))
.endDateTime(LocalDateTime.of(2019,1,10,12,0))
.build();
return List.of(event1,event2);
}
}
Controller에 Service @Autowired 및 Model 객체 담기
@Controller
public class EventController {
@Autowired
EventService eventService;
//@RequestMapping(value = "/events", method = RequestMethod.GET)
@GetMapping(value = "/events")
public String events(Model model) {
model.addAttribute("events", eventService.getEvents());
return "evnets";
}
}
View 생성 (with thymeleaf)
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>이벤트 목록</h1>
<table>
<tr>
<th>이름</th>
<th>참가 인원</th>
<th>시작</th>
<th>종료</th>
</tr>
<tr th:each="event: ${events}">
<td th:text="${event.name}">이벤트 이름</td>
<td th:text="${event.limitOfEnrollment}">100</td>
<td th:text="${event.startDateTime}">2020년 1월 10일 오전 10일</td>
<td th:text="${event.endDateTime}">2020년 1월 10일 오전 12일</td>
</tr>
</table>
</body>
</html>
MVC 패턴의 장점
-
동시 다발적(Simultaneous) 개발 - 백엔드 개발자와 프런트엔드 개발자가 독립적으로 개발을 진행할 수 있다.
-
높은 결합도 - 논리적으로 관련 있는 기능을 하나의 컨트롤러로 묶거나, 특정 모델과 관련 있는 뷰를 그룹화할 수 있다.
-
낮은 의존도 - 뷰, 모델, 컨트롤러는 각각 독립적이다.
-
개발 용이성 - 책임이 구분되어 있어 코드 수정하는 것이 편하다.
-
한 모델에 대한 여러 형태의 뷰를 가질 수 있다.
MVC 패턴의 단점
-
코드 내비게이션 복잡함
-
코드 일관성 유지에 노력이 필요함
-
높은 학습 곡선
코드 참조
https://github.com/mike6321/Spring/tree/master/SpringMVC/demo-spring-mvc