在Spring MVC和Spring Boot中使用thymeleaf模板

時間 2019-11-13

標籤 spring mvc boot 使用 thymeleaf 模板欄目 Spring 简体版

原文原文鏈接

Spring MVC：html

POM：java

        <!-- thymeleaf模板 -->
        <!-- https://mvnrepository.com/artifact/org.thymeleaf/thymeleaf -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf</artifactId>
            <version>3.0.7.RELEASE</version>
        </dependency>
        <!-- https://mvnrepository.com/artifact/org.thymeleaf/thymeleaf-spring4 -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring4</artifactId>
            <version>3.0.7.RELEASE</version>
        </dependency>

Bean：git

    <!-- thymeleaf -->
    <bean id="templateResolver" class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">  
      <property name="prefix" value="/WEB-INF/templates/" />  
      <property name="suffix" value=".html" />  
      <property name="templateMode" value="HTML" />  
      <property name="cacheable" value="false" />  
    </bean>  
        
    <bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">  
      <property name="templateResolver" ref="templateResolver" />  
    </bean>  
    
    <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">  
      <property name="templateEngine" ref="templateEngine" />  
      <!--解決中文亂碼-->  
      <property name="characterEncoding" value="UTF-8"/>  
    </bean>

Controller：github

package com.jsoft.testspringmvc.controller;

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

import com.jsoft.testspringmvc.model.Entry;

@Controller
public class IndexController {

    @RequestMapping(value = "/index", method = RequestMethod.GET)
    public String index(Model model) {
        Entry entry = new Entry();
        entry.setText("Text");
        entry.setTitle("Title");
        model.addAttribute("entries", entry);
        model.addAttribute("entry", new Entry());
        return "index";
    }

}

HTML：web

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

<body>

<form action="#" th:action="@{/}" th:object="${entry}" method="post">
  <label>Title</label>
  <input type="text" th:field="*{title}"/>
  <label>Text</label>
  <input type="text" th:field="*{text}"/>
  <br/>
  <input type="submit" value="Add"/>
</form>

<div>
  <div th:each="entry: ${entries}">
    <h2 th:text="${entry.title}">Title</h2>
    <p th:text="${entry.text}">Text</p>
  </div>
</div>

</body>

</html>

Maven示例：spring

https://github.com/easonjim/5_java_example/tree/master/thymeleaf/test1spring-mvc

Spring Boot：mvc

POM：app

        <!-- thymeleaf -->
        <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

properties：ide

#thymeleaf start
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
#\u5F00\u53D1\u65F6\u5173\u95ED\u7F13\u5B58,\u4E0D\u7136\u6CA1\u6CD5\u770B\u5230\u5B9E\u65F6\u9875\u9762
spring.thymeleaf.cache=false
#thymeleaf end

其他的代碼和Spring MVC是一致的。

引入外界靜態資源的方式@{/xxx}，默認的靜態資源的根是"static"，默認放置在resources下，templates文件夾也是如此。

Maven示例：

https://github.com/easonjim/5_java_example/tree/master/thymeleaf/test2

參考：

https://github.com/mendlik/spring-mvc-thymeleaf（基於全註解的形式的SpringMVC項目中使用thymeleaf模板）

https://www.tianmaying.com/tutorial/spring-mvc-thymeleaf（特別說明，此篇文章的集成Spring MVC是不行的，不要參照）

http://www.cnblogs.com/asdop/p/6093599.html（Spring MVC）

https://my.oschina.net/wangnian/blog/661393（Spring Boot）

http://www.cnblogs.com/java-zhao/p/5503168.html（Spring Boot）

http://jisonami.iteye.com/blog/2301387（Spring Boot）

http://blog.csdn.net/zhouseawater/article/details/71082664（Spring Boot）