thymeleaf 的hello world

在研究一个模板引擎，选了这个thymeleaf 。中间遇到很多的问题。现在在这里记录一下。

第一步：导入jar包。这里使用maven导入jar包

    <!-- thymeleaf 核心包  begin -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf</artifactId>
            <version>2.1.5.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring4</artifactId>
            <version>2.1.5.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.thymeleaf.extras</groupId>
            <artifactId>thymeleaf-extras-springsecurity3</artifactId>
            <version>2.1.2.RELEASE</version>
     </dependency>
  </dependencies>
  <!--  thymeleaf心包  end -->

第二步：spring-mvc-servlet.xml 中加入thymeleaf解析。

<?xml version="1.0" encoding="UTF-8"?>
<beans
    xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:tx="http://www.springframework.org/schema/tx"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
    http://www.springframework.org/schema/tx
    http://www.springframework.org/schema/tx/spring-tx-3.2.xsd
    http://www.springframework.org/schema/context
    http://www.springframework.org/schema/context/spring-context-3.2.xsd
    http://www.springframework.org/schema/mvc
    http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd">
    <!--配置自动扫描的包-->
    <context:component-scan base-package="com.sun.controller"/>    <!-- 默认servlet -->
   <mvc:default-servlet-handler />     <mvc:annotation-driven>
   <mvc:message-converters>
            <bean class="org.springframework.http.converter.StringHttpMessageConverter"/>
            <!-- 避免IE执行AJAX时，返回JSON出现下载文件 -->
            <bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
            <property name="supportedMediaTypes">
            <list>
                <value>text/html;charset=UTF-8</value>
            </list>
        </property>
            </bean>
   </mvc:message-converters>
</mvc:annotation-driven>   <!--   使用jsp解析 -->
    <!--配置视图解析器:如何把handle方法返回值解析为实际的物理视图-->
   <!-- <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean> -->   <!--   使用thymeleaf解析 -->
   <bean id="templateResolver"
         class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">
     <property name="prefix" value="/WEB-INF/pages/" />
     <property name="suffix" value=".html" />
      <property name="templateMode" value="HTML5" />
     <!-- 页面缓存，开发时，可设置false，生产中可设置为true -->
     <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>
</beans>

　　这里注意了，templateMode 一定要设置为HTML5 ,不然会出问题。

第三步：控制器的方法

    @RequestMapping(path="/thymeleaftest", method = RequestMethod.GET)
    public String thymeleaftest(Model model){        System.out.println("thymeleaftest is start");
        model.addAttribute("name", "你好，page name ====== thymeleaftest");        return "thymeleaftest";
    }

第四步：页面thymeleaftest.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>hello world</title>
</head>
<body>
    <B>hello world</B>
    <B th:utext="${name}"></B>
    <p th:utext="${name}"></p>
</body>
</html>

　然后访问，这里的访问和普通的springmvc的地址访问有点区别,thymeleaftest 是action名 + html ，而不是直接就是html名。

http://localhost:8080/myblog/thymeleaftest.html

就能够看到页面的效果了。