thymeleaf 获取项目路径(工程名) contextPath
这两天用到了thymeleaf 这个模板,我们前端人员开发的过程中,引用的资源都为静态的资源,显然是不符合动态页面的需求的。所以服务端的同事说要加一个工程名,毕竟动态引入的项目必须要使其路径正确才能出效果,所以,我查了网上的一些做法,有很多回答,但是对于我这种菜鸟,真心还是不太明白,但是实际用到了,就总结出来,以供和我同样水平的同学明白。
javascript里直接引用这段代码:
<script type="text/javascript" th:inline="javascript"> /*<![CDATA[*/ ctxPath = /*[[@{/}]]*/ ''; /*]]>*/ console.info(ctxPath); </script>
然后代码中就直接通过thymeleaf方式直接引用css和js即可。比如:
<script th:src="@{/js/jquery-2.1.4.js}"></script>
其实需注意的使,因为上面的js代码中已经对项目名称做了解析,所以直接通过thymeleaf引入js的时候已经将工程名(项目名)编译加进去了,所以,引用外部js前不需加任何东西。(说实话,我刚开始一直以为需要加入ctxPath才行,是我想错了,受之前用的guns的项目的影响)
好了,就这样,希望能够帮助到大家!