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的項目的影響）

好了，就這樣，希望能夠幫助到大家！