thymeleaf 템 플 릿 부분 지식 (지속 업데이트)

2788 단어 thymeleaf 템 플 릿

 
시각 층 은 jsp 를 사용 해 왔 기 때문에 템 플 릿 을 처음 접 할 때 알려 지지 않 은 지식 을 만 날 수 밖 에 없다. 문서, 구 글, 선배 에 게 가르침 을 청 하면 지식 점 을 천천히 쌓 을 수 있다. 이 기록 은 나중에 사람들 이 찾 아 볼 수 있 도록 하고 이런 지식 점 을 더욱 공 고 히 할 수 있다.1) a 라벨 href 속성의 경로 에 다 중 매개 변수 가 있 고 조합 도 있 습 니 다. 이것 이 없 으 면 시원 합 니 다.

 
2) if else 판단


3) js 코드 블록 에서 Model 에 저 장 된 데이터 획득
var name = '[[${name}]]';

 
4) 포맷 날짜 입 니 다. 이 템 플 릿 은 이미 봉인 되 어 있 습 니 다.


5) 클릭 이벤트 추가, js 함수 호출
수정 하 다.

 
6) thymeleaf 에서 삼원 연산 자 사용

 
7) 리스트 길이 가 져 오기

 
8) 숫자 포맷


 
9) thymeleaf 에서 순 숫자 순환

        

 

10)引用公共页面,在要引用的代码块上使用th:fragment做标记,在主页面使用th:include引用

要引用的代码块



    

© 2017 . .


홈 페이지, 아래 탭 의 첫 번 째 footer 는 템 플 릿 이름 이 고 두 번 째 는 태그 이름 입 니 다.

 
11) onclick 이벤트 중국어 매개 변수
th:onclick="'showUserInfo(\''+${user.nickName}+'\')'"

12) 전역 변수 정의

  

 
13) restful 스타일 을 정의 하 는 링크
수정 하 다.

 14) switch 사용


15) 여러 줄 텍스트 상자 내용 보이 기

좋은 웹페이지 즐겨찾기