在研究一个模板引擎，选了这个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

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

thymeleaf 的hello world的更多相关文章

  1. spring boot(四)：thymeleaf使用详解

    在上篇文章springboot(二):web综合开发中简单介绍了一下thymeleaf,这篇文章将更加全面详细的介绍thymeleaf的使用.thymeleaf 是新一代的模板引擎,在spring4. ...

  2. Thymeleaf

    1.在html顶部添加 <html xmlns:th="http://www.thymeleaf.org"> 2.url表达式 @{...} <link rel= ...

  3. Thymeleaf 模板的使用

    Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官网.本文主要介绍Thymel ...

  4. vert.x学习（三），Web开发之Thymeleaf模板的使用

    在vert.x中使用Thymeleaf模板,需要引入vertx-web-templ-thymeleaf依赖.pom.xml文件如下 <?xml version="1.0" e ...

  5. 页面上使用 Thymeleaf 的内联js不当造成了 java.lang.StackOverflowError: null 问题

    由于在页面上内联js使用不当,从而在从 Controller 跳转到页面时发生了以下错误: java.lang.StackOverflowError: null at org.thymeleaf.ut ...

  6. Thymeleaf 与 Javascript

    在 javascript 代码中使用 Thymeleaf 模板引擎: <script th:inline="javascript"> $("#content& ...

  7. Thymeleaf+SpringMVC，如何从模板中获取数据

    Thymeleaf+SpringMVC,如何从模板中获取数据 在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对 ...

  8. Thymeleaf+Spring整合

    前言 这个教程介绍了Thymeleaf与Spring框架的集成,特别是SpringMvc框架. 注意Thymeleaf支持同Spring框架的3.和4.版本的集成,但是这两个版本的支持是封装在thym ...

  9. thymeleaf常用标签

    1. th:checked ,th:selected标签<input type="radio" value="M" name="gender&q ...

  10. thymeleaf的常见用法

    1,th:属性名="",就可以直接修改控件的属性,比如 <input th:type="button" th:name="xinxin" ...

随机推荐

  1. 在交叉编译中使用最新版的SS

    因为旧版本的ss-local总是出现 shake hands failed 错误, 打算用最新的版本试试, 所以尝试在编译中使用最新版的shadowsocks. 项目地址 Shadowsocks-li ...

  2. 安装到LG手机出错

    [2013-07-10 07:44:31 - txrjsms] ERROR: Application requires API version 11. Device API version is 8 ...

  3. [转载]安装archlinux 以后没有 ifconfig,route ,nslo

    原文地址:安装archlinux 以后没有 ifconfig,route ,nslookup 等命令作者:十阿哥 ifconfig, route在net-tools中, nslookup, dig在d ...

  4. iOS10 完美降级 iOS9.3.2，保留全部数据

    本篇文章由:http://xinpure.com/downgrade-ios10-perfect-ios9-3-2-retention-of-all-data/ iOS 10 Beta版尝鲜 前段时间 ...

  5. HDUOJ-------Being a Good Boy in Spring Festival

    Being a Good Boy in Spring Festival Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32 ...

  6. How to develop and deploy ActiveX control in C#

    Link:https://blogs.msdn.microsoft.com/asiatech/2011/12/05/how-to-develop-and-deploy-activex-control- ...

  7. SAP接口设计的扩展性考虑

            由于现在的系统和SAP的接口出现了几次变更,因此需要对系统进行设计改造.由于系统中和SAP交互的接口不止一处,而且也是在不同的时间段进行开发,并由不同的人员来完成的,因此我在维护升级的 ...

  8. Android studio 如何让包有层次显示

    Android studio中我新建的包在原来包名后面显示,而我想让包名能层次展示: 方法: 点击如图部分,在弹出框中 去掉 ”compact empty middle package“前面勾

  9. js 倒计时 （时分秒版本）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. Linux-Ubuntu操作记录

    ubuntu 基本命令 1.帮助man      --help简单的帮助  如:man tar 或者tar --help      help command 较详细的帮助      man comma ...