javascript - Static resources not loaded in thymeleaf template -
i'm newbie spring thymeleaf , have web page broken header, body , footer when seek include header css , js not loaded webpage.
my folder construction looks like
class="snippet-code-html lang-html prettyprint-override">main java resources web-resources css jss views webapp meta-inf resources css jss views
and thymeleaf configuration :-
class="snippet-code-html lang-html prettyprint-override"><bean id="templateresolver" class="org.thymeleaf.templateresolver.servletcontexttemplateresolver"> <property name="prefix" value="/resources/views/" /> <property name="suffix" value=".html" /> <property name="templatemode" value="html5" /> <!-- template cache set false (default true). --> <property name="cacheable" value="false" /> </bean> <bean id="templateengine" class="org.thymeleaf.spring4.springtemplateengine"> <property name="templateresolver" ref="templateresolver" /> </bean> <bean class="org.thymeleaf.spring4.view.thymeleafviewresolver"> <property name="templateengine" ref="templateengine" /> </bean>
my header css includes looks :-
class="snippet-code-html lang-html prettyprint-override"> <head> <meta charset="utf-8"/> <title>test</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link type="text/css" href="../../css/bootstrap-min.css" rel="stylesheet" th:href="@{/resources/css/bootstrap-min.css}"/> <link type="text/css" href="../../css/bootstrap-theme-min.css" rel="stylesheet" th:href="@{/resources/css/bootstrap-theme-min.css}"/> <script src="../../js/jquery-1.11.1.min.js"></script> <script src="../../js/bootstrap-min.js"></script> </head>
and main html :-
class="snippet-code-html lang-html prettyprint-override"><head> <title>hello</title> <link type="text/css" href="../css/bootstrap-min.css" rel="stylesheet" th:href="@{/resources/css/bootstrap-min.css}"/> <link type="text/css" href="../css/bootstrap-theme-min.css" rel="stylesheet" th:href="@{/resources/css/bootstrap-theme-min.css}"/> <script src="../js/jquery-1.11.1.min.js" th:src="@{/resources/js/jquery-1.11.1.min.js}"></script> <script src="../js/bootstrap-min.js" th:src="@{/resources/js/bootstrap-min.js}"></script> </head> <body> <div th:include="fragments/header :: header"></div>
but still when request page 404 displayed css , jss
do not repeat head element in fragment. doing trying append duplicate head element in body. include in fragment body parts of header you'd in jsp import.
javascript css spring thymeleaf
No comments:
Post a Comment