说实话，用起来很难受，但是人家官方推荐，咱得学

如果打成jar，这个就合适了，jsp需要容器支持

引入依赖

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

application.properties中配置

#指定模板所在的目录
spring.thymeleaf.prefix=/WEB-INF/ui/
#检查模板路径是否存在
spring.thymeleaf.check-template-location=true
#如果开启，本地调式页面不会立马更新，上线再打开缓存提高性能
spring.thymeleaf.cache=false
#模板文件后缀
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html

thymeleaf建的视图是HTML文件

新建一个testThymeleaf.html，这里简单使用几个属性，详细见手册

<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>

        <meta charset="UTF-8"></meta>

        <title>thymeleaf test</title>

    </head>

    <body>

        <!-- text展示后台变量 -->

        <h1 th:text="${message }">thymeleaf test</h1>

        <!-- 字符串拼接，用|变量、文本| -->

        <p th:text="|${message },welcome.|"></p>

        <!-- 条件判断，if和unless 条件一致，情况不同显示不同的文本  -->

        <span th:if="${aaa == 'aaa'}" th:text="uuuuuuuuuu"></span>

        <span th:unless="${aaa == 'aaa'}" th:text="ggggggggggggggg"></span>

        <!-- 循环迭代数据 -->

        <table>

            <tr>

                <td>No.</td>

                <td>姓名</td>

                <td>日期</td>

            </tr>

            <tr th:each="each,iterStat : ${users}">

                <td th:text="${iterStat.count}"></td>

                <td>

                    <!-- 链接引用页面变量 -->

                    <a th:text="${each.name}" th:href="@{'/a/'+${each.name}+'/'+${iterStat.count}}">link</a>

                </td>

                <td th:text="${#dates.format(each.date, 'yyyy-MM-dd HH:mm:ss')}"></td>

            </tr>

        </table>

        <a th:href="@{/a/hh/12}">test href</a>

    </body>

</html>

后台示例

@Controller

public class TestThymeleafController {

    @GetMapping("/forward")

    public String forward(ModelMap model){

        model.addAttribute("message", "hello");

        model.addAttribute("aaa", "aaac");

        //直接写HTML文件的名字

        return "testThymeleaf";

    }

    @GetMapping("/user")

    public String getUser(ModelMap model){

        List<TestVO> users = new ArrayList<TestVO>();

        TestVO vo = new TestVO();

        vo.setName("小王");

        vo.setDate(new Date());

        users.add(vo);

        model.addAttribute("users", users);

        //直接写HTML文件的名字

        return "testThymeleaf";

    }

    @RequestMapping("/a/{p}/{v}")

    @ResponseBody

    public String a(@PathVariable("p") String p,@PathVariable("v") Integer v) {

        return "test href:"+p+v;

    }

}

spring boot thymeleaf简单示例的更多相关文章

  1. Spring Boot Thymeleaf 模板引擎的使用

    Spring Boot 中可以支持很多模板引擎,Thymeleaf 是 Spring Boot 官方推荐使用的模板引擎,虽然在社区 Thymeleaf 的性能被许多人所吐糟,但这仍然不影响大量的开发人 ...

  2. spring boot + Thymeleaf开发web项目

    "Spring boot非常适合Web应用程序开发.您可以轻松创建自包含的HTTP应用.web服务器采用嵌入式Tomcat,或者Jetty等.大多数情况下Web应用程序将使用 spring- ...

  3. Spring Boot Thymeleaf 实现国际化

    开发传统Java WEB工程时,我们可以使用JSP页面模板语言,但是在SpringBoot中已经不推荐使用了.SpringBoot支持如下页面模板语言 Thymeleaf FreeMarker Vel ...

  4. spring boot + thymeleaf 乱码问题

    spring boot + thymeleaf 乱码问题 hellotrms 发布于 2017/01/17 15:27 阅读 1K+ 收藏 0 答案 1 开发四年只会写业务代码,分布式高并发都不会还做 ...

  5. spring boot + thymeleaf 3 国际化

    在给spring boot 1.5.6 + thymeleaf 3进行国际化时,踩了一个坑(其实不止一个). 现象: 看到了吧, 就是取值的key, 后面被加了_en_US 或 _zh_CN, 以及前 ...

  6. Spring boot+Thymeleaf+easyui集成：js创建组件页面报错

    开发工具:Ideal 使用场景:Demo 前提:       环境:Spring boot +Thymeleaf+easyui 引入thymeleaf模板引擎 <html lang=" ...

  7. Spring Boot项目简单上手+swagger配置+项目发布(可能是史上最详细的)

    Spring Boot项目简单上手+swagger配置 1.项目实践 项目结构图 项目整体分为四部分:1.source code 2.sql-mapper 3.application.properti ...

  8. spring boot: thymeleaf模板引擎使用

    spring boot: thymeleaf模板引擎使用 在pom.xml加入thymeleaf模板依赖 <!-- 添加thymeleaf的依赖 --> <dependency> ...

  9. Spring boot 注解简单备忘

    Spring boot 注解简单备忘 1.定义注解 package com.space.aspect.anno;import java.lang.annotation.*; /** * 定义系统日志注 ...

随机推荐

  1. (1)Redis 基本类型

    https://redis.io/ http://redisdoc.com/  中文 一. 库 redis默认16个库,0-15.默认端口号 6379 使用某个库  测试服务器是否连通 ping // ...

  2. mvn eclipse:eclipse

    pom.xml 在哪个文件夹, 你就在哪里按shift 右键,,[在此处打开命令窗口]  执行那个命令. mvn eclipse:eclipse

  3. localStorage使用总结（转载）

    localStorage使用总结  本文转载自:https://www.cnblogs.com/st-leslie/p/5617130.html(点击标题可跳转至原文) 一.什么是localStora ...

  4. JUC源码分析-集合篇（九）SynchronousQueue

    JUC源码分析-集合篇(九)SynchronousQueue SynchronousQueue 是一个同步阻塞队列,它的每个插入操作都要等待其他线程相应的移除操作,反之亦然.SynchronousQu ...

  5. vim的基本快捷操作（一）

    一.光标移动 ^ 到该行第一个非空格字符处. + 到下一行的第一个非空格字符处 - 到上一行的第一个非空格字符处 `. 到上次修改点 <c-o> 到上次所停留位置, <c-i> ...

  6. SDL系列之 - 用SDL动态地画一个圆喽 && 设置背景色

    #include <SDL.h> #include <stdlib.h> #include <string.h> #include <math.h> # ...

  7. plsql连接问题

    PLsql好久没用了,今天想用的时候,发现自己忘记本地实例(system)的密码了,试了几个自己常用的密码都不对,提示“ORA-01017:invalid username/password;logo ...

  8. 21-6-数组相关api

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. true - (成功的)什么都不做

    总览 (SYNOPSIS) true [忽略命令行参数] true OPTION 描述 (DESCRIPTION) 程序 结束 时, 产生 表示 成功 的 状态码. 下列的 选项 没有 简写 形式. ...

  10. AXD 的使用以及源代码说明

    汇编源代码说明 ;=============================================================================== ;  引用头文件 ;= ...