2016-12-21 2 views
1

봄 프로젝트 용으로 html5 템플릿을 변환하려고합니다. 이 프로젝트에서 나는 thymeleaf 템플릿을 사용합니다. 변환하기 위해, 나는 모든 스크립트 src를 th : src 또는 모든 스타일 파일 (CSS 파일) th : href 등으로 변경했습니다. 그러나 디자인이 잘못되었습니다. HTML 템플릿을 Thymeleaf 템플릿으로 변환

<!-- rating --> 
<script th:src="@{/resources/js/rate/jquery.raty.js}" src="js/rate/jquery.raty.js"></script> 
<script th:src="@{/resources/js/labs.js}" src="js/labs.js" type="text/javascript"></script> 

<!-- Add mousewheel plugin (this is optional) --> 
<script type="text/javascript" th:src="@{/resources/js/product/lib/jquery.mousewheel-3.0.6.pack.js}" src="js/product/lib/jquery.mousewheel-3.0.6.pack.js"></script> 

<!-- fancybox --> 
<script type="text/javascript" th:src="@{/resources/js/product/jquery.fancybox.js?v=2.1.5}" src="js/product/jquery.fancybox.js?v=2.1.5"></script> 

<!-- custom js --> 
<script th:src="@{/resources/js/shop.js}" src="js/shop.js"></script> 

<script th:src="@{/resources/js/jquery.min.js}" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<!-- Fonts --> 
<link th:href="@{http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700}" rel='stylesheet' type='text/css'/> 
<link th:href="@{http://fonts.googleapis.com/css?family=Pacifico}" href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/> 
<link th:href="@{/resources/font-awesome/css/font-awesome.css}" href='font-awesome/css/font-awesome.css' rel="stylesheet" type="text/css"/> 
<!-- Bootstrap --> 
<link th:href="@{/resources/bootstrap/css/bootstrap.min.css}" href="bootstrap/css/bootstrap.min.css" rel="stylesheet"/> 

<!-- Main Style --> 
<link rel="stylesheet" th:href="@{/resources/style.css}" href="style.css" /> 

<!-- owl Style --> 
<link rel="stylesheet" th:href="@{/resources/css/owl.carousel.css}" href="css/owl.carousel.css" /> 
<link rel="stylesheet" th:href="@{/resources/css/owl.transitions.css}" href="css/owl.transitions.css" /> 

는 변환 된 태그입니다. 또한 내 페이지를 실행할 때 아래와 같은 예외가 발생합니다. 이 이미지는 내 부트 스트랩/img 폴더에도 존재하지 않으며 템플릿 폴더에도 존재하지 않습니다. 그러나 템플릿은 Thymeleaf 없이도 작동하는 것 같습니다.

jquery.fancybox.js?v=2.1.5:1994 GET http://localhost:8080/resources/bootstrap/img/glyphicons-halflings.png 404 (Not Found) 
+0

thymeleaf가 처리하지 않습니다. _th : src_는 _src_ 속성을 대체해야합니다. 정말로 응용 프로그램에 thymeleaf를 통합 했습니까? http://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html#integrating-thymeleaf-with-spring – meistermeier

+0

나는 이미 이것을했다. 그러나 일부 파일은 잘 작동하지 않습니다. –

+0

구성과 일치하지 않는 다른 경로 (접두사 또는 접미사)가 있습니까? 나는 그것이 간단한 솔루션이 될 것이라고 알고 있지만 때로는 이것도 감독 된 오류이다;) 마지막 문제는 부트 스트랩과 관련있다. 부트 스트랩은 여기에서 참조 된 glyphicons 글꼴과 함께 제공됩니다. 하지만 우선 기본적인 백리향 문제를 해결해야합니다. – meistermeier

답변

0

"http : //"접두사가있는 자원의 경우 th : href를 사용할 필요가 없습니다. 내부 사이트 리소스 인 "/resources/bootstrap/img/glyphicons-halflings.png"의 경우 "/ resources"를 제거하십시오. Spring Framework가 기본적으로 추가합니다.

다음은 참조 용으로 Spring 문서에서 제공 한 것입니다. 기본적으로 Spring은 classpath 또는 ServletContext의 루트에서/static (또는/public 또는/ 리소스 또는/META-INF/resources) 디렉토리의 정적 컨텐츠를 제공합니다. Spring MVC의 ResourceHttpRequestHandler를 사용하므로 WebMvcConfigurerAdapter를 추가하고 addResourceHandlers 메서드를 재정 의하여 해당 동작을 수정할 수 있습니다.