[Spring] thymeleaf 라이브러리

thymeleaf

XHTML/HTML5에서 잘 적용된 자바 라이브러리이다.
스프링을 더 간편하게 쓰기 위한 전용엔진이라고 이해하자.
시미리프는 'th: ' 엘리먼트로 표시한다.

* 기본개념

활용 전 : 

<input type="text" name="username" value="${user.name}" /><br>

// input입력창에 ${user.name}이라는 문자열이 그대로 뜬다.

활용 후 : 

<input type="text" name="username" value="roomy" th:value="${user.name}" />

// input창이 화면에 뜰 뿐만 아니라 value값도 지정한 roomy라고 뜬다.

* 파일을 불러올 때

<script type="text/javascript" th:src="@{/resources/nps/js/componentmanage.js}"></script>

/* src는 내장된 객체이다. url 앞에 '@'은 해당 주소를 상속받는다는 의미에서 쓴다.

 * <img src="${ } + "/ 주소~">처럼 쓰는 늬앙스로 보자. 

 *이렇게 직접 접근하지 않는 방식이 값이 변해도 수정하기에 용이하다.

 */

위의 코드를 시미리프를 쓰지 않았다면 아래처럼 써야 한다.

<c: var id = "ContextPath" ${request.getContextPath> + <url불러오는 구문>

<input type="hidden" id="myun" name="myun" th:value="${myun}" />
<input type="hidden" id="date" name="date" th:value="${date}" />
<input type="hidden" id="media" name="media" th:value="${media}" />
<input type="hidden" id="section" name="section" th:value="${section}" />
<input type="hidden" id="page" name="page" th:value="${page}" />

1. 주로 value값을 바로 지정하는 한에서 사용했다.
2. type의 hidden 키워드는 창을 숨기는 역할을 한다.
- type의 속성에 따라 다양한 기능을 넣을 수 있다.
"hidden", "text", "password", "url", "radio", "checkbox", "color", "time", "button" 등.