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 파일로 생성

 

ㅇ 화면 표시 결과