[thymeleaf] 타임리프 텍스트 출력하기 (th:text)

2022. 11. 7. 21:04· 기존(310)/🏀Thymeleaf
목차
  1. 1. templeate - basic - text-basic.html 을 만든다
  2. 2.text-html 내용
  3. 3.controller 매핑
  4. 3.localhost:8080/basic/text-basic 을 들어가면

 

 

 

1. templeate - basic - text-basic.html 을 만든다

 

 

2.text-html 내용

 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <!--이거 작성해야 타임리프 사용가능..-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<h1>컨텐츠에 데이터 출력하기</h1>


<ul>
    <li>th:text 사용 <span th:text="${data}"></span></li>
    <li>컨텐츠 안에서 직접 출력하기 = [[${data}]]</li>
</ul>
</body>
</html>

 

 

3.controller 매핑

@Controller
@RequestMapping("/basic")
public class BasicController {

    @GetMapping("/text-basic")
    public String testBasic(Model model){
        model.addAttribute("data","hello World!");
        return "basic/text-basic";
    }
}

3.localhost:8080/basic/text-basic 을 들어가면

 

 

  <li>
  
  
  th:text 사용
  
  
  <span th:text="${data}"> 여기에 들어갈내용을 th:text=${data}들어옴.    </span>
  
  
  
  </li>
    <li>컨텐츠 안에서 직접 출력하기 = [[${data}]]</li>
저작자표시 (새창열림)

'기존 > 🏀Thymeleaf' 카테고리의 다른 글

[thymeleaf] th:utext (이스케이프) 사용  (0) 2022.11.07
  1. 1. templeate - basic - text-basic.html 을 만든다
  2. 2.text-html 내용
  3. 3.controller 매핑
  4. 3.localhost:8080/basic/text-basic 을 들어가면
'기존(310)/🏀Thymeleaf' 카테고리의 다른 글
  • [thymeleaf] th:utext (이스케이프) 사용
조각남자
조각남자
프로그래밍 기술 및 저장소
조각남자
조각남자
조각남자
전체
오늘
어제
  • 전체 보기
    • Java
      • Spring
    • 기존
      • 🏀Jsp
      • 🏀Spring
      • 🏀Pom.xml
      • 🏀SpringBoot
      • 🏀JavaExcption
      • 🏀JavaDB
      • 🏀SpringBootCloneWebSite
      • 🏀SptringDependency
      • 🏀JpaEnvorinoment
      • 🏀Thymeleaf
      • 🏀Node
      • 🏀Pyton
      • 🏀DataBase
      • 🏀JavaScript
      • 🏀Android
      • 🏀JPA
      • 🏀Flutter
      • 🐸Utils
      • 🎫 Batch
      • 🎞️JenKins
      • 🎈Python
      • 🎗️AWS
      • 🦠Vue
      • 🐳React
      • 🖲️kafka
      • Next.js

공지사항

  • 공지사항

인기 글

태그

  • D

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
조각남자
[thymeleaf] 타임리프 텍스트 출력하기 (th:text)
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.