애봉이의 발전일기 – 쇼핑몰 클론코딩 07

by

Thymeleaf 활용(상품 데이터 출력)

루프 th:각 구문

(ThymeleafExController 클래스 위의 코드 생략 . . . )

/* 시간 도약 루프 일:각각 문법 예*/
@GetMapping(값 = “/ex03”)
공공의 끈 백리향Ex03(모델 모델) {

'추천 관련글,

목록 아이템리스트 = 새로운 ArrayList<>();

~을 위한 (정수 나는 = 1; 나는 <= 10; i++) {
항목DTO 항목 = 새로운 ItemDTO();
item.setDescription(“시험 셔츠 ” + 나는 + “안돼.”);
item.setName(“시험 셔츠” + 나);
item.setPrice(20000 + 나);
item.setCreateTime(LocalDateTime.지금());

itemList.add(항목);
}
모델.추가속성(“아이템”itemList);
반품 “타임리프/타임리프Ex03”;
}

전체 html 코드가 아닌 뷰의 보이는 부분만 보면 다음과 같습니다.

JSP의 el과 유사함을 알 수 있다.

수업=”컨테이너”>

제품 데이터 출력 예(반복연습)

수업=”테이블”>

수업=”thead-dark”>

-- status outputs the index of the currently traversed data as state data for the current iteration. -->

일:각=”항목, 상태: ${items}”>

범위=”콜”>제품 코드 범위=”콜”>상품명 범위=”콜”>제품 설명 범위=”콜”>가격 범위=”콜”>제품등록일
범위=”행” 일:텍스트=”${상태.인덱스}”> 일:텍스트=”${항목.이름}”> 일:텍스트=”${항목.설명}”> 일:텍스트=”${항목.가격}”> 일:텍스트=”${item.createTime}”>

애플리케이션 실행 결과


조건문 th:if, th:unless 구문 / th:switch, th:case 구문

(ThymeleafExController 클래스 위의 코드 생략 . . . )

/* 타임리프 조건문 th:if, th:unless 문법 예 */
@GetMapping(값 = “/ex04”)
공공의 끈 백리향Ex04(모델 모델) {

목록 아이템리스트 = 새로운 ArrayList<>();

~을 위한 (정수 나는 = 0; 나는 <= 10; i++) {
항목DTO 항목 = 새로운 ItemDTO();
item.setDescription(“시험 신발” + 나 + “안돼.”);
item.setName(“시험 신발” + 나);
item.setPrice(40000 + 나);
item.setCreateTime(LocalDateTime.지금());

itemList.add(항목);
}
모델.추가속성(“아이템”itemList);
반품 “타임리프/타임리프Ex04”;
}

/* 시간 도약 루프 th:스위치, th:케이스 문법 예 */
@GetMapping(값 = “/ex04-01”)
공공의 끈 백리향Ex04_01(모델 모델) {

목록 아이템리스트 = 새로운 ArrayList<>();

~을 위한 (정수 나는 = 0; 나는 <= 10; i++) {
항목DTO 항목 = 새로운 ItemDTO();
item.setDescription(“시험 신발” + 나는 + “안돼.”);
item.setName(“시험 신발” + 나);
item.setPrice(40000 + 나);
item.setCreateTime(LocalDateTime.지금());

itemList.add(항목);
}
모델.추가속성(“아이템”itemList);
반품 “타임리프/타임리프Ex04-01”;
}

수업=”컨테이너”>

제품 데이터 출력 예(조건문 연습)

수업=”테이블”>

수업=”thead-dark”>

-- status is the state data for the current iteration, if the index is an even number. true, if not false Print -->

일:각=”항목, 상태: ${items}”>

범위=”콜”>제품 코드 범위=”콜”>상품명 범위=”콜”>제품 설명 범위=”콜”>가격 범위=”콜”>제품등록일
일:만약에=”${상태.짝수}” 일:텍스트=”심지어“> 일:하지 않는 한=”${상태.짝수}” 일:텍스트=”홀수“> 일:텍스트=”${항목.이름}”> 일:텍스트=”${항목.설명}”> 일:텍스트=”${항목.가격}”> 일:텍스트=”${item.createTime}”>

수업=”컨테이너”>

제품 데이터 출력 예(조건문 연습)

수업=”테이블”>

수업=”thead-dark”>

-- ${status.even} the value of true even if one false Odd if one -->

일:각=”항목, 상태: ${items}”>

범위=”콜”>제품 코드 범위=”콜”>상품명 범위=”콜”>제품 설명 범위=”콜”>가격 범위=”콜”>제품등록일
일:스위치=”${상태.짝수}”>
 일:사례=”참”>심지어
 일:사례=”거짓”>홀수
 		일:텍스트=”${항목.이름}”> 일:텍스트=”${항목.설명}”> 일:텍스트=”${항목.가격}”> 일:텍스트=”${item.createTime}”>

응용 프로그램 실행 결과 (두 문법 실행 결과 동일)


다음에는 또 다른 타임리프 문법을 배워서 기록해 봅시다.