作為一隻後端程式設計師，想要開發一個管理系統，自己包攬前後端工作。
怎麼又簡單，又好看？
程式框架已經搭好，java spring-boot，查了下thymeleaf是spring-boot推薦的模板框架，那就用它啦。

1. dependencies

compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf', version: '1.5.8.RELEASE'

2. application.properties

測試時選擇不使用快取

spring.thymeleaf
 
.cache=false

3. 目錄結構

根據官方推薦

• 把頁面（比如hello.html）放在 \src\main\resources\templates 下
• 把靜態資源（比如1.jpg, jquery.js）放在 \src\main\resources\static 下

4. 找不到靜態資源怎麼辦？

按照網上給的一些demo，寫好了controller，html，可是html中的靜態資源找不到，資源在static/css資料夾下。嘗試了修改路徑，怎麼改都不成。

<link href="../../static/css/bootstrap.min.css"
          th:href="@{/css/bootstrap.min.css}"
 
 rel="stylesheet" type="text/css" />

在各個可疑目錄下都放了一張1.jpg影象，嘗試訪問，還是返回404。查了日誌，發現靜態資源被攔截了。

解決辦法如下：

@Configuration
@EnableWebMvc
public class MvcConfiguration extends WebMvcConfigurerAdapter {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**"
 
)
                .addResourceLocations("classpath:/static/");
        super.addResourceHandlers(registry);
    }
}

5. 怎樣不重啟重新整理html？

加上配置：

spring.thymeleaf.cache=false

如果使用的開發工具是 idea ，修改 html 後使用 Ctrl + Shift + F9，Rebuild一下工程就可以了。

6. 想要好看怎麼辦？

寫前端程式碼的能力戰五渣，又想要一個看起來吊炸天的頁面，用模板！！！

下載後解壓到工程的static資料夾下，就可以看到模板效果了。預覽方式：

1. 我用的Intellij IDEA 2017，在其中開啟html檔案，滑鼠hover到檔案中，右上方就有瀏覽器圖示，點一下就能預覽啦。
2. 127.0.0.1:port/index.html 把工程在本地啟動起來，訪問。

給張模板截圖，左側那一排，各種元件的樣例。自己照著參考下就好啦。

最後吐槽一下這個模板，把頭部、底部、左側邊欄這些公共區域寫在幾個公共檔案裡不好麼？程式碼拷貝了無數份，寫的哪哪兒都是。