영역 분리 (header, body, footer) 헤더, 푸터를 공통으로 사용하고 내부 content만 변경하도록 한다. default_layout.html 구성 headFragment 구현 headerFragment 구현 ... 실제 사용되는 HTML 코드 입력 footerFragment 구현 ... footer HTML 코드 입력 content 구현 ... HTML 콘텐츠 내용 입력 FrontEnd/Thymeleaf 2021.03.09
외부 JS 파일에 값 전달 방법 Script 변수를 통해 JS 파일에서 값을 사용할수 있도록 한다. 외부 JS 파일 호출시 매핑 지원이 되지 않기 때문 HTML 파일 선언 외부 JS 파일내 script 변수 호출 function save(moveNext){ modalConfirm(msg.editConfirm , '확인' , function(){ saveAction(moveNext); }); } FrontEnd/Thymeleaf 2021.03.09
커스텀 함수 사용(with Spring) Custom으로 등록할 클래스 생성 @Slf4j public class CustomThymeleaf { ... } Dialect를 이용하여 클래스 사용 등록 @Component public class CustomThymeleafDialect extends AbstractDialect implements IExpressionObjectDialect { protected CustomThymeleafDialect() { super("CustomThymeleafDialect"); } @Override public IExpressionObjectFactory getExpressionObjectFactory() { return new IExpressionObjectFactory() { @Override public.. FrontEnd/Thymeleaf 2021.03.09
Spring Thymleaf 세션 정보 조회 방법 의존성 추가 (의존성 추가 후 빌드 필수) compile group: 'org.thymeleaf.extras', name: 'thymeleaf-extras-springsecurity5', version: '3.0.4.RELEASE' Html 헤더 설정 추가 xmlns:sec 추가 권한 값 조회 HTML sec 태그 추가 Name: secName HasRole(USER): Role User HasRole(ADMIN): Role Admin FrontEnd/Thymeleaf 2020.11.19