最近在和同事的聊天中得知同事在工作之餘想做一個個人網站，談到後臺問我使用什麼技術好，鑑於之前的經歷，脫口而出：“Springboot”。然後聊了一些之後就開始用了。後面同事反映說不行，使用html無法跳轉(後端無法做到)。當我聽到這個的時候是表示很震驚的。我自己就找了一寫相關資料。發現使用html的話就使用thymeleaf模板就好了。下面就詳細來說說如何使用thymeleaf開發html。

建立一個Springboot maven專案。檔案目錄就如下：

接下來呢就是pom檔案映入相關jar包了。一定要引入thymeleaf。(更多內容看文章最後的github連結,專案已上傳至github)

<properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

        <!--引入themeleaf-->
        <thymeleaf.version> 3.0.2.RELEASE </thymeleaf.version>
        <thymeleaf-layout-dialect.version> 2.1.1 </thymeleaf-layout-dialect.version>
    </properties>



    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
            <version>1.0.2.RELEASE</version>
        </dependency>
    </dependencies>
 

接下來就是配置了，在resource資料夾下建立一個application檔案配置thymeleaf

配置完成後開始程式碼的撰寫，首先是controller層，我寫了三個方法，首頁，跳轉，和檢視的三種。原始碼如下：

package com.thymeleaf.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * Created by zhouhaishui on 2017/5/2.
 */
@Controller
public class pageController {

    /**
     * 首頁
     * @return
     */
    @RequestMapping("/")
    public String page(){
        return "system/index";
    }


    /**
     * 跳轉
     * @return
     */
    @RequestMapping("/redirect")
    public String page2(){
        return "redirect/redirect";
    }


    /**
     *檢視
     * @param model
     * @return
     */
    @RequestMapping("/model")
    public String page3(Model model){
        model.addAttribute("name","seawater");
        return "hello";
    }
}
 

在resource資料夾下按照自己的需要建立資料夾html檔案。我這裡用改的就三個頁面所以就沒有那麼多啦，大家根據自己的需要去建立。

然後就執行就可以了。

頁面如下：

所謂的不可以跳轉是不存在的，只是沒有配置對呢。附上專案原始碼：有興趣的可以去github上看看這個thymeleaf專案。

當然html中一些寫法是需要參考thymeleaf的規則的，這裡就不詳細描述，可以到thymeleaf官方網站檢視。