spring-boot中引入thymeleaf

作爲一隻後端程序員，想要開發一個管理系統，自己包攬前後端工作。
怎麼又簡單，又好看？
程序框架已經搭好，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. 想要好看怎麼辦？

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

在網上搜索bootstrap主題模板，比如我下的這個，http://usebootstrap.com/download-theme/adminlte 很適合做管理系統。

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

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

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

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