(4) view 템플릿 파일생성

728x90

받아두었던 Eshopper html 템플릿을 프로젝트에 연동하려한다.

압축을 풀어준 파일을 프로젝트의 resources 밑에 적절히 분배해준다.

그리고서 확장자가 html 이기 때문에 일단 타임리프를 깔아야 컨트롤러에서 찾을 수 있겠거니 생각했다.

Build.gradle에 디펜던시 추가를 해주자 (JSP 쓰지 말까 고민중 ㅋㅋ...)

compile('org.springframework.boot:spring-boot-starter-thymeleaf')

그리고 인덱스 화면을 연결해줄 컨트롤러 만들어준다.

막간 정리. (스프링 요청)

화면을 보여달라고 요청이 들어오면 디스패처 서블릿에서 받는다.

디스패처 서블릿이 받아서 핸들러 매핑에 던지는데

핸들러 매핑은 여러개의 컨트롤러중 요청과 적합한 컨트롤러를 선택한다.

이 경우에서는

1. 인덱스 화면을 요청하면

2. 디스패처 서블렛이 핸들러 매핑에 '인덱스 화면 보여달래' 라고 던지고

3. 핸들러 매핑이 IndexController를 찾아서 디스패처 서블릿에 다시 보낸다.

4. 그리고 핸들러 어댑터에 적합한 메서드를 찾아줘 라고 던지면

5. 핸들러 어댑터가 디스패처 서블릿에 요청처리를 해서 디스패처 서블릿에 던져준다.(위에서는 / 주소를 get 요청한 것)

6. 후 디스패처 서블릿이 view를 찾아서 매핑하고 브라우저에 보여주는 것

바로 테스트 코드 만들어서 테스트

잘 되는 것을 확인 할 수 있다.

그러나 서버를 실행시키면 아래 처럼 CSS,JS 적용이 안되고 에러가 나는 것을 확인할 수 있는데,

이는 ../static/css/~~~ 이런식으로 되어있는 링크가 작동을 안하기 때문이다.

(스프링 프레임워크의 정적 리소스 파일 경로는 /resource/ 가 기본으로 지정되기 때문)

(SpringBoot) js,css 등 정적파일에 ERR_ABORTED 404 가 발생하는 경우

#개요 SpringBoot에서 html 내에 js , css 파일을 아래와 같이 불러오는 불러오는 경우..... 개발자도구 콘솔에 이러한 net:ERR_ABORTED 404 라는 에러가 우리를 반기는 경우가 있다. 컨트롤러와 뷰의 구조를

suzxc2468.tistory.com

바로 가서 수정해주자

수정 후 다시 실행시켜보면

잘 되는 것 확인!

인덱스 연결 했으니

다음은 회원 관리 시스템(가입/로그인)을 만들려고 한다.

728x90

일기장