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的项目的影响)

好了,就这样,希望能够帮助到大家!

 

posted @ 2018-08-16 10:19  麦兜家园  阅读(15628)  评论(1编辑  收藏  举报