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

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

thymeleaf 的hello world的更多相关文章

spring boot(四)：thymeleaf使用详解
在上篇文章springboot(二):web综合开发中简单介绍了一下thymeleaf,这篇文章将更加全面详细的介绍thymeleaf的使用.thymeleaf 是新一代的模板引擎,在spring4. ...
Thymeleaf
1.在html顶部添加 <html xmlns:th="http://www.thymeleaf.org"> 2.url表达式 @{...} <link rel= ...
Thymeleaf 模板的使用
Thymeleaf是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,并且也有不错的扩展性.详细资料可以浏览官网.本文主要介绍Thymel ...
vert.x学习（三），Web开发之Thymeleaf模板的使用
在vert.x中使用Thymeleaf模板,需要引入vertx-web-templ-thymeleaf依赖.pom.xml文件如下 <?xml version="1.0" e ...
页面上使用 Thymeleaf 的内联js不当造成了 java.lang.StackOverflowError: null 问题
由于在页面上内联js使用不当,从而在从 Controller 跳转到页面时发生了以下错误: java.lang.StackOverflowError: null at org.thymeleaf.ut ...
Thymeleaf 与 Javascript
在 javascript 代码中使用 Thymeleaf 模板引擎: <script th:inline="javascript"> $("#content& ...
Thymeleaf+SpringMVC，如何从模板中获取数据
Thymeleaf+SpringMVC,如何从模板中获取数据在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对 ...
Thymeleaf+Spring整合
前言这个教程介绍了Thymeleaf与Spring框架的集成,特别是SpringMvc框架. 注意Thymeleaf支持同Spring框架的3.和4.版本的集成,但是这两个版本的支持是封装在thym ...
thymeleaf常用标签
1. th:checked ,th:selected标签<input type="radio" value="M" name="gender&q ...
thymeleaf的常见用法
1,th:属性名="",就可以直接修改控件的属性,比如 <input th:type="button" th:name="xinxin" ...

随机推荐

如何在 Linux 下调试动态链接库
大家都知道在 Linux 可以用 gdb 来调试应用程序,当然前提是用 gcc 编译程序时要加上 -g 参数.我这篇文章里将讨论一下用 gdb 来调试动态链接库的问题. 首先,假设我们准备这样的一个动 ...
RabbitMQ消息队列生产者和消费者
概述生产者生产数据至 RabbitMQ 队列,消费者消费 RabbitMQ 队列里的数据. 详细代码下载:http://www.demodashi.com/demo/10723.html 一.准备 ...
MongoDB: 聚集管道
在MongoDB2.2新出现的. 聚集管道式基于数据处理管道概念建模的数据聚集框架.文档进入一个多阶段能将该文档转化为聚集结果的管道. 聚集管道提供了map-reduce方法了替代物,并在非常多聚集任 ...
CSS：使用CSS3将一个div水平和垂直居中显示
使用css3将一个div水平和垂直居中显示方案一: div绝对定位水平垂直居中[margin:auto实现绝对定位元素的居中], 代码两个关键点:1.上下左右均0位置定位: 2.margin: au ...
常用ms-dos命令
netstat -ano 列出所有的活动链接netstat -ano|findstr 8080(也可以是pid号) 找到端口为8080的程序,例下图
利用HttpWebRequest模拟表单提交 JQuery 的一个轻量级 Guid 字符串拓展插件. 轻量级Config文件AppSettings节点编辑帮助类
利用HttpWebRequest模拟表单提交 1 using System; 2 using System.Collections.Specialized; 3 using System.IO; ...
工作总结 MVC 验证 [Required] 必填与 string 小知识
例如添加页面有个 title 字段设置了 [Required] 不填的时候设置还是验证不通过设置为还是不通过说明了验证只与页面上传不传值有关与在后台设不设置值无关. ...
Linux内核(7) - 设备模型(上)
对于驱动开发来说,设备模型的理解是根本,毫不夸张得说,理解了设备模型,再去看那些五花八门的驱动程序,你会发现自己站在了另一个高度,从而有了一种俯视的感觉,就像凤姐俯视知音和故事会,韩峰同志俯视女下属. ...
Python isnumeric() 方法
描述 Python isnumeric() 方法检测字符串是否只由数字组成.这种方法是只针对unicode对象. 注:定义一个字符串为Unicode,只需要在字符串前添加 'u' 前缀即可,具体可以查 ...
failed to load selinux policy freezing
一.原因: 在修改selinux配置文件时输入并保存了一个错误的配置参数. 二.挽救: 1. 重启系统. 2. 在启动选项上按 e. 3. 进入grub编辑页面. 4. 向下移动光标至fi下一行. 5 ...

thymeleaf 的hello world

thymeleaf 的hello world的更多相关文章

随机推荐

热门专题