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" ...

随机推荐

java SequenceInputStream类（序列输入流）的用法示例
public class SequenceInputStreamextends InputStream SequenceInputStream 表示其他输入流的逻辑串联.它从输入流的有序集合开始,并从 ...
OpenWrt 中安装配置Transmission
参考文章https://wiki.openwrt.org/doc/uci/transmission 1. 安装包必装的 transmission-daemon-openssl (后台服务)选装的 t ...
Laravel中的信息验证和语言包
首先,谈下语言包的问题 1.安装语言包,通过composer进行安装 composer require "overtrue/laravel-lang:dev-master" 2.成 ...
列表生成式&生成器表达式
一.列表生成式 def func(): return [lambda x:i*x for i in range(4)] print([j(2) for j in func()]) 结果:[6,6,6, ...
【LeetCode】136. Single Number (4 solutions)
Single Number Given an array of integers, every element appears twice except for one. Find that sing ...
POJ 3691 DNA repair （DP+AC自动机）
DNA repair Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 4815 Accepted: 2237 Descri ...
安卓开发应该知道的Drawable、Bitmap、Canvas和Paint的关系
首先让我们理解下Android平台中的显示类是View,但是还提供了底层图形类android.graphics,今天所说的这些均为graphics底层图形接口. Bitmap - 称作位图,一般位图的 ...
asp.net 在线解压缩文件类
using System; using System.Collections.Generic; using System.Text; using System.IO; using Microsoft. ...
Error_GL_总账日记账过账失败
go系列之数组
数组数组是同一类型元素的集合.例如,整数集合 5,8,9,79,76 形成一个数组.Go 语言中不允许混合不同类型的元素,例如包含字符串和整数的数组.(译者注:当然,如果是 interface{} ...

thymeleaf 的hello world

thymeleaf 的hello world的更多相关文章

随机推荐

热门专题