Dev metacog/Back-End
Spring Boot : MVC 패턴
잘 배우고, 잘 익히기
2021. 3. 14. 07:58
데이터 | 화면 | 처리 수행 |
Model | View | Controller |
- 데이터(Model), 화면(View), 처리과정(Controller) 으로 나누어 역할을 수행하도록 제시하는 SW아키텍처 설계 기법
ㅇ 동작 절차 : 요청 --> Controller가 요청 받기 --> Model로 데이터 전달 --> HTML 표시
절차 | 역할자 | 예시 |
요청 | 웹 페이지로 URL 형태로 Controller에 요청 | localhost:8080/hi |
처리 수행 | 받은 Controller는 로직 처리 - @GetMapping("/hi") 형태로 받음 |
src/main/java/project/controller/Firstcontroller.java @GetMapping("/hi") model.addAttribute |
데이터 전달 | Model 전달(데이터 전달) : Key, Value | "username" : "value" |
html로 데이터 표시 | View : 받은대로 데이터의 변화를 표시 | src/main/resources/templates/greetings.mustache |
ㅇ 뷰 템플릿 엔진(도구) : Mustache
- src/resources/templates/ 원하는파일명.mustache 로 생성
ㅇ View 만들기
Mustache 설치
메뉴 Help>Find Actions 에서 plugins로 검색
Marketplace 탭에서 'mustache' 로 검색하여 Install
뷰 코드 생성 : 여기서는 src/resources/templates/greetings.mustache로 생성
ㅇ Controller 만들기
- java/com.example.firstproject 밑에 controller 패키지 생성 후에 .java로 Controller 만들기
여기서는 src/main/java/com.example.firstproject/controller/FirstController.java 파일로 생성
ㅇ 화면 표시 결과