thymeleaf裡設定路徑

百裡香葉子中，設定路徑是一個常用的動作。

一、用統一的相對根目錄路徑來代替頁面自己自以為是的相對路徑

比如，頁面上有路徑：

<img src="../images/hi.png" />      

這種路徑，真正運作起來，不一定正确；即使當時正确，難保以後随着檔案夾的變動，變得不正确了。在百裡香葉子中，可以用相對根目錄的路徑來定義：

<!-- 真實路徑是 /static/images/hi.png -->
<img th:src="@{/images/hi.png}" />      

二、JS中使用相對根目錄路徑

<script type="text/javascript" th:inline="javascript">

  let configJSON = (/*[[@{/config.json}]]*/'') + '?t=' + new Date().getTime();

</script>      

其中，​

​@{/config.json}​

​就是我們耳熟能詳的相對根目錄路徑，但在JS中，要包在一個類似XML的注釋符裡：

/*[[@{/config.json}]]*/      

如果它還要參與運算，那麼還需用大括号括起來：

let configJSON = (/*[[@{/config.json}]]*/'') + '?t=' + new Date().getTime();      

<link rel="stylesheet" type="text/css" th:href="${pubzy} + '/arcgis_js_api/4.10/esri/css/main.css'" />      

@RequestMapping(value = {"/","/index"}, method = RequestMethod.GET)
    public String getAisBase(Model model) {//傳回頁面
        model.addAttribute("pubzy", sysConfig.getPubzy());
        return "map/index";
    }