본문 바로가기

컴퓨터공학/Spring & Hibernate

Spring> Spring Boot> Thymeleaf warm up

프로젝트 성격에 따라서 선택한다.

웹뷰만 필요하면 JSP나 Thymeleaf 아무거나 해도 된다.

근데 웹 말고 다른 것도 고려하면 Thymeleaf를 쓰는 것이 좋다. 

 

 

 

순서

1. Pom file에 등록

2. MVC Controller 제작

3. Thymeleaf template 생성

 

 


준비

 

 

Spring Initializr

여기서 스프링부트 프로젝트를 생성하자.

 

 

생성해서 압축풀고 

Existing maven project를 선택해서 import

 

컨트롤러 패키지 생성

컨트롤러 작성

 

thymeleaf 생성 경로

 


css 입히기

1. css 파일 만들기

2. Thymeleaf template에서 참조

3. css 적용

 

 

 

css 파일 경로는

src/main/resources/static

 

 

head에다가 침조를 하고 적용할 곳에는 클래스를 입력한다. 

 

 

부트스트랩 적용법

로컬방식

파일을 다운받아서 경로에 넣어서 참조하면 됨

 

리모트방식

head에 링크를 넣으면 된다. 

 

 


 

테이블 연습

클래스를 생성한다. 

constructor, getter/setter, toString 만들어 주자.

entity 만들고 따로 controller도 만들자.

PostConstruct로 리스트를 생성하고 Model에 담아서 view를 반환한다. 

 

 

부트스트랩을 입혀보자

1. 부트스트랩 링크를 얻는다.

2. thymeleaf template에 넣기

3. CSS 입히기

 

 

 

https://getbootstrap.com/docs/5.1/getting-started/introduction/

 

Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.

getbootstrap.com

 

 <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

이걸 붙인다

클래스를 적절하게 붙이자.