spring boot

[spring boot] bootstrap 템플릿적용 방법

blackzapato 2019. 12. 2. 02:13
반응형

 

 

 

https://startbootstrap.com/

 

Free Bootstrap Themes, Templates, Snippets, and Guides

Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

startbootstrap.com

유명한 SB Admin2 템플릿을 이용해서 spring boot에 적용시켜봅시다.

이 템플릿을 사용하는 이유는

프론트엔드에서 할 일을 줄여 빠르게 원하는 구성으로 화면을 만드는 일이 가능해지고, 다양한 기능들이 이미 들어가 있고, 적용도 굉장히 쉬워 개발에 더 치중할수 있어집니다.

여러모로 편리합니다.

 

 

 

시작해봅시다.

 

Free Download 버튼 클릭

 

다운 받은 zip을 풀면

 

 

폴더와 html파일들이 많이들 있는데

일단 폴더부터

 

프로젝트 생성시 기본으로 생성되는 resource폴더

 

static 폴더에 전부다 넣어둡니다.

html은

 

확장자 html을 -> jsp로 전부다 변경해줍시다.

 

SB-Admin2 템플릿을 다운로드할 때 기본적으로 html로 설정되어있으니

html 파일 안에 링크도 전부다 .html을 지워주세요. 

Contoller 쪽도 적당히 RequestMapping으로 연결을 해주세요.

 

 

결과

결과

 

적용되었는지 검사도 한번 해봅시다.

잘 적용되었네요.

 

template은 html을 기본으로 작성이 되어있지만 간혹 Thymeleaf언어가 섞여있으면 오류가 날수 있으니

한 번씩 확인 해보시는게 좋습니다.

이제 템플릿에서 원하는 기능이 있으면 잘 복사해서 잘 붙여 넣기만 하면 back단에서 할 일이 훨씬 줄어듭니다.

 

 

 

 

반응형