Spring Boot/Spring Boot 입문 홍팍22 [Spring boot] (7) 폼 데이터 주고받기 Mission 사용자로부터 폼 데이터를 받고 이를 컨트롤러에서 확인하시오 1. 입력 폼 생성 -form 요소 -> temple/new.mustache -header와 footer 추가해준다. -> {{>layouts/header}} & {{>layouts/footer}} 2. 컨트롤러 추가 -@Controller 선언 - 메서드 안에 return "articles/new"; //view templates page - @GetMapping("/articles/new") //브라우저에서 접속하는 주소 3. 폼 데이터 전송. - form 데이터를 where? & how? - where? action="/articles/create"에는 정보를 보내줄 URL 정보를 적어준다. - how? method="post.. 2023. 7. 31. [Spring boot] (6) 뷰 템플릿과 레이아웃 Mission 뷰 템플릿 페이지에 헤더-푸터 레이아웃을 적용하시오 1. Bootstrap 적용 4. 레이아웃 템플림 생성 templates 파일에 새로운 경로 생성 5. 레이아웃 템플릿 삽입 뷰 템플릿 페이지에 레이아웃을 적용했는데 헤더와 푸터라는 파일을 템플릿화 해서 삽입하는 것을 한것이다. 가장 기본이 되는 layout이다. 사용자가 볼 핵심이 content에 온다. 레이아웃 1.Bootstrap 적용 더보기 {{username}}님, 반갑습니다. 4. 레이아웃 템플림 생성 템플릿화란 코드를 하나의 파일로 만들어서 변수화 시키는 것이다. templates 파일 - layouts 파일 - header.mustache & footer.mustache 생성 5. 레이아웃 템플릿 삽입 {{>파일 경로 /템플.. 2023. 7. 31. [Spring boot] (5) MVC의 역할과 실행 흐름 Mission 뷰 템플릿 페이지가 출력되기까지, MVC의 역할과 실행 흐름을 설명하시오 (VIEW) -> (Contoller) -> (Model) 1. 실행 흐름 (VIEW) http://localhost:8080/hi 의 요청은 누가 받는다 ? (Contoller) Controller 가 어떻게 받는다.? @GetMapping("/hi") annotation 을 통해서 받는다 , 그러고 해당 메소드가 실행된다. 이거의 return viewTemplatePage 값이 보여줄 페이지가 된다. (Model) 보여줄 페이지에서 사용할 변수는 모델을 통해서 등록한다. mode.addAttribute (VIEW) -> (Contoller) -> (Model) 이전 강의의 전체적인 흐름을 복습할 수 있다. 내용참고.. 2023. 7. 31. [Spring boot] (4) 뷰 템플릿과 MVC 패턴 Mission MVC 패턴을 활용한, 템플릿 페이지를 만드시오 View Templates 이란 화면을 담당하는 기술이다 . Controller 데이터 처리 Model DB와 관련된 1. 컨트롤러 선언 @Controller 2. templates/greetings.mustache -> 브라우저로 전송해준다. return "greetings"; //응답 페이지의 View Page 이름을 적는다. ( return viewTemplatePage) 3. @GetMapping("/hi") - Mapping으로 페이지 URL 연결 -> localhost:8080/hi 4. View page mustache 변수 선언 - View 페이지에 전송할 model 변수를 mustache 문법을 사용하여 만들어준다 - {{us.. 2023. 7. 31. 이전 1 2 3 4 5 6 다음
