mtjmtj7的小站
mtjmtj7的小站
© mtjmtj7
All Rights Reserved.

SpringMVC集成Thymeleaf 模板引擎

 

(一)Thymeleaf 是个什么?

简单说, Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎,它可以完全替代 JSP 。相较与其他的模板引擎,它有如下三个极吸引人的特点:

    1.Thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性,所以 thymeleaf 的模板可以静态地运行;当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。
    2.Thymeleaf 开箱即用的特性。它提供标准和spring标准两种方言,可以直接套用模板实现JSTL、 OGNL表达式效果,避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。
    3. Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块,可以快速的实现表单绑定、属性编辑器、国际化等功能。
 (二)应用
  1.简单的 Thymeleaf 应用
   1)只需加入thymeleaf-2.1.4.RELEASE.jar(http://www.thymeleaf.org/download.html )包,若用maven,则加入如下配置
<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>2.1.4</version>
</dependency>

 

          2)然后增加头文件(如下)

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

 

3)就可以用th标签动态替换掉静态数据了。如下图,后台传出的message会将静态数据“Red Chair”替换掉,若访问静态页面,则显示数据“Red Chair”。

<td th:text="${message}">Red Chair</td>

2.整合spring

1)加入thymeleaf-spring4-2.1.4.RELEASE.jar(http://www.thymeleaf.org/download.html )包,若用maven,则加入如下配置

<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring3</artifactId>
    <version>2.1.4</version>
</dependency>

2)在配置文件中加入如下代码

 <!-- 使用thymeleaf解析 -->  
  <bean id="templateResolver"  
        class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">  
    <property name="prefix" value="/WEB-INF/page/" />  
    <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>

3)使用

controller:

@Controller
public class TestController {

	@RequestMapping(value="/hello",method=RequestMethod.GET)
	public String test() {
		return "test";
	}
}

在webapp/WEB-INF/page/新建test.html

浏览器输入http://localhost:8080/bookstore/hello.html即可访问。

 

打赏
2018-04-17
193 阅读
关键字: , ,
暂无评论

发表评论